Õige kuvari kirjatüübi valimine: 5 edu näpunäidet

Üks veebidisaini suurimaid suundumusi on suure kangelase pilt või video lehe ülaosas mõne sõnaga, et suunata kasutajad saidile. Niisugune esteetika avaldab disainerile suurt survet, et ta peaks disaini kokku tõmbama just selle kuva kirjatüübiga.

Kui valida on nii palju kirjatüüpe, võib see olla pisut hirmutav ülesanne. Kuid võite leida suurepärase kirjatüübi, millel on väike planeerimine ja õnne. Siin on viis näpunäidet, mille abil saate alustada mõne kauni näidistüüpilise näitega.

Tutvuge disainiressurssidega

Mis on kuvari tüüp ikkagi?

Enne kui näpunäidete juurde asume, on teil mugav rääkida ekraanitüüpidest? (Kui jah, siis jätkake näpunäitega nr 1.)

Kui ei, siis on kuva tüüp sageli suur, pilkupüüdev täht, mida kasutatakse pealkirjade või kujunduse suurte sõnade korral. Kuvari tüüp pole ainulaadne veebidisaini osas, see on termin, mida kasutavad ka prindidisainerid.

Kuvari tüüp on veebi jaoks kahes peamises vormis.

  1. Kodulehe peamine veebisaidi pealkiri, näiteks Walk West (ülal).
  2. Igal lehel peamine pealkiri või päis kogu veebisaidi kujundamise ajal. Ehkki sageli pole need nii suured ega toredad kui avalehe pealkiri, on need ekraanitüübi bitid elemendid, mis kannavad iga üksikut lehte.

1. See peab olema loetav

Ekraani tüüp peab olema efektiivne, et see oleks loetav. See peaks kõlama nagu arutu mõtleja, kuid nii paljude lahedate uudsuste kirjatüüpide vahel, mida valida, pole raske leida veebisaite, kus peamist pealkirja pole kerge lugeda.

Puuduvad reeglid selle kohta, millist tüüpi kategooriast kuvari kiri pärit peaks olema. Serifid ja sans-serifid töötavad võrdselt hästi. Isegi mõned uudsed kirjatüübid sobivad ideaalselt.

Oluline on see, et kiri on piisavalt suur, piisavalt eraldatud ja erineb teiste kujunduselementidega piisavalt, et ekraanil silma paista. Kujutage ette, kuidas need sõnad välja näeksid, kui nad karjuksid: „LOE MINU”. Just seda peaks ekraani kirjatüüp kasutajatele tegema.

2. Sõnade sobitamiseks vajalike tähtede kirjutamine

See võib olla üks raskemini mõistetavaid mõisteid maailmas, kuni näete seda toimimas: Tähed peavad vastama sõnadele.

Siin on seletus. Mõned sõnad näevad teatud kirjatüüpides lihtsalt halvad välja. Seda on raske seletada. Võib-olla sisaldab sõna mitu korda s ja see tähemärk ei tundu tähemärgikomplektis kuigi hea. Sama asi võib juhtuda eriti glüfide või paaritute tähtedega, näiteks%, $ või &. Või valisite kirjatüübi, kus nii mina kui ka mina näeme ühtmoodi ja kõik need märgid on ekraanil. (Peate valima midagi muud.)

Tähed peaksid läbima silmamuna testi, see tähendab, et see peaks välja nägema ahvatlev. Sõnadel peaks olema teatud tunne või tunne, või soovitav, et need õitseks. Kui näete märkide kombinatsioonides mingeid veidrusi, teevad seda ka kasutajad.

3. Andke endale paindlikkust

Mõelge, kuidas kuva tüüpi kasutatakse kogu teie projektis. Kas vajate õige pealkirjapaketi loomiseks mitut raskust ja stiili? Kas teie valitud kirjatüüp töötab nii nende teiseste kuvaripindade kui ka pealkirja peal?

Peaksite mõtlema kõigile nendele kasutusviisidele ja andma endale piisavalt paindlikkust, kasutades valitud kirjatüüpi, seda mitmel viisil. Liiga sageli näib kuvari kirjatüüp suurepäraselt ülisuuruse tüübi korral, kui mõtlemiseks on vaja ainult sõna või kaks, kuid efektiivne kasutamine muutub nendes teisestes ruumides kasutamisel palju keerukamaks.

Kujunduse väljatöötamine ja selle järjepidevuse loomine on palju lihtsam, kui valitud kirjatüüp töötab mitmes olukorras. Täiendava paindlikkuse ja kujunduse järjepidevuse huvides kaaluge ekraani jaoks tervet kirjatüüpide perekonda. Minge pealkirjaga veidi julgemaks ja kasutage sekundaarse kuva jaoks õhemat varianti (võib-olla isegi proovige seda mõne värviga).

4. Ole ettevaatlik õhukeste löökide suhtes

Järgmine väide on vaieldav: Kuvari tüübi puhul on õhukeseid lööke keeruline kasutada tõhusalt.

Jah, õhukese tõmbega tähed võivad tunduda hämmastavad. Jah, mõned disainerid tõmbavad selle ilusti ära. Kuid enamik seda ei tee.

Minge tagasi näpunäite nr 1. juurde. See kõik tuleb tagasi loetavuse juurde.

Kujutage ette, et olete oma põhiekraanil kasutanud ülikerge käiguga kirjatüüpi ja see näeb suurepäraselt välja 27-tollistes lauaarvutimonitorides (võib-olla sarnane sellele, mida projekteerite). Nüüd vaadake seda oma tahvelarvutis või telefonis. Mida te nüüd arvate? Kas see on ikka sama loetav? (Ilmselt mitte.)

Kui vajate veenvamat, pidage meeles, et Apple proovis seda IOS 7-ga. Kasutajad kaebasid, et opsüsteemi jaoks kasutatav kirjatüüp oli liiga õhuke ja raskesti loetav. Nad võtsid need kaebused südamesse ja hilisemad väljaanded sisaldasid paksema kirjaga fonti.

5. Mõelge kujutisele

Kuidas toimivad sõnad ja tähed pildi või videoga, millega nad on seotud? See on oluline element. Maailma ilusaim kirjatüüp võib ebamugav tunduda, kui toon ei ühti ülejäänud kujunduses pakutavate piltide ja sõnumite vahel.

Samuti on abiks kontrast, eriti video puhul, kus pildi tumedad ja heledad osad võivad liikuda. Sõnad peavad alati taustal olema äratuntavad.

Rohkem disainereid valib ühevärvilise tausta - see on päris lõbus trend, kus on palju erksaid ja julgeid veebisaidi kujundusi - nii et põhirõhk on tekstil. Kui teile meeldib teie kiri, võib see olla suurepärane võimalus.

Kindel taust, millel on paks kuvatav tüüp, paneb kasutajad tõepoolest sõnadele keskenduma. Värvi kasutatakse joonistusena, et juhtida tähelepanu sellele, mida soovite öelda. See tekstikombinatsioon töötab paljude fontussuvanditega ja seda saab muuta nii, et see sobiks peaaegu kõigi värviskeemidega, alates kõrgetest värvitoonidest kuni minimalistliku mustvalge kujunduseni. Ainus asi, mis on tegelikult oluline, on see, et valite täiesti ilusa kirjatüübi!

Järeldus

Kuvari tüüp on esimene mõte, mille kasutaja meelde paneb. Selle esmamulje abil saab kindlaks teha, kas kasutaja jääb teie saidi juurde või liigub millegi muu juurde.

Selle võtme interaktsiooni maksimaalseks kasutamiseks veenduge, et iga sõna on hõlpsasti loetav, seab õige tooni ja aitab kasutajatel liikuda kujunduse kaudu, et anda teile suurim võimalus edu saavutamiseks.

© Copyright 2024 | computer06.com