10 правила за перфектен тип дизайн, всеки път
Забелязвате ли някога, че някои проекти просто изглеждат светещи от страхотен тип? Някои дизайнери разполагат с определено умение за проектиране на перфектна типография за всеки проект.
Можете да го направите и вие. С шепа прости правила можете да подобрите външния вид и дизайна на типографията във всичките си проекти, цифрово и печатно. Ако се борите с избора на шрифтове и сдвояването на шрифтове, тези правила ще ви помогнат да проектирате перфектен тип всеки път. (Просто не забравяйте да ги следвате.)
Разгледайте елементи Envato
1. Поставете целите на проекта
Добрата типография започва със солидно разбиране за това, което трябва да прави вашият проект. Преди дори да започнете да разглеждате Google Fonts или Typekit, запишете отговорите на няколко въпроса.
- Кого се опитвате да достигнете с този проект?
- Какво трябва да правят потребителите с дизайна?
- Какви са точките за преобразуване?
- Какво е настроението на проекта?
- Трябва ли да съвпадате или координирате с други дизайни или брандиране?
Отговорите ще ви помогнат да започнете да изграждате представа за какъв вид типография търсите. (Ето ръководство за смисъла и настроението на шрифтовете в дизайнерските проекти.)
2. Потърсете подобни форми
Когато става въпрос за съвпадение на няколко типа шрифтове в даден дизайн, нещо толкова просто като формата на буквите може да направи или да наруши комбинацията от шрифтове.
И така, как да гарантирате, че го правите?
Потърсете шрифтове с подобни форми. Помислете дали всеки шрифт е по-кръгъл или овален, дебел или тънък, има къса или висока х-височина или включва наклон или наклон.
Изберете основен или телесен шрифт, който ви харесва, и след това съпоставете допълващи се шрифтове с подобни форми.
- Погледнете малкият регистър „o“ във всяко семейство от тип. Кръгла или овална е вътрешната „купа“? Съпоставете шрифтове, където вътрешността на „o“ е същата.
- Добре е да сдвоявате дебели и тънки шрифтове. По-добре е да сдвоите дебел или тънък и редовен шрифт.
- Потърсете шрифтове с подобни х-височини (вертикалния размер на „х“).
- Не се страхувайте да смесвате и съответствате на различни типове стилове. Опитайте сериф и sans serif комбинация. Просто се уверете, че ако един шрифт е сложен, другият е прост. И използвайте простия шрифт за най-широко приложение, като текст на тялото.
- Обърнете внимание на наклона и курсива. (Можете да погледнете в центъра на „о“ отново като ориентир.) Не използвайте повече от един наклонен шрифт и избягвайте двойки шрифтове, които се наклоняват в противоположни посоки. Те могат да гледат на потребителите.
Все още не сте сигурни? Ето ръководство за смесване на шрифтове.
3. Задайте тип скала за оразмеряване
Размерът на буквите може да направи или разруши проект. Ако текстът е твърде голям, това води до неестествени модели на четене с твърде много паузи и спирки. Ако текстът е твърде малък, това може да напрегне очите и да накара потребителите да напуснат дизайна.
Когато текстът е точно правилен, потребителите се движат свободно през думите.
Текстът, който е точно оразмерен, също идва със скала за различни размери в проекта. Текстът на тялото е един размер, заглавията са друг размер, а подзаглавията са друг размер. И всички размери и употреба трябва да са последователни по време на целия дизайн.
Това, което прави това за потребителите, прави всичко по-лесно за четене.
- Размерът на текста дава приоритет на информацията по важност. По-големият тип е по-важен и е по-вероятно да бъде обезмаслен от повечето потребители.
- Скалата увеличава сканираността на текста, така че потребителите да могат да го гледат бързо.
- Свързаните елементи имат същия вид.
- По-големите текстови елементи, като подзаглавия, спомагат за разделянето на дълги блокове текст, улеснявайки четенето.
4. Обърнете внимание на разстоянието
Това не е типът сам по себе си, а разстоянието между типа има значение.
Кернингът, воденето, проследяването и подплънката могат да превърнат вашия тип красиво или да го превърнат в гореща каша.
Има изящно изкуство да се прави интервал точно. И много от това зависи от действителните използвани комбинации от букви, размер и шрифт. Няма правило за кернинг - освен да го правите, когато е необходимо - и няма идеално количество напълнения за текст и други елементи.
Ще трябва да го погледнеш.
Тестът е усещане. Ако дизайнът се чувства „изключен“ по начин, който не можете да определите точно, проблемните разстояния могат да бъдат виновни. Просто е нужна практика - и добро око - за да се оправи.
5. Подравнете наляво за четене
На английски, както и на други езици, потребителите четат отляво надясно. Това е и идеалното подравняване за оптимизиране на четимостта в блокове за копиране.
Малки парченца текст - елементи от менюто или заглавия на героите - не е необходимо да се подравняват вляво, защото бързо се четат. Големи количества копие - нещо повече от изречение - вероятно трябва да останат подравнени. (Обосновката е спорна, въпреки че може да предизвика някои проблеми с разстоянието, ако не сте много внимателни.)
6. Изберете семейства от два типа
Това правило вероятно вече ви е забито в главата: Използвайте само два шрифта за проект.
Тук се казва отново, защото толкова малко дизайнери всъщност обръщат внимание на това правило. Сканирайте в мрежата или уебсайт за портфолио и ще видите много проекти с „шрифтове изчезнали!“
Ако планирате да нарушите това правило, помислете отново. Какво печелите, като добавите още един шрифт към сместа? Вместо това погледнете избрания от вас шрифт и вижте дали друг стил - удебелен или тънък или курсив - може да бъде по-добро решение.
7. Не променяйте шрифтовете
Никога не опъвайте, не усуквайте или наклоняйте шрифт. Ако имате нужда от нещо различно от това, което имате, изберете друга опция.
Дизайнерите на типа прекарват много време в създаването на надписи, които работят както е представено. Промяната на формата на букви вреди на четенето и може да доведе до разпадане на шрифтовете по начина, по който снимката се пикселира, когато използвате по-голям от оригиналния размер.
8. Използвайте изобилие от контраст
Едно от нещата, което създава проблеми на дизайнерите е поставянето на тип на изображение или фонов елемент. Той работи само когато имате много контраст между елементите, за да създадете раздяла и да осигурите четене.
Ако трябва да добавите капка сянка към буквите, няма достатъчно контраст.
Светлината на тъмно или тъмно на светлината може да гарантира четливост. Също така помага да се използва шрифт с редовен или по-широк ход.
Но това не винаги е така. Снимката може да включва светли и тъмни пространства или отдаването под наем може да включва дебели и тънки щрихи.
Опциите включват текст на бокса, избор на по-тежък шрифт или добавяне на цветно наслагване към изображението. Всички тези техники могат да ви помогнат да създадете повече контраст и да направите текста по-четим. (Плюс това те са задържани, когато се използват в множество отзивчиви точки на прекъсване, където текстът и изображенията се движат наоколо.)
9. Запомнете мобилната типография
Когато става въпрос за типография в мрежата, мобилната четимост трябва да бъде основна грижа. Забавни техники като добавяне на шаблон или текстура към буквите могат да работят при печат и някои екрани на работния плот, но ще липсват на по-малки устройства.
Трябва да помислите как ще се изобразяват шрифтове при всички приложения. (Върнете се към скалата си за типография и не забравяйте да включите спецификации за типа на големи и малки екрани.)
Мобилната типография често е малко по-голяма и включва малко повече разстояние от типографията на настолните компютри. Също така помага, ако абзаците са по-къси, така че да не се окажете с текстови блокове, които изискват няколко скрола за четене, което може да сплаши потребителите.
10. Придържайте се към ръководство за стил
След като имате солидна представа как трябва да изглежда типът в даден проект, създайте ръководство за стил с всички ваши точни правила за използване.
Направете копия. Поставете го онлайн на достъпно място. И го използвайте винаги, когато правите промени в дизайна.
Консистенцията е ключов компонент на перфектния дизайн на типография.
заключение
Нещото в доброто спрямо лошото типография е, че повечето потребители могат да идентифицират едно или друго. Те знаят само кога дизайнът не е съвсем правилен.
Основната грижа за създаването на перфектна типография е четимостта. Типът трябва да бъде лесен за четене и разбиране. Тя трябва да съответства на настроението на копието. И трябва да се чувства почти невидим за потребителите; работи, когато не им се налага да мислят за това и могат да четат с лекота.
