Когато типографията стане изкуство
Интернет е основно текст. Изкуството на текстовия дизайн е типографията. Днес в интернет, особено в българоезичната му част, много рядко се среща сайт, чийто дизайн е базиран на висококачествена типография. И самите дизайнери са развили напрегната връзка с шрифтовете.Има поне две причини за това:1. Повечето уеб дизайнери, за разлика от класическите графични дизайнери, не са типографи. И като цяло съвременните уеб дизайнери имат ли специално образование?2. Използването на типография в мрежата винаги е имало големи технически ограничения.
Преди няколко години използването на шрифтове в уеб дизайна беше ограничено до стандартен набор. Използването на други шрифтове означава използване на алтернативни методи за изобразяване, било то изображение или флаш. Днес, с въвеждането на @font-face CSS, дизайнерите имат свобода на работа, а шрифтът като значителна част от дизайна е още по-важен.
В тази статия ще се опитаме да дадем прости и кратки съвети за избора на шрифтове и шрифтове, както и да дадем примери за успешни решения за дизайн на уебсайтове, когато типографията се превърне в изкуство.
Вероятно няма спешна нужда да се говори за значението на шрифта по отношение на възприемането на информация. Шрифтът е един от най-сложните, но интересни инструменти за уеб дизайн, тъй като с помощта на самия шрифт можете да създадете висококачествен уеб дизайн.
И така... Прието е целият набор от шрифтове да се разделя на следните типове: серифни и безсерифни шрифтове, ръкописни и дисплейни шрифтове.
SerifSerif шрифтове Old Style или хуманистичен serif е много стар шрифт, известен от 15 век. Смята се, че тези шрифтове са подходящи за писане на дълъг текст, тъй като окото се "хваща" за серифи, които вот своя страна улеснява четенето. Тези шрифтове често се използват в типографията, но не са подходящи за четене на екрана. Шрифтовете в стар стил имат редица специфики, показани на снимката по-долу: Примери за хуманистични активи са шрифтове като: Adobe Jenson, Goudy Old Style.
Art Nouveau Antiqua Шрифтовете се характеризират с резки преходи между натиск, тънка част и вертикален сериф. Този контрастен шрифт е подходящ за подчертаване на информация. Арт нуво шрифтовете са добри за подчертаване на заглавия, фокусиране върху информационния блок. Компетентната комбинация от тези два стила дава добър резултат, когато с помощта на шрифт се поставят различни семантични и емоционални акценти.
Slab serifs или Slab шрифт С развитието на типографията, серифните шрифтове постепенно се отърваха от серифите и Slab serifs е добър пример за това. Шрифтовете от тази група имат еднакъв натиск и големи серифи: Вижте как дизайнът оживява с правилното използване на различни шрифтове от групата серифи: Естествено, развитието на типографията не стои неподвижно и логичното следствие от тенденцията да се отървете от серифите беше появата на шрифтове от групата San Serif (grotesque) или без серифи: Гротеските са разделени на четири групи: гротеска, нео-гротеска, хуманизъм, геометрия. Първите гротески по своя геометричен принцип на изграждане са подобни на серифните шрифтове, само без тях. Например Франклин Готик. Новите sans serifs, които включват най-популярния шрифт Helvetica, имат по-проста и по-строга геометрична основа от своите предшественици. Най-популярните нови sans serifs бяха в средата на 20-ти век: Хуманистични шрифтове Хуманистичните шрифтове запазиха своята геометрична строгост, но стилът им беше по-мек,плавните преходи и различното налягане създават текст, който е приятен за четене. Тези шрифтове са много подходящи за попълване на сайта. Optima, Gill Sans, Verdana са хуманистични шрифтове: Геометрични шрифтове Шрифтовете от този тип се считат за най-модерните от sans serifs. От самото име става ясно, че тези шрифтове са базирани на правилни, идеални геометрични форми. Futura е класически геометричен шрифт. Първоначално създаден като шрифт на бъдещето и използван за първи път през 1927 г.: Има много мнения относно четливостта на безсерифните шрифтове. Смята се, че те са най-подходящи за мрежата, въпреки че това е въпрос на вкус на всеки. Но фактът, че безсерифните шрифтове са много популярни в съвременния дизайн, не оставя място за съмнение.
Дизайнът на сайта lawineagency.com е базиран на типография и създава впечатление за стар стил, което само подчертава вида дейност на компанията: Дизайнът на този сайт изглежда модерен и стилен, безсерифният шрифт създава усещане за простота и минимализъм: Използването на шрифтове от различни стилове с помощта на 3D графики създава модерен дизайн на сайта, базиран само на типография: Ръкописни шрифтове Ръкописните шрифтове се разделят на следните групи: шрифтове със свързващи щрихи, без свързващи щрихи, имитиращи почерк, малки шрифтове. Последните имат по-малко официален стил, често имитиращи мазки с четка. Естествено, такива шрифтове не са подходящи за попълване на тялото на сайта. Тяхната цел е да поставят акценти, да носят емоционално послание. Същото е положението и с дисплейните шрифтове: тяхната цел е да фокусират визуалното внимание на читателя: Ръкописните шрифтове се използват добре за създаване на елегантен стил на сайта, а също така се използват широко за създаване на лога.
Криперс:
Изкуство на победата :
Луксор :
И така, разгледахме основните групи шрифтове и резултатите от тяхното използване при създаване на дизайн на уебсайт, базиран на типография. Нека да обобщим. Картината по-долу показва класификацията на шрифтовете, използвайки примера на най-популярните шрифтове:
Характеристики на шрифтовете за уеб дизайн или какъв шрифт е подходящ? Различните шрифтове имат различен набор от характеристики, които в зависимост от целта могат да се прилагат в уеб дизайна.
Различимост Основната характеристика на шрифта, който се използва за основен текст при нетипични условия на четене. Например, на сайтове, адаптирани за мобилни устройства, различимият шрифт има най-внимателната геометрия на конструкцията и лекота на възприемане.
Четимост Важна характеристика за всеки шрифт, независимо от целта на използване. От особено значение е кога шрифтът запълва тялото на сайта.
Изпъкване Шрифтовете, които ще се използват като визуален акцент, трябва да се забелязват. Видимостта на шрифта се реализира по много начини: голям размер, контраст и др. Шрифтовете в стил Ар Нуво отговарят на изискванията за видимост на шрифта.
Качественият екранен шрифт трябва да отговаря на следните изисквания:1. Достатъчна височина на буквата.2. Ширина и разстояние между знаците.3. Свободно място в знак
Контраст и цветова схема Това са стилистични трикове, които дизайнерите използват, за да оформят сайт, където шрифтът все още е инструментът:Стилистично съвпадение на типографията и съдържанието Често, когато създават оформление на сайт, дизайнерите използват text-fish за визуализациятипография в тялото на сайта. Исторически се случи така, че този тест е откъс от философския трактат на Цицерон.
Защо не трябва да се прави това?1. Lorem ipsum не представя съдържанието на сайта нито стилистично, нито по смисъл. Например сайтът jrvelasco.com е базиран изцяло на комбинация от шрифтове и шрифтове. Успя ли дизайнерът да постигне този ефект, използвайки рибен текст?
2. Ако крайъгълният камък на дизайнерското решение на един сайт изобщо не е типографията, а съдържанието е напълно възможно да се визуализира с Lorem ipsum, то това няма да работи при сайтове на български език. Английският текст нито стилистично, нито геометрично ще представя съдържанието на тялото на българоезичен сайт. А липсата на такова разнообразие от висококачествени шрифтове на кирилица допълнително усложнява задачата пред домашния дизайнер.