Обратно към основите: Красива типография в уеб дизайна

Страхотен уебсайт започва с красива типография. И докато нарушаването на случайното правило е чудесно, понякога е добре да се върнем към принципите на това, което прави страхотна типография - и как да го създадем.

Това е жизненоважно обновяване, което може да ви помогне да преосмислите проектите, да обмислите нов подход или просто да се върнете към по-опростен и по-рационален дизайн.

Затова днес игнорираме тенденциите и начините за нарушаване на правилата, за да се съсредоточим върху теорията на типографията и как „правилата“ могат да бъдат чудесна насока за създаване на феноменален тип.

Размер и йерархия

Размерът има значение. Размерът може да бъде един от най-важните фактори при създаването на контур за четена типография на екраните. Малкият текст може да бъде мъчителен и труден за разбиране. Големият текст може да се пречупи по ред по нечетни начини и да причини объркване.

Четената типография има няколко слоя йерархия, за да каже на потребителите какво да четат първо, второ и така нататък. Има очевидна скала, така че текстът на тялото е с един размер в целия дизайн, заглавията са друг размер, а разбивки и подглавици също имат свои спецификации.

Проследяване и кернинг

Често объркването, проследяването и кернинга не са едно и също нещо. Кернингът е регулиране на интервала между чифт букви. Проследяването е коригиране на интервала между пълен набор от знаци, като абзац или цялостна настройка на блок текст.

Кернингът често се прилага към отделни елементи, за да се създаде прецизност и да се подобри четливостта и дори стила за голям текст. Проследяването често се използва за затягане на свободен шрифт в копието на тялото.

Ограничете шрифтове

Твърде много шрифтове могат да бъдат непосилни и неприятни. Два или три шрифта са достатъчни за повечето проекти.

Ключът към избора на опция за солиден тип е да изберете тип семейство с много вариации в стила. Повечето качествени шрифтове се предлагат с множество стилове - смели, редовни, курсиви, кондензирани, черни и така нататък. Избирайки шрифт с множество опции, ще имате тегло и стил за многобройни приложения. (Някои семейства дори включват опции за серифи и без серифи, ако искате да запазите целия дизайн в едно семейство шрифтове.)

Стилове за смесване и съвпадение

Когато избирате шрифтове - разбира се, това може да е най-трудната част от много дизайнерски проекти - добре е и дори предпочитате да изберете два различни типа стил.

Най-често срещаното сдвояване е serif и sans serif. Но не е нужно да се придържате към това.

Когато сдвоявате различни стилове и шрифтове, потърсете букви с подобна x-височина (потърсете набори от символи със същия вертикален малки букви "x") и форма на купи (пространство вътре в затворени букви, като "o").

Тези подробности могат да направят много разлика по отношение на това как се чувстват шрифтовете заедно и колко лесно е потребителите да четат текста. Използването на подобни бланки в различни стилове все още има визуално познаване, което може да улесни четенето на всички видове заедно.

Забравете тиретата и обосновката

През повечето време тиретата и пълното оправдание са ненужни.

По-специално онлайн, тези техники могат да направят текста по-труден за смилане и разбиране от пръв поглед. Хифините разбиват опита за четене и пълното оправдание често води до нечетно разстояние, което е трудно за четене.

Въпреки че и двата елемента имат своето място в някои проекти, те най-често трябва да се избягват.

Не променяйте шрифтовете

Никога не трябва да коригирате шрифт. Не се опитвайте да го направите по-дебел, по-висок или по-тънък. Изберете вместо това нов шрифт.

Дизайнерите на типовете работят усилено, за да създадат последователен набор от знаци за шрифт, който е четим и отговаря на стила на шрифта. Не се опитвайте да промените облика на набор от герои. Няма да ги подобрите и често ще направите бъркотия от типа в процеса.

Ако един шрифт не работи точно така, както трябва, потърсете нещо друго. Опитайте инструмента за подобен шрифт на Identifont, който идентифицира шрифтове със сходни външен вид, за да изберете друга опция, която може да работи по-добре във вашия проект.

Контраст

Дизайн за контраст с помощта на типография. Точно както бихте използвали различни размери за създаване на йерархия, помислете за различни тегла, цветове и стилове на шрифта, за да осигурите визуален интерес.

Цветът е един от най-ефективните - и лесни - начини за създаване на контраст. Идеалният контраст е тъмен текст на светъл фон (или обратната страна). Има почти неограничен брой цветови опции, които да ви помогнат да постигнете това. Когато играете с цвят и типография, имайте предвид, че някои цветови комбинации, като ярко червено на дясно синьо, могат да бъдат наистина трудни за четене. Потърсете комбинации, които са различни по отношение на светлина срещу тъмно, жизненост и наситеност.

Когато става въпрос за контраст, простите фонове често са най-добри за предоставяне на стая за текст за четене. Но ако фона съдържа визуални елементи, като изображение или модел, бум на размера на буквите, за да създадете разделяне между текстовия елемент на фона и предния план.

Измервайте въпроси

Мярка е размерът на контейнера, който съдържа текст. Това може да бъде ширината на цял текстов кадър или на една колона във формат с много колони.

Измервайте въпроси, тъй като броят на знаците (включително интервали, глифове и препинателни знаци) на екрана може да повлияе на четливостта. Теорията зад тази концепция е, че ако линиите са твърде дълги или твърде къси, това може да е уморително за четене на окото на потребителя поради постоянно движение напред и назад от една линия на следваща.

От елементите на типографския стил: „Всичко от 45 до 75 знака се счита за задоволителна дължина на реда за страница с една колона, зададена в серифирано лице в размер на текст. 66-знаковата линия (броища и букви, и интервали) се счита за идеална. За работа с няколко колони по-добра средна стойност е 40 до 50 знака. “

Това е доста добра отправна точка за повечето проекти, въпреки че много проекти се нахвърлят на типови размери, които са малко по-големи, което би накарало броя на героите да попадне в по-малкия край на този диапазон.

Въпреки че мобилната типография не представлява проблем при първото издаване на книгата, насоката за множество колони е приемлива отправна точка. Можете дори да изберете да отидете малко по-ниско и да се стремите към по-оптимални 35 знака на ред за малки екрани.

заключение

Ако искате да продължите да мислите за теорията на типографията и буквите, има няколко страхотни книги в допълнение към споменатите по-горе класически.

Обмисли:

  • Мислене с Тип от Елън Луптън
  • Защо шрифтовете имат значение от Сара Хиндман
  • Просто моя тип: Книга за шрифтовете на Саймън Гарфийлд

© Copyright 2022 | computer06.com