Odabir pravog zaslona: 5 savjeta za uspjeh

Jedan od najvećih trendova u web dizajnu je velika slika heroja ili videozapis na vrhu stranice s nekoliko riječi za usmjeravanje korisnika na web mjesto. Ova vrsta estetike vrši veliki pritisak na dizajnera da smisli upravo pravi oblik zaslona koji će dizajn spojiti.

Uz toliko mnogo vrsta slova za odabir, to može biti pomalo zastrašujući zadatak. Ali možete pronaći sjajan oblik teksta s malo planiranja i sreće. Evo pet savjeta za početak s nekoliko lijepih primjera tipografije zaslona.

Istražite dizajnerske resurse

Što je uopće vrsta prikaza?

Prije nego što skočimo na savjete, je li vam ugodno razgovarati o tipovima zaslona? (Ako je tako, preskočite na Savjet br. 1.)

Ako ne, vrsta prikaza često je velika, privlačna slova koja se koriste za naslove ili velike riječi u dizajnu. Vrsta zaslona nije jedinstvena za web dizajn, to je pojam koji koriste i dizajneri ispisa.

Vrsta prikaza dolazi u dva osnovna oblika za web.

  1. Glavni naslov web stranice na početnoj stranici, poput Walk West (gore).
  2. Glavni naslov ili zaglavlje na svakoj stranici u cijelom dizajnu web stranice. Iako često nisu tako veliki ili blještavi kao glavni naslov na početnoj stranici, ti su bitovi vrste prikaza elementi koji nose svaku pojedinačnu stranicu.

1. treba biti čitljiv

Vrsta zaslona mora biti čitljiva kako bi bila učinkovita. Ovo bi trebalo zvučati kao "ne-pametno", ali s toliko kul tipki za novine koje možete odabrati, nije teško pronaći web stranice na kojima glavni naslov nije lako čitati.

Ne postoji pravilo o vrsti kategorije tipa iz koje bi trebalo potjecati natpis na slici. Serifs i sans serifs djeluju podjednako dobro. Čak su i neke vrste noviteta idealno usklađene.

Ono što je bitno jest da su slova dovoljno velika, razmaknuta i da su u suprotnosti s drugim elementima dizajna dovoljno da se istaknu na zaslonu. Zamislite kako bi izgledale riječi kada bi vikale "PROČITAJTE ME". To bi trebalo činiti za vrstu prikaza za korisnike.

2. Pisanje potreba za podudaranje riječi

Ovo bi mogao biti jedan od najtežih koncepata na svijetu dok ga ne vidite na djelu: Slova moraju odgovarati riječima.

Evo objašnjenja. Neke riječi jednostavno izgledaju loše u određenim slojevima. Teško je za objasniti. Možda riječ uključuje s nekoliko puta i taj oblik slova ne izgleda sjajno u skupu znakova. Ista stvar može se dogoditi osobito kod glifova ili neparnih znakova poput%, $ ili &. Ili ste možda odabrali slovo na kojem sam, ja i 1 sličan i svi ti znakovi su na zaslonu. (Morate odabrati nešto drugo.)

Pismo treba proći test očne jabučice, što znači da bi trebalo izgledati privlačno. Riječi trebaju imati određeni osjećaj ili njuh ili procvat prema njima što je poželjno. Ako vidite bilo kakve čudnosti u kombinacijama znakova, korisnici će ih također imati.

3. Dajte sebi fleksibilnost

Razmislite o tome kako će se vrsta prikaza koristiti u vašem projektu. Trebate li više utega i stilova da biste stvorili pravi naslov naslova? Radi li pisač koji ste odabrali djeluje za one sekundarne prostore prikaza kao i glavni naslov?

Morat ćete razmisliti o svim tim namjenama i pružiti sebi dovoljno fleksibilnosti s fontom koji ste nam odabrali na više načina. Prečesto će slovo zaslona izgledati izvrsno za tip velike veličine s samo riječju ili dvije o kojoj treba razmišljati, ali učinkovito korištenje postaje znatno zamršenije kada se koristi u tim sekundarnim prostorima.

Bilo bi puno lakše raditi kroz dizajn i stvoriti tu konzistentnost ako odabrani slovo radi u više situacija. Za dodatnu fleksibilnost i dosljednost dizajna, razmislite o cijeloj obitelji slova za upotrebu zaslona. Idite malo hrabrije s glavnim naslovom i koristite tanju opciju za sekundarni prikaz (možda je isprobajte i u boji).

4. Budite oprezni od tankih udaraca

Sljedeća izjava predmet je kontroverze: Tanki se potezi teško koriste učinkovito kada je u pitanju vrsta prikaza.

Da, slova tankim potezima mogu izgledati nevjerojatno. Da, neki dizajneri to lijepo skidaju. Ali većina ne.

Vratite se na Savjet br. 1. Sve se vraća na čitljivost.

Zamislite da ste za svoj glavni zaslon koristili slovo s vrlo tankim potezom, a sjajno izgleda na 27-inčnim stolnim monitorima (možda poput onog na kojem dizajnirate). Sada ga pogledajte na svom tabletu ili telefonu. Što mislite sada? Je li još uvijek jednako čitljiv? (Vjerojatno ne.)

Ako vam treba još uvjerljivije, sjetite se da je Apple to pokušao s IOS-om 7. Korisnici su se žalili kako je tipkovni sloj koji se koristi za operativni sustav pretanak i težak za čitanje. Oni su te pritužbe uzeli u obzir, a sljedeća izdanja uključivala su font s debljim strojevima.

5. Razmislite o slici

Kako riječi - i slova - djeluju sa slikom ili videozapisom s kojima su upareni? To je važan element. Najljepši slovo na svijetu može se činiti neprijatno ako ton ne odgovara slici i porukama u ostatku dizajna.

Kontrast je također faktor koji doprinosi, osobito kod videozapisa u kojima se tamni i svijetli dijelovi slike mogu kretati. Riječi uvijek trebaju biti prepoznatljive na pozadini.

Više dizajnera odlučuje se za pozadinu jednobojnih boja - ovo je prilično zabavan trend s puno svijetlih, podebljanih dizajna web stranica - tako da je tekst glavni fokus. Ako volite svoje pismo, ovo bi mogla biti odlična opcija.

Čvrsta pozadina s podebljanom opcijom zaslona zaista daje pozornost korisnicima da se usredotoče na same riječi. Boja se koristi kao crtanje kako bi se skrenula pažnja na ono što želite reći. Ova kombinacija teksta djeluje na brojne mogućnosti fonta i može se izmijeniti kako bi se uklopila u gotovo bilo koju shemu boja, od visoke boje do minimalističkog crno-bijelog dizajna. Jedino što je zaista važno jest da odaberete apsolutno ljupki font!

Zaključak

Vrsta prikaza prva je misao koju ste stavili na umu korisnika. Taj prvi dojam može odrediti da li se korisnik drži vaše web stranice ili prelazi na nešto drugo.

Da biste iskoristili tu ključnu interakciju, osigurajte da se svaka riječ lako pročita, postavi pravi ton i pomogne korisnicima da se kreću kroz dizajn kako bi vam pružili najveću šansu za uspjeh.

© Copyright 2024 | computer06.com