Miksi jotkin brändit näyttävät heti luotettavilta, kun taas toiset tuntuvat amatöörimäisiltä, vaikka tuotteet olisivat hyviä? Osa vastausta on positiivinen ja negatiivinen tila. Et tarvitse suunnittelijan tutkintoa parantaaksesi tilannetta. Tarvitset selkeän määritelmän ja muutaman käytännön tarkistuksen.
Positiivinen ja negatiivinen tila yhdessä määrittelevät muotoja ja ohjaavat huomiota sommitelmissa. Tässä luvussa kerrotaan selkeästi, mitä tämä tarkoittaa, miksi se vaikuttaa verkkosivuusi ja markkinointiisi ja miten voit soveltaa sitä ilman alan sanahelinää. Näet myös, miten negatiivisen tilan käsite liittyy samaan kokonaisuuteen. Käydään asia läpi askel kerrallaan.
Positiivisen ja negatiivisen tilan perusajatukset
Positiivinen ja negatiivinen tila yhdessä määrittelevät muotoja ja ohjaavat huomiota sommitelmissa.
Valokuvaus ja verkkosivun osiot nojaavat molemmat tähän tasapainoon.
Valkoinen tila on tarkoituksella selkeyden vuoksi käytetty negatiivisen tilan muoto.
Käytäntöön vieminen
Rajaa hero-kuvat niin, että kohteella on tilaa hengittää otsikkoasi kohti.
Tutustu sivuihin toisto suunnittelussa ja visuaalinen hierarkia, niin yhdistät tämän aiheen muuhun osioon.
Pienet, johdonmukaiset parannukset voittavat satunnaiset kokonaisuudistukset, kun olet vasta oppimassa.
Käytännön tarkistuslista, jota voit käyttää heti
Rajaa hero-kuvat niin, että kohteella on tilaa hengittää otsikkoasi kohti.
Kun käyt läpi jotakin sivua, kysy, näkyykö positiivinen ja negatiivinen tila jo ensimmäisellä vierityksellä mobiilissa. Jos ei näy, vaihda osioiden järjestystä ennen kuin viilaat yksityiskohtia.
Tallenna kuvakaappaukset ennen muutoksia ja niiden jälkeen, jotta näet, mikä muutos auttoi sivustosi positiivisen ja negatiivisen tilan kanssa.
Jaa tämä tarkistuslista kaikille, jotka päivittävät sivustoasi, jotta negatiivisen tilan käsite pysyy yhtenäisenä uusillakin sivuilla.
Valitse yksi mittari seurattavaksi tässä kuussa, esimerkiksi sivulla vietetty aika tai lomakkeiden aloitukset, jotta suunnittelumuutokset kytkeytyvät liiketoimintatuloksiin eivätkä pelkkään makuun.
Miten tämä aihe liittyy laajempaan brändiisi
Visuaaliset valinnat eivät yleensä elä vain yhdellä sivulla. Valkoinen tila on tarkoituksella selkeyden vuoksi käytetty negatiivisen tilan muoto.
Somejulkaisujesi, sähköpostiesi ja painettujen materiaalien pitäisi toistaa samaa hierarkiaa, värejä ja kirjasinsääntöjä, joita käytät verkossa.
Kun brändin visuaalinen ilme alkaa hajota, asiakkaat aistivat hienovaraisen epäsuhdan, vaikka eivät osaisi selittää sitä.
Käytä sivua mitä on negatiivinen tila vertaillaksesi muistiinpanoja tämän osion toisen luvun kanssa.
Valokuvaus ja verkkosivun osiot nojaavat molemmat tähän tasapainoon.
Kysymykset, jotka usein jäävät huomaamatta
Liittyvät hakusanat, kuten mitä on negatiivinen tila ja valkoinen tila, auttavat sinua etsimään syvällisempiä esimerkkejä ja vertaamaan työtäsi yleisiin standardeihin.
Valkoinen tila on tarkoituksella selkeyden vuoksi käytetty negatiivisen tilan muoto.
Kirjoita ylös yksi ennen ja jälkeen -muutos, jonka testaat toimivalla sivulla tällä viikolla. Pienet mitatut muutokset voittavat epämääräiset suunnitelmat.
Kun tiimilläsi on yhteinen sanasto positiivisen ja negatiivisen tilan ympärillä, korjauskierroksia suunnittelijoiden ja toimistojen kanssa tarvitaan vähemmän.
Työkalut, jotka helpottavat visuaalisia päivityksiä
Moniin ulkoasun ja tyylin ongelmiin ei tarvita räätälöityä koodia. Visuaalisessa editorissa voit säätää välejä, värejä ja typografiaa samalla, kun katsot esikatselua mobiilissa ja tietokoneella.
WEMASY:n Sivustonrakentajassa on visuaalinen muokkaus, jolloin voit julkaista muutokset odottamatta kehittäjää jokaisen pienen säädön takia. Avaa Sivustonrakentaja, kun olet valmis soveltamaan oppimaasi.
Kun julkaiset päivityksiä, tarkista uudelleen sivut toisto suunnittelussa ja visuaalinen hierarkia, jotta osio pysyy yhtenäisenä mielessäsi.
Sinulla on nyt toimiva näkökulma positiiviseen ja negatiiviseen tilaan. Käytä sitä, kun käyt läpi sivustoasi, hyväksyt markkinointimateriaaleja tai ohjeistat suunnittelijaa. Jatka sivuille visuaalinen hierarkia ja mitä on negatiivinen tila, niin pidät vauhdin yllä tässä osiossa.
Positiivisen ja negatiivisen tilan oppiminen on vähitellen kehittyvä taito. Palaa tähän lukuun, kun olet julkaissut yhden parannuksen, jotta ideat siirtyvät lukemisesta tavaksi. Pienet toistuvat tarkistukset voittavat sen, että yrität ahtaa kaikki säännöt päähäsi kerralla. Pidä muistiinpanoja siitä, mikä toimi yleisöllesi, jotta seuraava päivitys sujuu nopeammin.
Usein kysytyt kysymykset
Kuinka kauan positiivisen ja negatiivisen tilan parantaminen kestää?
Useimmat pienyritykset saavat sivunsa selkeämmiksi muutamassa keskittyneessä työrupeamassa, kun soveltavat tämän luvun perusteita. Aloita etusivustasi ja ota samat säännöt sitten käyttöön palvelu- ja yhteystietosivuilla.
Tarvitsetko suunnittelijan positiivisen ja negatiivisen tilan kanssa?
Suunnittelijasta on apua monimutkaisissa brändiuudistuksissa, mutta moni positiiviseen ja negatiiviseen tilaan liittyvä korjaus onnistuu itse, kun tiedät, mitä katsoa. Käytä tämän luvun rinnalla sivua toisto suunnittelussa, niin saat aiheeseen liittyviä ohjeita.
Voiko WEMASY auttaa positiivisen ja negatiivisen tilan käyttöönotossa verkkosivullasi?
WEMASY:n Sivustonrakentajassa on visuaalinen editori, jolla voit säätää ulkoasua, värejä ja typografiaa ilman koodia. Avaa Sivustonrakentaja, niin voit päivittää pohjia ja esikatsella muutoksia mobiilissa.
Mikä on yleisin virhe positiivisen ja negatiivisen tilan kanssa?
Ihmiset yrittävät korjata kaiken kerralla sen sijaan, että etenisivät yksi sivu kerrallaan. Valitse yksi ensisijainen asia, esimerkiksi luettavuus tai kontrasti, ja katso sitten seuraavaa parannusta varten sivua visuaalinen hierarkia.
Miten positiivinen ja negatiivinen tila liittyy SEO:hon?
Selkeä visuaalinen hierarkia ja luettava teksti pitävät kävijät sivulla pidempään, mikä tukee hakukoneiden seuraamia sitoutumissignaaleja. Yhdistä suunnittelukorjaukset hyvään sisältörakenteeseen, niin tulokset ovat parhaat.
Mitä kannattaa opiskella seuraavaksi positiivisen ja negatiivisen tilan jälkeen?
Jatka tämän kirjan sivuille toisto suunnittelussa ja visuaalinen hierarkia, niin rakennat brändillesi kokonaisvaltaisen visuaalisen järjestelmän verkkoon.