10 pravila za savršen dizajn svakog puta
Jeste li ikad primijetili da neki projekti samo izgledaju sjajno? Neki dizajneri imaju određeni smisao za izradu savršene tipografije za svaki projekt.
To možete i vi. Uz pregršt jednostavnih pravila možete poboljšati izgled i dizajn tipografije u svim svojim projektima, digitalno i u tisku. Ako se borite s odabirom tipova i uparivanjem fontova, ova će vam pravila pomoći da svaki put dizajnirate savršen tip. (Obavezno ih slijedite.)
Istražite elemente Envatoa
1. Postavite ciljeve projekta
Dobra tipografija započinje čvrstim razumijevanjem onoga što vaš projekt treba učiniti. Prije nego što uopće počnete pregledavati Google fontove ili Typekit, prikažite odgovore na nekoliko pitanja.
- Koga pokušavaš postići ovim projektom?
- Što bi korisnici trebali učiniti s dizajnom?
- Koji su bodovi pretvorbe?
- Kakvo je raspoloženje projekta?
- Trebate li uskladiti ili uskladiti s drugim dizajnovima ili marke?
Odgovori će vam pomoći da započnete oblikovati ideju kakve tipografije tražite. (Evo vodiča za značenje i raspoloženje slova u dizajnerskim projektima.)
2. Potražite slične oblike
Kada je u pitanju podudaranje više vrsta slova u dizajnu, nešto tako jednostavno kao što je oblik slova može napraviti ili prekinuti kombinaciju fontova.
Pa kako osigurati to što postignete?
Potražite tipove slova sličnih oblika. Razmislite je li svaki oblik teksta okrugliji ili ovalni, debeo ili tanki, ima li kratku ili visoku x visinu ili uključuje nagib ili nagib.
Odaberite primarni ili trup u obliku teksta koji vam se sviđa i zatim uskladite komplementarne znakove sličnog oblika.
- Pogledajte malo slovo "o" u svakoj vrsti obitelji. Je li unutarnja "zdjela" okrugla ili ovalna? Odgovaraju tipovi znakova gdje je i unutrašnjost "o" ista.
- U redu je spajanje debelih i tankih slojeva. Bolje je upariti debele ili tanke i pravilne znakove.
- Potražite tipove slova sa sličnim visinama x (okomita veličina "x").
- Ne bojte se miješati i slagati različite vrste stilova. Isprobajte serif i sans serif kombinaciju. Samo budite sigurni da ako je jedan složeni složeni, a drugi je jednostavan. A za najširi program, kao što je tekst tijela, upotrijebite jednostavan slovo teksta.
- Obratite pažnju na nagib i kos. (U središtu „o“ možete ponovo pogledati kao smjernicu.) Nemojte koristiti više od jednog nagnutog slova i izbjegavajte parove slonova koji naginju u suprotnim smjerovima. Korisnicima mogu biti neugodni.
Još uvijek niste sigurni? Evo vodiča za miješanje sučelja.
3. Postavite ljestvicu tipa za dimenzioniranje
Veličina slova može napraviti ili prekinuti projekt. Ako je tekst prevelik, dolazi do neprirodnih obrazaca čitanja s previše pauze i zaustavljanja. Ako je tekst premalen, može nategnuti oči i natjerati korisnike da napuste dizajn.
Kad je tekst sasvim pravi, korisnici se slobodno kreću kroz riječi.
Tekst veličine upravo toliko, također dolazi s ljestvicom za različite veličine u projektu. Tekst tijela je jedne veličine, naslovi druge veličine, a podnaslovi su druge veličine. I sve veličine i upotreba trebaju biti dosljedne tijekom cijelog dizajna.
Ovo što korisnicima čini je da sve lakše pročitaju.
- Veličina teksta daje prioritet informacijama po važnosti. Veći je tip važniji i veća je vjerojatnost da će ga većina korisnika preskočiti.
- Skala povećava skeniranje teksta tako da ga korisnici mogu brzo pregledati.
- Povezani predmeti imaju isti izgled.
- Veći tekstualni elementi, poput podnaslova, pomažu u razdvajanju dugih blokova teksta i olakšavaju čitanje.
4. Obratite pažnju na razmak
To nije tip po sebi, već je važan razmak.
Kerning, vođenje, praćenje i presvlačenje mogu lijepo pretvoriti vaš tip ili ga pretvoriti u vruću zbrku.
Dobra je umjetnost ispravno razmaknuti. A puno toga ovisi o stvarnim upotrijebljenim kombinacijama slova, veličini i slova. Ne postoji pravilo kerninga - osim ako to radite kad je potrebno - i nema savršene količine obloga za tekst i druge elemente.
Morat ćeš to okrenuti očima.
Test je osjećaj. Ako se dizajn osjeća "isključeno" na način koji ne možete precizno odrediti, možda su krivi problematični razmaci. Potrebna je samo praksa - i dobar pogled - da se ispravi.
5. Poravnajte lijevo za čitanje
Na engleskom, kao i drugim jezicima, korisnici čitaju s lijeva na desno. To je ujedno i idealno poravnavanje za optimizaciju čitljivosti unutar blokova kopiranja.
Sitni dijelovi teksta - elementi izbornika ili naslovi heroja - ne moraju se uskladiti s lijeve strane jer se brzo čitaju. Velike količine kopije - išta više od rečenice - vjerojatno bi trebalo ostaviti poravnato. (Opravdanje je sporno, mada može izazvati zabrinutosti zbog udaljenosti ako niste baš oprezni.)
6. Odaberite obitelji dva tipa
Ovo je pravilo verovatno već sada palo u vašu glavu: Koristite samo dva tipa slova za projekt.
Ovdje se ponovo govori, jer tako malo dizajnera zapravo obraća pažnju na ovo pravilo. Skenirajte web ili web mjesto portfelja i vidjet ćete obilje projekata s „fontovima nestao!“
Ako planirate prekršiti ovo pravilo, razmislite ponovo. Što dobivate dodavanjem drugog sloja slova u miks? Umjesto toga, pogledajte tipkovnicu koju ste odabrali i provjerite može li drugi stil - podebljani ili tanki ili u obliku kurca - biti bolje rješenje.
7. Ne mijenjajte fontove
Nikada nemojte istezati, uvijati ili naginjati slovo slova. Ako vam treba nešto drugačije od onoga što imate, odaberite drugu opciju.
Dizajneri tipova provode puno vremena stvarajući slova koja funkcioniraju kako je predstavljeno. Promjena oblika slova šteti čitljivosti i može uzrokovati da se fontovi "razdvoje" na način da se fotografija pikselira kada koristite veću od izvorne veličine.
8. Koristite obilje kontrasta
Jedna od stvari koja stvara dizajnere u problemima je postavljanje slike na element slike ili pozadine. Djeluje samo kad imate dosta kontrasta između elemenata da stvorite razdvajanje i osigurate čitljivost.
Ako slovima morate dodati kap sjenke, nema dovoljno kontrasta.
Svjetlo na tamnom ili tamno na svjetlu može osigurati čitljivost. Također pomaže koristiti pisač s redovitim ili širim potezom.
Ali to nije uvijek slučaj. Fotografija može sadržavati svijetle i tamne prostore ili prepuštanje može uključivati guste i tanke poteze.
Opcije uključuju tekst boksa, odabir težih slova ili dodavanje slike u boji. Sve ove tehnike mogu vam stvoriti veći kontrast i učiniti tekst čitljivijim. (Osim toga, obično se zadržavaju ako se koriste u više responzivnih prijelomnih točaka gdje se tekst i slike kreću.)
9. Sjetite se mobilne tipografije
Kada je u pitanju tipografija za web, mobilna čitljivost trebala bi biti najveća briga. Zabavne tehnike poput dodavanja uzorka ili teksture slovima mogu raditi u ispisu i na nekim zaslonima radne površine, ali na manjim uređajima nedostaju.
Trebate razmisliti o tome kako će se tipovi znakova prikazivati u svim namjenama. (Vratite se na svoju tipografsku ljestvicu i ne zaboravite da uključite specifikacije za vrstu na velikim i malim ekranima.)
Mobilna tipografija često je malo veća i uključuje malo više razmaka od tipografije na radnim površinama. Također pomaže ako su odlomci kraći tako da ne završite s blokovima teksta koji čitaju više svitaka, što može zastrašiti korisnike.
10. Pridržavajte se stilskog vodiča
Jednom kada imate čvrstu ideju o tome kako bi tip trebao izgledati u projektu, izradite vodič za stil sa svim točno određenim pravilima za upotrebu.
Napravite kopije. Stavite ga na internet na pristupačnom mjestu. I koristite ga kad god unesete promjene u dizajn.
Konzistentnost je ključna komponenta savršenog tipografskog dizajna.
Zaključak
Ono što je dobro kod loše tipografije je da većina korisnika može prepoznati jedno ili drugo. Oni znaju samo kada dizajn jednostavno nije sasvim u redu.
Ključna briga kad je u pitanju stvaranje savršene tipografije je čitljivost. Vrsta mora biti laka za čitanje i razumijevanje. To bi trebalo odgovarati raspoloženju kopije. A korisnici bi se trebali osjećati gotovo nevidljivo; djeluje kada ne moraju o tome razmišljati i mogu čitati s lakoćom.
