Hvernig á að búa til vefsíðustíl fyrir vörumerkið þitt

Lærðu hvernig stílleiðbeiningar geta haldið vörumerki þínu sjónrænt og tónn í samræmi við vefsíðu þína.


Að búa til heimasíðu stíl handbók

Við skulum mála atburðarás hér. Segðu að vefsíðan þín fari ört vaxandi bæði innan umfangs innihalds og fjölda fólks sem þú þarft að hafa með þér um borð til að viðhalda henni. Þú hefur ráðið hönnuðum, verktaki, auglýsingatextahöfundum, stjórnendum samfélagsmiðla — allt fjandinn. Hver einstaklingur kemur og fer og leggur sitt af mörkum í stóra kerfið – en samkvæmni vörumerkisins hefur keyrt amok. Sumir hnappatenglar eru bláir; aðrir eru grænir. Ein undirfyrirsögnin er 26px að stærð; önnur undirfyrirsögn er 24px. Lógóið þitt er með of mikið padding umhverfis það á einni síðu en samt of lítið padding á annarri …

Sem eigandi vefsíðunnar þinnar hefurðu nú þegar of mikið á disknum þínum, svo hvernig geturðu hugsanlega búist við að halda hundruðum hönnunarreglna fyrir vörumerkið þitt allt inni í höfðinu á þér? Hvernig manstu eftir því að segja nýráðnum hönnuð hverri stílreglu sem fyrri hönnuður þinn var þegar kominn með? Það er líklegt að þú getir það ekki.

Það er þar sem stílleiðbeiningar koma inn.

Hver er stílleiðbeiningar og hvers vegna þarf fyrirtæki mitt eitt?

Stílleiðbeiningar eru sameinaðar auðlindir sem skilgreina vörumerki með stöðugri notkun á hönnun, tón, rödd og sjálfsmynd.

Góð leiðarvísir mun vera fullkominn tilvísun fyrir vörumerkið þitt. Þetta er teikning. Það skilgreinir reglur um leturfræði, liti, skipulag, notkun merkis, raddbeiningar, leiðbeiningar um innihald, upplifun notenda og nokkurn veginn alla þætti opinberra samskipta við vörumerkið þitt.

Hugmyndin um stílleiðbeiningar (eða merkibiblur) er ekkert nýtt, þó að umsókn þeirra um vefsíður sé nýlegara umræðuefni. Algengt er að finnast í prentheiminum og sérhvert meiriháttar dagblað heldur stílleiðbeiningum til að viðhalda samræmi sniðs. Fyrir stór fyrirtæki, þar sem sérstakir litir vörumerkisins verða að passa nákvæmar upplýsingar í allt frá sjónvarpsauglýsingum til hliðar vörubíla, er alhliða stílleiðbeiningar alger nauðsyn – og það getur orðið beinlínis gríðarlegt að stærð!

Líklega er það að ef þú ert að lesa þetta þá hefur fyrirtækið þitt ekki náð þeim mælikvarða enn þar sem þú þarft á öllu markaðssviði að halda til að bera kennsl á vörumerki þitt. Samt sem áður, það er aldrei of snemmt að búa til stílleiðbeiningar. Með því að treysta meginreglur vörumerkisins núna mun það bjarga þér frá hugsanlegu ófaraleiði þegar viðskipti þín vaxa út í meira en þú einn getur fylgst með.

Þegar kominn tími til að búa til stílleiðbeiningar

Ég þori að veðja að þú getur þegar ímyndað þér afleiðingar þess að hafa ekki stílleiðbeiningar. Án fyrirfram skilgreindra viðmiðunarreglna um hvernig vörumerki þitt ætti og ætti ekki að vera gefið upp, gæti einhver hönnuður eða verktaki sem þú ræður bætt við eigin persónulegu snertingu eða túlkun á vefsíðuna þína, sem á endanum mun búa til stílbragðs leðju frekar en samheldna heild.

Vefverslun þín mun njóta góðs af stílleiðbeiningum ef og hvenær:

  • Þú byrjar að fela verkefnum liðsmönnum eða þriðja aðila. Stílleiðbeiningar munu halda öllum á sömu síðu og tryggja að framlög séu stöðluð.
  • Vefsíðan þín er orðin nokkuð stór (og óskipulögð í ferlinu) og CSS skráin þín hefur vaxið úr böndunum frá því að bæta við nýjum stíl til að koma í stað þeirra sem þegar voru fyrir sem þú gleymdir að voru þar.
  • Þú verður að hagræða í því að gera uppfærslur á vefsíðunni þinni. Með því að hafa komið á fót leiðbeiningum til að vísa aftur til tryggir nýjar viðbætur hratt til framkvæmda og í takt við vörumerkið.

Stílleiðbeiningar þínar eru til á vefsíðunni þinni

Áður en þú byrjar að smíða stílhandbókina þína þarftu að tilgreina hvar hann er til. Besta framkvæmdin er að úthluta eigin svæði á vefsíðuna þína, annað hvort sem skrá (www.yourdomain.com/styleguide) eða sem undirlén (styleguide.yourdomain.com).

Fljótur athugasemd: Mundu að stílhandbókin þín verður að deila sömu CSS skrá og afgangurinn af vefsíðunni þinni. Þetta tryggir að hönnunaruppfærslur innan eins endurspegli strax í hinu og haldi öllu sameinuðu og stöðugu.

Stílleiðbeiningin þín hefur sitt eigið skipulag

Við skulum koma þessu úr vegi: Það mun taka tíma að búa til stílleiðbeiningar þínar. En líttu á orkuna sem þú leggur í hana sem fjárfestingu sem sparar þér meiri tíma (og peninga) þegar til langs tíma er litið.

Rétt eins og vefsíðan þín tekur stílleiðbeiningar þínar til notendaupplifunar með auðveldu eftirfylgni. Það mun starfa í meginatriðum sem sjálfstæða vefsíðu, oft með siglingavalmynd sem skráir hvert atriði vefsvæðis þíns í rökréttri framþróun sem skiptir máli. Þessir þættir eru kynntir og stílaðir eins og þeir væru á aðalsíðunni, aðeins auðvitað með samhengisleiðbeiningar og ástæður þess að hlutirnir eru sniðnir eins og þeir eru.

SJÁ ÞAÐ Í AÐGERÐ: Ein vinsælasta og umfangsmesta stílleiðbeiningin til viðmiðunar tilheyrir Starbucks. Skoðaðu þeirra ef þú þarft innblástur til að fá eitthvað grunnlegt upp.

Stílleiðbeiningar Vs. Mynstur bókasöfn

Hugtökin „stílleiðbeiningar“ og „munasafn“ eru oft notuð til skiptis og til einföldunar mun ég vísa til og veita dæmi um bæði „stílleiðbeiningar“. Samt sem áður eru mikilvæg skil milli þessara tveggja sem þú ættir að vera meðvitaður um.

Mynstur bókasöfn mun einfaldlega kynna hönnunarþáttina án skýringa á því hvernig eigi að nota þau á vefnum eða forritinu. Stílleiðbeiningar mun með viðeigandi hætti leiðbeina þér um bestu starfsvenjur við að nota valin hönnunarfæribreytur, útskýra hvers vegna það eru ákveðnar reglur sem fylgja skal þegar kynning á vörumerkinu.

Í meginatriðum, með munasafni geturðu verið kynnt þér stílvalkosti fyrir H2 merki; það sem vantar er þó hvað stílleiðbeiningarnar veita: leiðbeiningar um í hvaða samhengi hvert H2 merki ætti að nota.

Hvernig á að búa til stílleiðbeiningar

Hér eru skrefin sem þú munt taka til að búa til stílleiðbeiningar sem merkir alla reiti.

Skref 1. Skilgreindu nauðsynjar vörumerkis þíns

Taktu þér tíma til að rannsaka og velta fyrir þér skilgreiningareinkennum vörumerkisins og sjóða það allt niður í eina eða tvær málsgreinar. Settu fram yfirlýsingu um verkefni, upplýsingar um gildi þín og nokkur lykilorð sem mun leggja grunn að öllu framlagi til hönnunar og efnis. Frábært mynd getur einnig hjálpað til við að ákvarða tón og persónu vörumerkisins.

Skref 2. Settu reglur merkisins þíns

Stærð, staðsetning og litir lógósins eru lykilatriði í speglun vörumerkisins. Hérna munt þú einnig sjá oft Það sem má og má ekki sem gera það mjög skýrt hvernig fyrirtæki þitt ætti að vera sjónrænt kynnt heiminum.

Dæmi um Twitter merkiTwitter skilur ekki eftir svigrúm með víðtækum reglum þeirra varðandi rétta notkun á merki þess.

Skref 3. Settu upp leturfræði

Leturgerð lýsir mjög áþreifanlegri tilfinningu fyrir vörumerkinu þínu. Mismunandi stærðir fyrirsagnanna þinna, bilið milli þeirra og stíll leturgerðarinnar veita allir ákveðnum tóngæðum á vefsíðuna þína. Þú getur lært meira um að koma á leturmynd vörumerkisins.

Dæmi um BBC leturfræðiBBC deilir álagningu og útliti leturfræðilegra þátta þeirra – nauðsyn fyrir stór fréttastofnun sem notar margar fyrirsagnir af ólíkri þýðingu.

Skref 4. Ákveðið á litatöflu

Litur getur verið meira en aðeins sjónræn framsetning á vörumerkinu þínu – það getur haft áhrif á sálfræði notenda þinna. Ákveðinn skuggi af rauðu gæti jafnvel orðið minni litur og meira undirmeðvitundartengill við ákveðinn gosdrykkur.

Dæmi um Mozilla litaleiðbeiningarMozilla heldur vörumerki sínu stöðugu með því að skilgreina litatöflu hugbúnaðarins. Það er mikilvægt að þú setur litakóða inn í HEX, Pantone, HSB, CMYK og RGB; ætti það tækifæri að koma upp að vörumerkið þitt verður að vera fyrir utan tölvuskjáinn, þá ertu tilbúinn fyrir það!

Skref 5. Finnið rétta táknmyndina

Tákn sjóða hugmynd niður í strax aðgengilega grafík. Það er ekki mikið að fela sig á bakvið; ef tákn er jafnvel aðeins úr kilter drepur það fyrirhuguð áhrif. Sum tákn eru hönnunarþyngri en önnur; þetta gerir ekki einn stíl betri en hinn, en þeir þurfa bara að vera stöðugir. Forðastu ósamræmda táknmynd.

Dæmi um IBM táknstílIBM icon bókasafn veitir samhengisbundnar aðgerðir fyrir helgimynd þeirra. Taktu eftir því hvernig allir fylgja svipuðum stíl sem er einlita, flata og einfalda.

Skref 6. Finndu rétta myndmálið

Hvaða myndefni styður best vörumerkið þitt, líflega landslagsmyndina eða teiknaðu teiknimyndina? Ætlarðu að vera fulltrúi fyrirtækisins í gegnum hlutabréfamyndir, eða ráðið ljósmyndara til að afhenda eitthvað einstakt? Hvað sem hentar þér best skaltu íhuga tilfinning sem vörumerkið þitt vill koma á framfæri.

Skref 7: Búðu til skipulag og ristakerfi

Þetta er þar sem áætlanagerð þín mun örugglega borga sig þar sem það reynir venjulega fáránlega tíma að reyna að búa til framtíðar skipulag síðna án tilvísunar. Mundu að hafa skipulag vökvi fyrir margar skjástærðir.

Dæmi um nethandbók MailChimpMailChimp er mælt fyrir um hvernig meginefni þeirra er uppbyggt í töflu. Sérstök pixlafjárhæð fyrir rennuna og bólstrun tryggir að ristin haldist satt, sama skjástærð notandans.

Skref 8: Stíll þáttanna

Það fer eftir umfangi vefsíðunnar þinnar, þú gætir haft hundruð aðskildra þátta til að taka tillit til, frá vídeóum til blogg ummæla til netviðskipta. Hér eru nokkrar af þeim algengustu sem eru eflaust með á neinni vefsíðu:

Eyðublöð

Þetta snýst ekki bara um lit og stærð innsláttarsviða og merkimiða; þú ættir einnig að innihalda textann sem á að birtast ef skilaboð, villu eða viðvörunarskilaboð eru gefin vel.

Hnappar

Litatöflu þín og leturfræði sjá um mikið af þessu. Litur og stærð á hnöppum þínum geta táknað ýmislegt: það eru hnappatenglar, senda hnappa, CTA hnappa, hætta við hnappa, matseðlahnappa og svo framvegis.

Valmyndir

Aftur, mikið af því sem þú hefur þegar stofnað mun koma þér að mestu leyti hingað. Bil og röðun texta eru helstu stíll til að tilgreina. Verður lógóið þitt að virka sem heimahnappur? Skurður þú hið þekkta „hamborgaratákn“ fyrir eitthvað meira skapandi?

Fyrirmyndar

Góð leiðsögn um stíl sýnir ekki aðeins hönnun fyrirmyndanna (eða sprettiglugga), heldur mun það einnig setja skilyrði fyrir útliti þeirra. Hvaða aðgerðir þarf notandi að gera til að sjá formið? Hvernig ætlar formið að sannfæra aðgerðir frá notandanum?

Áhrif á samspil og hreyfimyndir

Trúðu því eða ekki, vörumerkið þitt getur verið gefið upp í smáatriðum, jafnvel eins mínútu og millisekúndur sveimaáhrifa. Textatengill með gildið {hreyfimynd: 500ms auðveld í; } miðlar öðrum persónuleika og brýnt tilfinningum samanborið við {fjör: 100ms línuleg; }.

Misræmi í tímasetningu hreyfimynda á milli mismunandi hlekkja á vefsíðunni þinni getur ruglað saman notendaupplifuninni, svo gefðu þér tíma til að skipuleggja hvaða skilaboð fjör þín og samskipti gengi og halda sig við þessar reglur.

Ekki gleyma efni

Ég vek athygli á þessu sérstaklega vegna þess að innsetning efnis og afritunar í stílleiðbeiningar er jafn mikilvæg en oft gleymast. Eins og þú hefur heyrt það áður, innihald er eini stærsti drifkrafturinn að árangri vefsíðu þinnar. Gagnlegt, frumlegt og vel skrifað efni mun umbuna notendum mun dýpri ánægju en fallegir hnappar eða fínir valmyndir. Þess vegna er mikilvægt að láta auglýsingatextahöfundum fylgja leiðbeiningar um vörumerki auk hönnuða.

Frábært efni er ekki aðeins vel skrifað, það verður að koma því á framfæri rödd og tónn á vörumerkinu þínu með stöðugum ritstíl. Þessi tvö lykilorð eru svo mikilvæg að handtaka, MailChimp nefndi jafnvel tilnefnd leiðbeiningar um innihaldsstíl eftir þeim.

Af þessu dæmi geturðu séð hvernig MailChimp beinir textahöfundum sínum að móta orðalag sem er í takt við eðli vörumerkis síns þegar tekið er tillit til tilfinningar notenda sinna hverju sinni.

Leiðbeiningar um innihaldsstíl geta verið ansi tæmandi, jafnvel með reglum um málfræði sem þú myndir búast við frá enskum prófessor. Leiðbeiningar fyrir Túts+ gerir einmitt það. (Innihaldshandbókin þeirra segir mér meira að segja að skrifa það sem „Tuts +“ en ekki „Tutsplus“!)

Niðurstaða

Stílleiðbeiningar taka ágiskanir úr því að stækka viðskipti þín á netinu. Með þessa lífsnauðsynlegu auðlind fyrir hendi muntu ekki lengur klúðra þér til að ná nýjum liðsmönnum upp til að hraða reglum vörumerkisins.

Það eru milljónir fyrirtækja þarna úti – en þú ert aðeins einn. Verndaðu gildi sérstöðu þinna með því að vera staðfastur í því hvernig þér er kynnt. Notaðu nú stílleiðbeiningar fyrir vörumerki sem þekkist áfram í framtíðinni.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map