Miksi jotkin brändit vaikuttavat heti luotettavilta, kun taas toiset tuntuvat amatöörimäisiltä, vaikka tuotteet olisivat hyviä? Osa vastausta on suunnittelun elementeissä ja periaatteissa. Et tarvitse designkoulutusta parantaaksesi. Tarvitset selkeän määritelmän ja muutaman käytännön tarkistuksen.
Suunnittelun elementit ja periaatteet ovat saman järjestelmän kaksi puolta: osat ja se, miten ne vaikuttavat toisiinsa. Tässä luvussa kerrotaan selkeästi, mitä se tarkoittaa, miksi se vaikuttaa verkkosivustoosi ja markkinointiisi ja miten sen ottaa käyttöön ilman ammattisanaston viidakkoa. Näet myös, miten suunnittelun periaatteet liittyvät samaan kuvaan. Käydään se läpi askel kerrallaan.
Suunnittelun elementtien ja periaatteiden perusajatukset
Suunnittelun elementit ja periaatteet ovat saman järjestelmän kaksi puolta: osat ja se, miten ne vaikuttavat toisiinsa.
Yhdessä ne antavat sanaston, jolla voit arvioida mitä tahansa visuaalista, logosta laskeutumissivuun.
Periaatteet, kuten tasapaino ja kontrasti, nojaavat elementteihin, kuten viivaan, väriin ja tilaan.
Näin otat tämän käyttöön
Piirrä yksinkertainen rautalankamalli ja merkitse siihen yksi elementti ja yksi periaate, jonka asetat etusijalle.
Tutustu lukuihin mitkä ovat suunnittelun periaatteet ja mitä on visuaalinen suunnittelu, niin yhdistät tämän aiheen osion muuhun sisältöön.
Oppimisvaiheessa pienet johdonmukaiset parannukset voittavat satunnaiset täysuudistukset.
Käytännön tarkistuslista tämän päivän käyttöön
Piirrä yksinkertainen rautalankamalli ja merkitse siihen yksi elementti ja yksi periaate, jonka asetat etusijalle.
Kun käyt läpi jotakin sivua, kysy, näkyvätkö suunnittelun elementit ja periaatteet jo ensimmäisellä vierityksellä mobiilissa. Jos eivät, järjestä osiot uudelleen ennen yksityiskohtien viimeistelyä.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen. Näin näet, mikä muutos auttoi suunnittelun elementeissä ja periaatteissa sivustollasi.
Jaa tämä lista kaikille, jotka päivittävät sivustoasi, jotta suunnittelun periaatteet pysyvät yhtenäisinä uusillakin sivuilla.
Valitse yksi seurattava mittari tälle kuulle, esimerkiksi sivulla vietetty aika tai lomakkeen aloitukset. Näin suunnittelumuutokset kytkeytyvät liiketoiminnan tuloksiin eikä pelkkään makuun.
Miten tämä aihe liittyy koko brändiisi
Visuaaliset valinnat harvoin koskevat vain yhtä sivua. Periaatteet, kuten tasapaino ja kontrasti, nojaavat elementteihin, kuten viivaan, väriin ja tilaan.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien tulisi toistaa samaa hierarkiaa, samoja värejä ja samoja kirjasinsääntöjä kuin verkossa.
Kun brändin ilme alkaa karata, asiakkaat tuntevat pienen epäsuhdan, vaikka eivät osaisi selittää sitä.
Vertaa muistiinpanojasi tämän osion toiseen lukuun: suunnitteluprosessi alusta loppuun.
Yhdessä ne antavat sanaston, jolla voit arvioida mitä tahansa visuaalista, logosta laskeutumissivuun.
Kysymyksiä, jotka usein jäävät huomaamatta
Lisähakusanat, kuten suunnittelun periaatteet ja suunnittelun elementit, auttavat löytämään syvempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Periaatteet, kuten tasapaino ja kontrasti, nojaavat elementteihin, kuten viivaan, väriin ja tilaan.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat tällä viikolla toimivalla sivulla. Pienet mitatut muutokset ovat parempia kuin epämääräiset suunnitelmat.
Kun tiimillä on yhteinen sanasto suunnittelun elementeistä ja 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. Visuaalisessa editorissa säädät välejä, värejä ja typografiaa ja esikatselet samalla mobiili- ja pöytäkonenäkymää.
WEMASYn Sivustonrakentajassa voit muokata visuaalisesti ja julkaista muutokset odottamatta kehittäjää jokaisen pikkusäädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, katso vielä mitkä ovat suunnittelun periaatteet ja mitä on visuaalinen suunnittelu, niin osio pysyy mielessäsi yhtenä kokonaisuutena.
Sinulla on nyt toimiva tapa katsoa suunnittelun elementtejä ja periaatteita. Käytä sitä, kun arvioit sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka lukuihin mitä on visuaalinen suunnittelu ja suunnitteluprosessi alusta loppuun, niin vauhti säilyy tässä osiossa.
Usein kysytyt kysymykset
Kuinka kauan suunnittelun elementtien ja 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 elementtien ja periaatteiden kanssa?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni suunnittelun elementteihin ja periaatteisiin liittyvä korjaus onnistuu itse, kun tiedät, mitä etsiä. Käytä tämän luvun rinnalla lukua mitkä ovat suunnittelun periaatteet, niin saat aiheeseen liittyvää lisäopastusta.
Voiko WEMASY auttaa suunnittelun elementtien ja 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 elementtien ja periaatteiden kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi tärkein asia, esimerkiksi luettavuus tai kontrasti, ja katso seuraavaa parannusta varten mitä on visuaalinen suunnittelu.
Miten suunnittelun elementit ja 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 saat parhaat tulokset.
Mitä kannattaa oppia seuraavaksi suunnittelun elementtien ja periaatteiden jälkeen?
Jatka tässä kirjassa lukuihin mitkä ovat suunnittelun periaatteet ja mitä on visuaalinen suunnittelu, niin rakennat brändillesi täydellisen visuaalisen järjestelmän verkkoon.