Posted on

Kuinka käyttää värejä nettisivujen suunnittelussa?

Nettisivujen suunnittelussa värien päättäminen, asettelu ja sommittelu on hyvin tärkeää. Värien päättämiseen tulisi käyttää kärsivällisyyttä, sillä oikeiden värien valinta voi joko tehdä sivuista hyvin menestyneet – tai sitten ei.

Onneksi on olemassa muutamia hyvin tärkeitä peukkusääntöjä, jotka auttavat sinua valitsemaan oikeat värit nettisivuillesi, jotka miellyttävät sekä sinua, että yleisöäsi.

Aloitetaanpa miettimällä, miksi värillä on niin paljon väliä (https://www.alfalainaa.fi/)?

Why is colour so important?

Psykologit ovat jo monia vuosia tutkineet värin vaikutusta aivoihin ja tunteisiin. Absoluuttisia totuuksia ei tosin ole olemassa. Ihmisten käsitys väristä on hyvin subjektiivista, joten tällä alueella ei voi olla kovin ohjeistava. Esimerkiksi punainen ei aina tarkoita vaaraa, eikä sininen aina tarkoita rauhallisuutta.

Keltainen on hyvin kaksisuuntainen väri. Keltaisen pitäisi edustaa optimismia, positiivisuutta ja vahvuutta, mutta toiset eivät voi sietää näkyä keltaisesta.

Myös kulttuurieroja tulee ottaa huomiooon, etenkin suurten brändien suhteen. Vihreä voi olla onnen väri Irlannille, mutta se ei ilmeisesti ole onnen väri Englannille. Sen lisäksi vihreä voi olla kateuden ja rahan väri. Se on myös ympäristöystävällisten ihmisten lempiväri..

Joten mistä tulisi aloittaa?

Joten, mistä oikein voi aloittaa? Ensinnäkin tulisi ottaa huomioon, että kyse ei ole niinkään yhden värin valinnasta, vaan useiden värien yhdistelmästä. Väripsykologia osoittaa, että ihmiset reagoivat väriyhdistelmiin eri lailla. Kun otetaan huomioon väriteoria ja psykologia, värivalinnat nettisivullasi pitäisi suunnitella niin, että suunnittelija ymmärtää yleisön, firman, kohdemarkkinat sekä kulttuurin.

Kun otetaan huomioon nämä kaikki asiat, värin valinnasta pitäisi tulla paljon helpompaa. On tosin asioita, joita kannattaa vielä ottaa huomioon. Eräät väriyhdistelmät ovat yhdessä vain suuri ei, ja huonot värivalinnat saattavat olla vaikeita katsoa.

Kontrasti on yksi tärkeimmistä asioista, joita tulee ottaa huomioon. Kontrasti auttaa huomaamaan asioita helposti nettisivulla. Alhaalta voit lukea parhaimpia vinkkejä oikeiden värien valintaan.

  • Kontrasti. Kontrastin tulisi olla sellainen, että tekstiä on helppo lukea pohjalta. Yleensä vaalea pohja ja tumma teksti sopivat yhteen parhaiten.
  • Välitä kuvioitua taustakuvaa. Kuvioitu tausta tekee tekstistä hyvin vaikeasti luettavan.
  • Linkit. Linkit tulisi laittaa sinisellä värillä. Tämä on tyypillistä monille nettisivuille, ja auttaa erottamaan linkit tavallisesta tekstistä.
  • Sävyt. Monet valitsevat yhden tai kaksi pääväriä ja käyttävät hyväkseen värien sävyjä. Se on helpompaa kuin yrittää navigoida usean päävärin kanssa.
  • Napit. Napit, kuten “osta nyt” tai “liity nyt”, tulisi merkitä kirkkailla väreillä, kuten punaisella.
  • Vältä vastavärejä. Vastavärit voivat toimia oikein hyvin brändeissä, mutta mitä tulee tekstin ja tausta valintaan, ole varovainen. Kukaan ei halua lukea vihreää tekstiä punaisella taustalla, tai toisin päin. Myös sininen ja keltainen ja violetti ja oranssi eivät toimi yhdessä.
  • Vaalea teksti tummalla taustalla. Vaalea teksti tummalla taustalla toimii hyvin harvoin. Joillakin nettisivuilla tämä voi olla oikein hyvä idea, mutta esimerkiksi blogit, joissa on paljon tekstiä, eivät kaipaa tällaista väriyhdistelmää.
  • Yleisö. Millainen kohdeyleisösi on? Jos sivu on tarkoitettu lapsille, pastellinsävyt ja kuvat ovat hyvä idea. Blogit toimivat tavallisella valkoisella pohjalla ja tummalla tekstillä. Bisnesmiehille ei ehkä kannata tarjota vaaleanpunaista nettisivua, ja kotiäidit eivät ehkä halua nähdä tummanpuhuvaa sivustoa.
  • heti lainaa 247

Yhteenveto

Värit vaikuttavat mielentilaan. Ne vaikuttavat myös nettisivun luettavuuteen ja miellyttävyyteen. Oikeiden värien valinta voi siis joko tehdä sivustasi toimivan, tai se voi karkottaa asiakkaasi. Käytä maalaisjärkeä nettisivun värien suunnittelussa.

Posted on

Tekstisuunnittelun parhaat vinkit, jotka suunnittelijoiden pitäisi tietää

Kun vierailijat päätyvät nettisivuillesi, on hyvin mahdollista, ettei heitä kiinnosta, millaisia värejä olet käyttänyt nettisivullasi. Usein he tulevat sivuillesi, jotta he voivat lukea sivulla olevaa tekstiä. On siis hyvin tärkeää, että tekstin lukeminen on vierailijoille helppoa. Näin he pysyvät sivuillasi kauemmin.

Tekstin suunnittelussa niin värin kuin sommittelun ja fontinkin suhteen tulee olla tarkkana. Tässä artikkelissa käymme läpi tärkeimpiä vinkkejä nettisivusi tekstin suunnitteluun.

Lue teksti läpi itse

Nettisivujen suunnittelijana sinun harvoin tarvitsee kirjoittaa itse tekstiä, joka nettisivuille tulee. Sinun tulee kuitenkin lukea se itse läpi, ja mielellään useaan otteeseen, 1000 lei. Kun luet tekstin läpi, saat ymmärryksen siitä, kuinka teksti kannattaa sivulle sijoittaa niin, että se on optimaalisin. Samalla voit nähdä myös, onko sanojen välissä kummallisia välejä, jotka eivät kuulu sinne. Lue siis teksti läpi, sillä saat suunnittelustasi entistä ammattimaisemman.

Pyydä tekstiä mahdollisimman aikaisessa vaiheessa

Suurin osa nettisivuista perustuu täysin tekstiin ja vain muutamiin kuviin ja videoihin. Nettisivujen suunnittelu onnistuu paljon sujuvammin ja jouhevammin silloin, kun teksti on jo paikallaan. Joskus teksti on jopa niin olennainen osa nettisivun suunnittelua, ettei sivua voi suunnitella ilman sitä. Pyydä siis tekstiä asiakkaaltasi mahdollisimman aikaisessa vaiheessa, ja heitä Lorem Ipsum -teksti menemään.

Hierarkia on tärkeää

Tekstin hierarkia on hyvin tärkeää suunnittelun ja luettavuuden kannalta. Nettisivulle saapuessasi sinun tulisi pystyä navigoimaan helposti sivulla tekstin osiosta toiseen. Ensimmäisellä sivulla tulisi olla selkeä teksti, joka toivottaa vierailijan tulleeksi jollain tavalla, tai ainakin antaa idean vierailijalle siitä, minne heidän tulisi suunnata seuraavaksi. Tämä on myös yksi syy siihen, miksi teksti kannattaa pyytää asiakkaalta jo mahdollisimman aikaisessa vaiheessa.

Valitse tekstin koko

Tekstin koko vaikuttaa siihen, minne lukijan silmät suuntautuvat. Pienempi teksti voi olla hankalampaa lukea, kuin suurempi. On tutkittu, että ihmiset lukevat netissä mielellään fonttikokoa 14. Pienemmät tekstit ovat hankalia lukea netissä. Suurempaa tekstiä tulisi pääosin käyttää valikossa, napeissa sekä sanoissa ja lauseissa, jota halutaan korostaa.

Taustaväri vs. teksti

Tumma teksti vaalealla taustalla toimii aina hyvin. Musta teksti valkoisella taustalla toimii parhaiten siksi, että tämän eroavaisempia värejä et voi enää löytää. Myös tummansininen teksti vaalean pinkillä pohjalla voi toimia. Mutta yritäpä – credit online cu buletinul – vaihtaa teksti pinkiksi ja tausta siniseksi – aivan niin, siitä tulee paljon työläämpi lukea. Joskus teksti voi olla vain taustavärin eri sävy, ja silloin tällöin se toimii erittäin hyvin. Mutta tällaiseen yhdistelmään tarvitaan jo hyvin tarkkaa suunnittelijan silmää.

Tekstin fontti

Tekstin fontti on yksi tärkeimmistä asioista nettisivujen suunnittelussa. Jos fontti on vaikeaa lukea, ei ole yllättävää, että kukaan ei myöskään jaksa keskittyä sen lukemiseen. Jos haluat, että vierailijat lukevat nettisivun tekstin, tee siitä helposti luettavaa. Suosituin tekstin fontti on sans serif, joka on hyvin helposti luettava fontti. Jos mikään muu fontti ei näytä hyvältä, tämä on aina varma valinta.

Yhteenveto

Nettisivujen suunnittelu on taidetta. Suunnittelussa tulee ottaa huomioon monia asioita, kuten yleisö, brändi, firman värit ja nettisivun tarkoitus. Tekstin ja taustan värien tulisi sopia saumattomasti yhteen. Tekstin tulisi olla helposti luettavaa ja sopia nettisivulle niin, että lukijalla ei ole vaikeuksia lukea sitä.

Kun olet saanut nettisivun valmiiksi, lue sivusto läpi huolellisesti moneen otteeseen. Voit tarvittaessa pyytää mielipidettä vaikka perheeltä tai ystäviltä. Rakentava palaute kannattaa aina.

Posted on

Nettisivujen suunnittelun trendit vuodelle 2018

Trendit nettisivujen suunnittelussa muuttuvat vuosi vuodelta, aivan kuten muoti ja kauneusihanteet. Esimerkiksi MySpacen alkuvuosina oli hyvin yleistä, että taustakuvana oli paljon kuvioita ja kuvia tavallisen yksinkertaisen värin sijaan. Lisäksi fontit olivat hyvin mielikuvituksellisia.

Nettisivuista tuli myös myöhemmin hyvin yksinkertaisia. Sivuissa käytettiin paljon tasaisia värejä ja yksinkertaisia ja yleisiä fontteja. Ammattilaissuunnittelijat osaavat seurata erilaisia trendejä ja kulkea trendien aallonharjalla vuosi vuodelta.

Nettisivujen päivittäminen on tämän vuoksi myös hyvin tärkeää. Jos suunnittelit nettisivut vuonna 2008, nyt on aika päivittää sivuja, sillä 10 vuodessa trendit ovat muuttuneet radikaalisti.

Tässä artikkelissa esittelemme vuoden 2018 kuumimmat nettisivujen suunnittelun trendit.

Sävyt ja varjostukset

Yksinkertaiset värit ovat out, ja varjostukset ja liukuvärit in. Vaikka monivärisyys voi nettisivuilla olla hyvin häiritsevää, jos se tehdään väärin, liukuväri ja varjostus voi tuoda nettisivuille syvyyttä. Nettisivun etusivulla esimerkiksi liukuväri voi olla hyvin kutsuva, uniikki ja mielenkiintoinen. Se myös nostaa sivun estetiikkaa. Varjostusta ja liukuväriä ei kuitenkaan saa olla liikaa, joten älä anna homman lähteä käsistä.

Rohkeat ja rikkaat värit

Kiitos Photoshopin ja erilaisten kuvankäsittelyohjelmien, nettisivujen taustan ei tarvitse enää olla tasaisen yksivärinen. Taustalle voi lisätä yksinkertaisia kuvioita, joissa on rohkeita värejä. Vastavärit (oikein sommiteltuna) voivat olla hieno ja rohkea ratkaisu. Vastavärejä ei kuitenkaan tulisi käyttää fontin ja taustan suhteen. Leikittele vastaväreillä mieluummin pelkästään taustalla.

Liikkuva tausta

Taustalla voi olla suunniteltuna kevyesti liikkuva animaatio, jonka lataamisessa ei mene montaa sekuntia. Se tuo lisää syvyyttä taustaan, ja se nappaa heti vierailijan huomion. Liikkuvan taustan ei kuitenkaan tulisi olla niin liikkuva, että se aiheuttaa merisairautta. Yrityksen oma intro tai korkealaatuinen video voi myös tuoda käyttäjälle uniikin kokemuksen.

Mobiili ensin

Tänä vuonna, enemmän kuin koskaan ennen, käytetään älypuhelimia ja tabletteja internetin selaamiseen. Pöytätietokoneet ja kannettavat ovat väistymässä näiden pienempien laitteiden tieltä. Ostoksia tehdään paljon suoraan matkapuhelimesta. Liikkeellä ollessaan on helppo selata nettisivuja matkapuhelimella, tehdä ostoksia ja vertailla palveluita. Varmista siis, että nettisivu on mobiiliystävällinen ja helppokäyttöinen.

Illustraatiot

Yritykselle tilaussuunnitteluna tehdyt illustraatiot ja kuvat ovat tänä vuonna erittäin in. Kun nettisivulla on kuvia, joita ei löydy mistään muualta, sivusto erottuu automaattisesti edukseen joukosta. Näiden kuvitusten suunnitteluun tarvitaan raudanluja ammattilainen, mutta se on takuulla jokaisen pennin arvoista.

Rohkeat ja näyttävät otsikot

Vaikka tekstin itsessään tulisi olla helposti luettavaa ja ymmärrettävää, nettisivun otsikoissa ja etenkin etusivulla voi olla hieman rohkeampi. Voit käyttää suurempaa otsikkoa ja luovempaa fonttia.

Epäsymmetria

Vuosi 2017 toi mukanaan epäsymmetrian, ja se on vielä näkyvissä vahvana vuonna 2018. Epäsymmetrinen etusivu ja suunnittelu on uniikki, ja siihen saa käyttää mielikuvitustaan.

Kekseliäisyys

Nyt jos koskaan halutaan erottua joukosta. Joukosta erottuminen onnistuu sillä, että suunnittelutyöhön käytetään paljon aikaa, vertaillaan eri nettisivuja ja mielikuvitus päästetään valloilleen. Ehkä sinä voit luoda uuden trendin vuodelle 2019?

Yhteenveto

Trendien seuraaminen on ammattilaiselle hyvin tärkeää. Näin hän pysyy aallonharjalla suunnittelutyössään ja osaa ehdottaa asiakkaalle uusia ja innovatiivisia tapoja toteuttaa nettisivu. Vaikka suunnittelu saattaa käydä robottimaiseksi, suunnittelijan ei tulisi koskaan hukata luovuuttaan. Luovuus ja mielikuvitus on se, joka saa nettisivun erottumaan edukseen muiden tuhansien nettisivujen joukosta. Anna siis mielikuvituksesi lentää ja suunnittele uusi trendi!

Posted on

Suunnittele nettisivu muutamalla askeleella

Nettisivuja ei koskaan pitäisi suunnitella hätäisesti yhdessä yössä. Muuten niistä tulee nimenomaan sellaisia – hätäisesti yhdessä yössä suunniteltuja. Se, onko nettisivu suunniteltu huolella vai hätäisesti, näkyy nettisivun laadussa sekä hakukoneiden tuloksissa.

Nettisivun suunnitteluun kuuluu paljon muutakin, kuin värien valinta, fonttikoko sekä kuvien paikalleen asettaminen. Ammattimaiset nettisivujen suunnittelijat pitävät huolen siitä, että jokainen yksityiskohta on vertaansa vailla, huolellisesti suunniteltu kokonaisuus. Nettisivun tulisi olla toimiva, helposti navigoitava ja hakukoneystävällinen.

Monet kuvittelevat nettisivujen suunnittelijan tehtävänä olevan värivalinta, tekstin liittäminen ja kuvien ja videoiden sommittelu. Siihen kuuluu kuitenkin muitakin elementtejä, jotka ammattimainen nettisivujen suunnittelija osaa tehdä huolella.

Tässä artikkelissa käymme läpi muutamat askeleet, joilla saat nettisivusi julkaistua – helposti, mutta ei niin vaivattomasti!

Suunnittelu

Nettisivun suunnittelu on julkaisuprosessin ensimmäinen ja tärkein kohta. Suunnittelu voi tapahtua yhdessä nettisivun suunnittelijan kanssa, tai suunnittelu voi tapahtua hyvin pitkälti yrityksen organisaatiossa. Suunnitteluprosessiin kuuluu muitakin henkilöitä, kuin vain nettisivun rakentaja itse.

Suunnittelussa tulee ottaa huomioon monia asioita:

Yhteenveto projektista

Millaista markkinakuntaa ja millaisia ihmisiä nettisivusto palvelee, kuka nettisivun ja yrityksen takana on, yrityksen ympäristö, sen tarjoamat palvelut sekä arvo, jota se tuo vierailijoilleen.

Tavoitteet

Mitkä ovat kolme tärkeintä nettisivun tavoitetta? Nettisivulla tulee olla aina joitakin tavoitteita: myynti, markkinointi, lukijat, tilaajat ja niin edelleen.

Kohdeyleisö

Kenelle sivusto on suunnattu? Nettisivu tulee rakentaa eri tavalla kohdeyleisöstä riippuen. Esimerkiksi bisnesmiehet eivät ehkä halua nähdä pastelliväreillä kuvitettua nettisivua, mutta pastellivärit voivat sen sijaan sopia erinomaisesti lapsiyleisölle.

Viestit

Millaisen kuvan ja viestin yritys haluaa itsestään lähettää? Millaisen kuvan vierailijat saavat yrityksestä käytyään nettisivulla? Muista, että nettisivu on kuin yrityksen digitaalinen käyntikortti.

Kilpailu

Onko yrityksellä suoria tai epäsuoria kilpailijoita? Kilpailun määrittäminen ja kilpailijoiden nettisivujen tutkiminen voi auttaa päättämään, millainen strategia toimii, ja millainen ei toimi.

Aikataulu ja työnjako

Jotta projekti saadaan kunnialla päätökseen, projektille on suunniteltava toimiva aikataulu. Aseta sopivia aikarajoja kullekin projektin osalle: tekstin valmistuminen, domainin valinta, kuvat, videot, logo, väriskaala ynnä muut.

Nettisivujen suunnittelija ei voi hoitaa tätä kaikkea yksin. Hänellä tulisi olla apunaan graafinen suunnittelija kuvia ja logoa varten, kirjoittaja tekstiä varten ja yrityksen yhdyshenkilö mahdollisia brändiin liittyviä kysymyksiä varten. Muitakin henkilöitä voi olla mukana projektissa.

Sivun kehitys

Kun suunnittelu on saatu huolella päätökseen, on aika toteuttaa nettisivu. Tässä suunnittelija voi alkaa loistaa ja toteuttaa taikatemppujaan. Toteutusvaiheessa sivujen domain valitaan, väriskaala laitetaan paikoilleen, teksti liitetään sivulle ja kuvat sommitellaan parhaille paikoille. Tässä nettisivujen suunnittelija tekee suurimman osan työstä.

Palaute ja editointi

Kun sivuston ensimmäinen versio on toteutettu, suunnittelija näyttää toteutetun sivun asiakkaalle. Asiakas sitten ehdottaa muutoksia, jolloin suunnittelija tekee työtä käskettyä. Palaute on tärkeää, jotta nettisivusta saadaan sujuva, brändille sopiva kokonaisuus.

Ylläpito

Kun nettisivu on valmis ja editoitu, on aika julkaista se. Tämä ei kuitenkaan tarkoita sitä, että työ olisi ohi. Nyt alkaa sivuston ylläpito. Jotta sivusto sijoittuu hyvin hakukoneen tuloksissa, sen sisältöä tulee lisätä ja muokata. Näin sivusto pysyy aktiivisena. Sivustolle voi esimerkiksi rakentaa blogin artikkeleita tai uutisia varten.

Yhteenveto

Nettisivuston suunnittelussa avainsana on “suunnittelu.” Sivusto tulee suunnitella huolella ennen sen toteuttamista, sillä hyvin suunniteltu on puoliksi tehty! Käytä siis paljon aikaa suunnitteluprosessiin ennen sivuston toteuttamisen aloittamista.