Hönnunarleiðbeiningar eru ómetanleg tól til að hámarka hönnun framleiðsluliða og til að tryggja samræmi vörumerki. Við skoðum sex grundvallarþætti í árangursríkum handbókum.

Hönnunarleiðbeiningar eru meira en bara skjal sem fylgir nýjum vefsíðum eða vörumerkjum. Góðar hönnuðarleiðbeiningar eru listaverk í sjálfu sér og hefur hagnýt umsókn í daglegu hönnun. Það sýnir hvað verkefnið þitt er og leitast við að vera. Það ætti að koma með þætti hönnun, rödd og jafnvel kóða saman á þann hátt sem er viðráðanleg, nothæf og auðvelt að skilja.

Það byrjar með þessum sex hönnunarleiðbeiningum sem þurfa að vera í skjölunum þínum. (Ef þeir eru ekki, endurskoðaðu handbókina þína strax!)

1. Vörumerki dæmi

Hönnunarleiðbeiningin þín ætti að sýna vörumerki þitt á sjónrænu formi sem er dæmigerð fyrir því hvernig þú vilt að hönnunarefni sé að leita. Það er í flokki dæmi um sýningu, ekki segja. (Þrátt fyrir að einhver sé að segja í leiðarvísinum að fara með sjónrænt dæmi.)

Besta dæmið eru raunveruleg dæmi um notkun sem lýsa nákvæmlega fyrir hvað hönnunarmarkmiðin eru ætlað að sýna.

Notaðu skjámyndir frá heimasíðu heimasíðunnar, heimasíðunni þinni, app eða öðrum stað þegar hönnunin er í besta falli.

Hvað er gott um Elska að hjóla hönnunarleiðbeiningar er að hver síða í bæklingnum lítur út eins og vefsíðan, til að búa til samsvörun vörumerkja. Leiðbeininn færir jafnvel litla þætti hönnunarinnar í fókus, eins og réttur stíll fyrir tákn forrita í nákvæma skjá.

Það besta við að nota raunveruleg dæmi í hönnunarleiðarvísinum er að þú þarft ekki að búa til aukna vinnu til að sýna sjónræna þætti; þú hefur nú þegar þau í hendi. Auk þess munu liðsmenn vita að skrifleg viðmiðunarreglur vinna í rauninni vegna þess að það er sjónrænt sönnun.

ríða

2. Hönnunarreglur

Allt frá litasneiðum til leturgerðartafla, í form og notkun hönnunarþátta ætti að vera skýrt útskýrt.

Af hverju lítur hönnunin út og virkar á vissan hátt? Hver er heimspekin á bak við það?

Útskýring á þessum hlutum getur hjálpað notendum að beita hönnunarsniðinu nákvæmari og stöðugt á miðlum. Þegar það kemur að vefhönnun, þá er það góð hugmynd að láta í té þætti sem kunna að vera frábrugðnar hliðstæðum prentara og hvernig þau tengjast. Til dæmis, margir hönnuðir kjósa um mismunandi tegundarvillur á netinu sem líkir eftir prentaðri merkingu til að hámarka notkun á Google leturgerðinni til Typekit til notkunar.

Gakktu úr skugga um að sjá hvaða leturgerðir eru skipta ef þetta er hluti af hönnunarstefnu þinni.

Þegar útlínur leiðbeiningar um hönnun eru ákveðnar þegar það skiptir máli - H1 tags eru alltaf 88 stig eða smámyndir eru alltaf 200 með 200 punkta - en ekki yfirlýsa óþarfa upplýsingar. Þú vilt að meðlimir geti séð upplýsingar í fljótu bragði og notið það, ekki vikið niður og reynt að finna eitthvað í sjónum um upplýsingar.

netflix

3. Rödd og persónuleiki

Ritstjórnarreglur eru ekki eins gaman að hugsa um og aðrir sjónrænir þættir hönnunarsviðs, en þau eru jafn mikilvæg.

Lýsandi ritstíll fyrir afrit getur einnig haft áhrif á myndefnin. Það stuðlar að því hvaða myndmál þú velur að nota og jafnvel þætti eins og lit og gerð. Öll þessi atriði fara saman til að búa til heildar persónuleika fyrir vörumerkið.

Það hvernig heimurinn muni þekkja þig.

Það sem meira er er að sterk rödd og persónuleiki verður einnig hluti af sjónrænu sjálfsmyndinni. Góð persónuleiki sýnir í hönnunarþætti vegna þess að notendur geta næstum greint hönnunarþætti jafnvel utan innihalds annars vörumerkis. (Hugsaðu Coca-Cola rautt eða undirskrift leturs Disney.)

rödd

4. SEO leitarorð

Leitarvél hagræðing gæti verið einn af mest talað um og amk skemmtilegt hlutar vefsíðnahönnunar. Hugsaðu um leitarorð snemma og oft.

Láttu þá í té hvernig þú talar um vörumerkið, í lýsandi tungumáli um hönnunina og settu lista yfir efstu leitarorðin í hönnunarleiðarvísinum sjálfu.

Urban Outfitters hefur vel hönnuð (og skemmtileg) leitarorðalista í vörumerkjalistanum. Þó að fatnaðurinn noti mikið af mismunandi leitarorðum eru mikilvægustu orðin hápunktur eftir lit svo að þú sérð þær strax.

Leitarorðalisti eins og þetta kemur með þau orð sem þú vilt segja í huga, í hvert skipti sem þú sérð þau. Flestir sem skrifa eintak munu segja þér að þegar þú sérð eða hugsar um orð í ákveðnu samhengi þá er það fastur í höfðinu. Það er einmitt það sem SEO leitarorðalistinn átti að gera.

Hönnunarþættir ættu að vera í samræmi við þessi leitarorð ávallt til þess að efni sé tengt um vefhönnunina.

þéttbýli

5. Mynstur og Element Stíll

Með svo mörgum mismunandi miðlum á netinu (svo ekki sé minnst á fyrirtæki sem einnig hanna prentuðu þætti) er mikilvægt að hafa leiðbeiningar um allar mögulegar notkanir.

Þetta á við um stillingar og hreyfimyndir af lógó, litavali, mynstri og jafnvel hönnunarþáttum eins og reitum og flakki.

Hönnunarbókin þín ætti að vera hluti af þessum þætti. Og ef þú vilt að liðið virkilega elska þig skaltu búa til mynstur- og frumefnistílleiðbeiningar á netinu þar sem notendur geta bara afritað og límt þætti fyrir fljótlegan notkun.

ollo

6. Kóðasnið

Sérhver vefsíðahönnunargögn þarf að innihalda nóg af almennum kóða. Frá hnöppum til lítilla hreyfimynda til rennaáhrifa, bæta við þessum litla bita af kóða klukkustundum við daglegan vinnsluflæði með því að útrýma þörfinni fyrir handvirkt að slá inn sérstakur með hverjum nýju hlutanum.

Þetta virkar fyrir allt frá bloggfærslum - bætir við kóða blokk fyrir myndir sem bloggarar geta bara afritað og límt fyrir rétta stærð og uppskeru - til að fá nánari upplýsingar um UI.

Firefox inniheldur hönnun hluti upplýsingar í hönnun handbók fyrir nýlega endurskoðað vörumerki og merki notkun. Jafnvel ef þú veitir ekki fullt bókasafn af kóðaútgáfum skaltu muna að innihalda grunnupplýsingar svo sem hvar á að nota H1 til H4 á síðum innan vefhönnunar og hvernig á að stilla hnappa og myndir.

eldur

Niðurstaða

The bestur hluti um hönnun fylgja er að það þarf ekki að vera truflanir skjal. Það getur vaxið og breyst þar sem vörumerkið þitt og sjónræn einkenni gera það sama.

Flestir hönnuðir, vefhönnuðir, sérstaklega - eru valnir fyrir netútgáfur af hönnunargögnum svo að hægt sé að gera breytingar og grabbing kóða og litasnið. Íhuga að bæta við stílsíðuleiðsögn á vefsvæðið þitt og mundu að vísa til (og uppfæra það) oft.