10 reglur um vefritagerð Sérhver hönnuður ætti að vita
Þegar einhver heimsækir vefsíðu sem þú hefur hannað eru líkurnar á því að þeir eru alveg sama um liti, myndir eða hljóð, þau eru strax að horfa á textann.
Sama hversu margir bjöllur og flautir þú hefur byggt inn á vefsíðu, allir treysta á texta til að ná því sem þeir eru að heimsækja síðuna til að gera .
Það eina ætti að gera leturfræði, listin að skipuleggja gerð, forgang fyrir hvaða vefhönnuður.
Í þessari grein kíkum við á 10 auðveldar reglur til að hafa í huga þegar þú útskýrir næsta vefverkefni.
1. Lestu sjálfan þig í gegnum textann
Með hönnun eins JonesingFor hönnuður án mikils greip á textanum hefði átt erfitt með að setja saman leturgerðina sem gerir þessa síðu virkilega að verkum. Þegar þú tekur á sig eigin leturgerð þarftu líklega ekki að hafa áhyggjur af því að skrifa texta síðunnar - en þú verður að lesa það!
Sumir vefhönnuðir telja að bara afrita og líma út úr texta skrá felur í sér heildar texta þeirra. En að lesa í gegnum textann veitir að minnsta kosti grunn hugmynd um hvernig textinn er hægt að samþætta inn á vefsíðu, forðast að aftengja skrifun og hönnun vefsvæðis.
Þú getur smellt á typography þína ennþá annað hak, ef þú getur lesið í gegnum textann þegar það er til staðar í hönnun þinni. Taktu sérstaka athygli á rúminu í kringum stafina . Ertu með óvenju stóran bil sem lítur út? Lítið vandlega leturfræði getur útrýma þeim málum. Þú getur líka fengið hugmynd um línur sem gætu verið of lengi til að auðvelda að lesa, óþægileg línuskil og svipuð atriði.
2. Taktu eftir því eins fljótt og auðið er
Heldurðu að þú gætir hafa hannað Vefsíðu Jesú Rodriguez Velasco án texta? Svæðið er mjög háð skrifað orð - og mjög sérstökum orðum líka. Jafnvel líkami textinn fékk sérstaka athygli með dropi hettu og einhver annar klip sem hefði bara ekki verið hægt með Lorem ipsum.
Nema texta vefsvæðisins þíns er í raun Lorem ipsum, mun dummy textinn bera enga líkingu við raunverulegan hlut . Það þýðir að allir klip sem þú gætir gert við textann - eða hönnunin sem er í kringum hana - verður að bíða þangað til þú færð hið raunverulega. Að biðja um (og fá) texta frá viðskiptavinum þínum eins fljótt og auðið er í því ferli mun gefa þér möguleika á að passa við heildar hönnun og leturfræði.
3. Sýna skýr stigveldi
Þegar þú kemur til Rik Cat Industries , þú veist strax hvar þú ættir að byrja að lesa. Jafnvel þó að nokkrir tenglar séu efst á síðunni, fær Rik velkominn þinn auga fyrst. Það er miklu stærra, með því að nota leturfræði til að koma á skýrum stigveldi .
Sérhver staður þarf vel þróað stigveldi: vísbendingar um hvar á að byrja að byrja að lesa og hvernig á að halda áfram. Lýsingarorð þitt getur veitt þessi stigveldi - eins og Rik gerir - svo lengi sem þú þekkir stigveldisstefnu þína fyrirfram. Með því að hugsa um stærð og leturgerðir geturðu varpa ljósi á texta sem fyrirsögn á þann hátt að mismunandi staðsetningar í hönnun geti ekki veitt.
Stigveldið í hönnun þinni fer út fyrir bara leturgerðina sem þú notar, auðvitað, en þar sem notendur byrja næstum alltaf með textanum, þá er það skynsamlegt fyrir hönnuði að gera það sama.
4. Gefðu gaum að bæði þjóðhags- og örritunarfræði
Reiða sig alfarið á leturfræði fyrir forsíðu þeirra, the Crowley Webb og félagi Vefsíðan var hönnuð með tveimur þáttum í huga: bæði þjóðhagsleg og örritun .
Macro typography er heildar uppbygging tegundarinnar, hvernig það birtist í samhengi við hönnun og fagurfræði þegar þú telur texta þína sem blokk á eigin spýtur.
Örvunarritgerð er meiri áhyggjur af smáatriðum, málefni sem ákvarða hvort orð er auðvelt að lesa. Örvunarritgerð er alger nauðsyn þegar kemur að því að setja saman textaskeyti: Ef það er ekki læsilegt, þá er ekkert lið í gangi. Crowley Webb og samstarfsmenn ræddu þessa spurningu með bæði vandlega skrifun og aðgreina þau orð sem vefsvæðið myndi leggja áherslu á.
En þjóðhagslegt leturfræði veitir þér tækifæri til að gera texta þína meira en vel á milli: það er tækifæri til að gera það lítið aðlaðandi og hluti af öllu hönnuninni þinni . Val á letur og litum á þessari vefsíðu skapar raunhæfur heild. Það er skaðlegt að hunsa annað hvort leturgerðina.
5. Gakktu úr skugga um tegund litum
Það væri svo auðvelt að tapa texta í bakgrunni ArtofElan , sérstaklega bjartrauður á dökkrauða samsetningu sem hönnuður notar. Þegar vefhönnuður virkar með lituðu gerð er umhirða algerlega nauðsynlegt, það er engin trygging fyrir því að rautt á rauðum blöndu, eða jafnvel gulu á rauðum blöndu, sé sýnileg . Eftir allt saman, allir hafa heimsótt vefsíðu þar sem textinn virtist aðeins vera einn skuggi frá bakgrunnslitnum og varð að ræða augnþrýsting þegar þeir reyndu að lesa hana.
Auðveldasta lausnin fyrir þetta ástand er að ganga úr skugga um að liturinn af gerðinni þinni sé verulega frábrugðin því sem bakgrunnur þinnar . Svart og hvítt virka svo vel vegna þess að þær eru eins hræðilega ólíkir og hægt er að fá, en það eru nokkrir litamerkingar sem virka vel: eitthvað eftir línum með dökkbláum á ljósbleikum mun fá starfið. Endurtekin texti er frekar erfiður ... en þú getur unnið með ljós bleikum texta á dökkbláum bakgrunni, þú ert líklegri til að fá kvörtun um það.
6. Vertu alvarleg um CSS þinn
Ef CSS þín er traustur geturðu flutt á milli síðna á vefsvæðið þitt óaðfinnanlega, eins og mismunandi útgáfur af Hutchouse.com treysta á mismunandi stílblöð til að búa til nokkur áhrifamikil áhrif. Jafnvel ef þú tekur ekki hlutina eins langt og Hutchhouse, getur CSS hjálpað til við að útrýma áhugamyndatökuútgáfum eins og að breyta letur og stærðum á milli síðna.
CSS getur veitt einföldun í samræmi við leturgerð þína í heild sinni á vefsíðu . Ef þú ert í samræmi við hvernig þú notar gerð, getur það brotið að samkvæmni, jafnvel lítið magn, gera það sem þú vilt að auðkenna sannarlega standa út, eins og að koma á fót og þá rifja upp rist getur gert til árangursríka hönnunar. Í vefritun getur verið að einfalt mál sé að halda letri í samræmi við CSS.
7. Taktu miðju textann
Að velja val á miðju texta getur gert vefsíðuhönnun auðvelt að lesa , rétt eins og DesignCanChange.org . Val á miðju texta, sérstaklega á síðu eins og þetta, myndi leiða til vandkvæða síðu: hakkað brúnir miðju skapar á hvorri hlið gera það mun erfiðara að lesa og það eru fullt af tækifærum fyrir fullkomlega miðpunktur texta til að vinda upp raska afganginn af hönnun þín á mismunandi skjái.
Í sumum hringjum er miðju gerð aðeins eitt skrefið upp frá því að nota Comic Sans í vefsíðuhönnun. Þú gætir hugsað það fyrir fyrirsögn en almennt, að samræma textann til vinstri mun gera lesendum þínum mun öruggari, nema þeir lesi frá hægri til vinstri .
8. Takið fram við klár vitna og önnur tákn
Luigi Ottani er síða sýningarskápur hvaða varkár athygli á tilvitnunarmerkjum og öðrum táknum muni fá þig: fullkomin skortur á vandamálum þegar síða sýnir þessi tákn. Margar vefsíður eru dotted með táknum sem vafra getur ekki birt. Það er arfleifð sú staðreynd að flest textinn sem vefhönnuður vinnur með var líklega skrifaður í Microsoft Word eða öðru stykki af ritvinnsluforritum sem gerir alls konar litla breytingar á texta án þess að rithöfundur leggi mikla athygli.
Eitt af verstu breytingunum er klár vitna: The curly quotation marks Orð sjálfkrafa í staðinn fyrir beinar tilvitnunarmerki . Annað vandamál svæði kemur þegar þú vinnur með texta skrifað á öðru tungumáli: kommur og umlats geta valdið eins mikið vandræði og hjálpsemi Word. Ef þú afritar og límir bara texta með slíkum breytingum í hönnunina þína, verður þú líklega að fara aftur og laga þær síðar, að minnsta kosti fyrir suma vöfrum.
Þess í stað fáðu þær snemma í hönnuninni svo þú getir einbeitt þér að því að gera texta passa betur við hönnunina . Ef þú vilt þessi ímyndaða tákn og klár vitna sem birtast í endanlegri hönnun skaltu brjóta út HTML-aðila þína.
9. Skipuleggðu texta þína til að verða stærri
Þegar þú eykur stærð textans á Veerle Pieters ' website, það er ekki alveg eins fallegt en ef þú notar leturstærðina sem hún tók út. Hins vegar getur þú samt lesið allt, fundið tengla og svo framvegis, eitthvað sem er satt af mjög fáum vefsíðum.
Það er vegna þess að margir hönnuðir tryggja að útliti texta sé 10 punkta letur eða jafnvel smærri. Flestir eru ánægðir að lesa slíka letur, en Baby Boomers gera upp stóran hluta af vefnum vafra íbúa og mikið af þeim öldrun vefur ofgnótt eru að fara að hafa vafra þeirra stillt til að sýna tegund eins stór og þeir geta . Textinn þinn, sem og hönnun þín, þarf að geta lagað sig að því.
Það er líka þess virði að taka mið af þeirri staðreynd að stærð vafrans getur verið breytilegt , að flytja texta í kringum óvæntar staðsetningar ef þú ert ekki varkár. Ef bumping stærð upp stig skapar vandamál, að eldri lýðfræðilega er að fara að fara á næsta vefsvæði að flýta. Að þurfa að fletta að eilífu yfir á hliðina mun hafa svipaða niðurstöðu.
10. Sýnið val fyrir sans serif
Ef þú horfir á A List Apart er vefsíðu, nánast allir stórar blokkir af texta eru settar í sans serif leturgerð, sem gerir það miklu auðveldara að lesa. Fyrirsagnir og aðrar smærri textabrot eru sett fram í serifed leturgerð, skapa jafnvægi milli tveggja.
Þegar kemur að því að leggja fram texta á skjánum eru sans serif letur næstum alltaf besta veðmálið , sérstaklega ef þú velur leturgerð eins og Verdana sem var hannað til að sýna á tölvuskjá. Serifed letur hafa meiri möguleika á að sýna illa, verða óskýr eða jafnvel pixelated.
Það er ekki hægt að koma í veg fyrir serifs alveg, auðvitað. En fyrir stóra textabrot, sérstaklega með því að nota leturgerð án serifs, getur boðið upp á aukalega tryggingu fyrir að gestir geti auðveldlega lesið texta síðunnar. Þegar þú ert að velja leturgerðir fyrir verkefni, skoðaðu fyrst sans serif valkostina þína fyrst .
Endanleg athugasemd
Typography er auðveldlega gleymast, og jafnvel þegar hönnuður tekur það tillit er auðvelt að afskrifa sem tímabundin starfsemi með litlum skilningi. En að eyða jafnvel nokkrum mínútum með textanum sem verður miðpunktur hönnunarinnar getur umbreytt því frá því hvaða vefhönnuður gæti smellið á síðu til þáttar sem styður restina af hönnuninni.
Skrifað eingöngu fyrir WDD eftir fimmtudaginn Bram.
Fylgir þú þessum reglum og öðrum? Vinsamlegast deildu skoðunum þínum fyrir neðan ...