Pientä harmaata tekstiä sekavalla taustalla. Silmät rasittuvat jo ennen ensimmäisen virkkeen loppua. Juuri siksi suunnittelun periaatteet ovat tärkeitä brändillesi. Kun asettelu ja väri taistelevat viestiä vastaan, ihmiset lähtevät kertomatta syytä.
Suunnittelun periaatteet ohjaavat sitä, miten elementit suhtautuvat toisiinsa tasapainon, kontrastin, korostuksen, liikkeen, kuvion, rytmin, yhtenäisyyden ja vaihtelun kautta. Tässä luvussa kerrotaan arkikielellä, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen ottaa käyttöön ilman ammattisanaston sotkua. Näet myös, miten kysymys siitä, mitkä ovat suunnittelun periaatteet, liittyy samaan kokonaisuuteen. Edetään yksi vaihe kerrallaan.
Suunnittelun periaatteiden perusajatukset
Suunnittelun periaatteet ohjaavat sitä, miten elementit suhtautuvat toisiinsa tasapainon, kontrastin, korostuksen, liikkeen, kuvion, rytmin, yhtenäisyyden ja vaihtelun kautta.
Suunnittelun periaatteet muuttavat sattumanvaraiset valinnat asetteluksi, joka ohjaa huomiota.
Voit harjoittaa silmääsi nimeämällä, mitä periaatteita ihailemillasi sivustoilla näkyy.
Näin otat tämän käyttöön
Valitse yksi periaate, esimerkiksi kontrasti tai korostus, ja käytä sitä pääasialliseen toimintakehotukseesi.
Tutustu lukuihin visuaalisen suunnittelun periaatteet ja niiden käyttö ja suunnittelun elementit ja periaatteet yhdessä, niin liität tämän aiheen osion muuhun sisältöön.
Oppimisvaiheessa pienet johdonmukaiset parannukset ovat parempia kuin silloin tällöin tehdyt täysuudistukset.
Käytännön tarkistuslista tämän päivän käyttöön
Valitse yksi periaate, esimerkiksi kontrasti tai korostus, ja käytä sitä pääasialliseen toimintakehotukseesi.
Kun tarkistat jotakin sivua, kysy, näkyvätkö suunnittelun periaatteet jo ensimmäisellä vierityksellä mobiilissa. Jos eivät, järjestä osiot uudelleen ennen kuin viimeistelet yksityiskohdat.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta opit, mikä toimi suunnittelun periaatteissa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta suunnittelun periaatteet pysyvät samoina uusillakin sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Silloin suunnittelumuutokset sidotaan liiketoiminnan tuloksiin eikä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä rajoitu yhteen sivuun. Voit harjoittaa silmääsi nimeämällä, mitä periaatteita ihailemillasi sivustoilla näkyy.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaaliesi pitäisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin visuaalinen ilme alkaa erkaantua, asiakkaat aistivat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Vertaa muistiinpanojasi tämän osion toiseen lukuun: mitkä ovat suunnittelun periaatteet.
Suunnittelun periaatteet muuttavat sattumanvaraiset valinnat asetteluksi, joka ohjaa huomiota.
Kysymyksiä, jotka usein ohitetaan
Lisähakusanat, kuten mitkä ovat suunnittelun periaatteet ja visuaalisen suunnittelun periaatteet, auttavat löytämään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Voit harjoittaa silmääsi nimeämällä, mitä periaatteita ihailemillasi sivustoilla näkyy.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimisi käyttää samaa sanastoa suunnittelun periaatteista, suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän korjauskierroksia.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin asettelun ja tyylin ongelmiin ei tarvita omaa koodia. Visuaalisella editorilla säädät välejä, värejä ja typografiaa samalla, kun esikatselet mobiili- ja pöytäkonenäkymää.
WEMASYssa on Sivustonrakentaja, jossa muokkaus tapahtuu visuaalisesti. Voit siis julkaista muutokset odottamatta kehittäjää jokaisen pikkusäädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista vielä visuaalisen suunnittelun periaatteet ja niiden käyttö ja suunnittelun elementit ja periaatteet yhdessä, jotta osio pysyy yhtenäisenä mielessäsi.
Sinulla on nyt toimiva näkökulma suunnittelun periaatteisiin. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka lukuihin suunnittelun elementit ja periaatteet yhdessä ja mitkä ovat suunnittelun periaatteet, niin pysyt vauhdissa tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan suunnittelun periaatteiden parantaminen kestää?
Useimmat pienyritykset saavat selkeämmät sivut muutamassa keskittyneessä työrupeamassa, kun soveltavat tämän luvun perusteita. Aloita etusivusta ja vie samat säännöt sitten palvelu- ja yhteystietosivuille.
Tarvitsetko suunnittelijan suunnittelun periaatteiden kanssa?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni suunnittelun periaatteisiin liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla lukua visuaalisen suunnittelun periaatteet ja niiden käyttö, niin saat aiheeseen liittyvää lisäopastusta.
Voiko WEMASY auttaa suunnittelun periaatteiden soveltamisessa verkkosivustollasi?
WEMASYn Sivustonrakentajassa on visuaalinen editori, jolla säädät asettelua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutokset mobiilissa.
Mikä on yleisin virhe suunnittelun periaatteiden kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi ykkösasia, esimerkiksi luettavuus tai kontrasti, ja katso seuraavaa parannusta varten suunnittelun elementit ja periaatteet yhdessä.
Miten suunnittelun periaatteet liittyvät SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee hakukoneiden seuraamia sitoutumissignaaleja. Yhdistä suunnittelukorjaukset vankkaan sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa oppia seuraavaksi suunnittelun periaatteiden jälkeen?
Jatka tässä kirjassa lukuihin visuaalisen suunnittelun periaatteet ja niiden käyttö ja suunnittelun elementit ja periaatteet yhdessä, niin rakennat brändillesi täydellisen visuaalisen järjestelmän verkkoon.