На главную

Библиотека Интернет Индустрии I2R.ru

Rambler's Top100

Малобюджетные сайты...

Продвижение веб-сайта...

Контент и авторское право...

Забобрить эту страницу! Забобрить! Блог Библиотека Сайтостроительства на toodoo
  Поиск:   
Рассылки для занятых...»
I2R » Сайтостроительство » Web-дизайн

Тайп-дизайн (шрифтовой дизайн)

Иногда при помощи шрифта можно сказать больше чем при помощи картинки.

Основу любой публикации, даже если это рекламное объявление или годовой отчет компании, составляет некий текст, который несет в себе информацию для читающего его. Использование определенных шрифтов иногда очень помогает донести эту информацию. Давайте посмотрим какие же основные элементы текста могут присутствовать и какими шрифтами лучше всего их выполнять.

Основные элементы текста

В тексте могут присутствовать следующие элементы:

заголовок - лучше всего выполнять более крупным, привлекающим внимание шрифтом, это может быть либо легко читаемый шрифт с засечками (мы рассматривали подобные в предыдущем описании) либо наоборот трудно читаемый шрифт с очень яркой, запоминающейся гарнитурой. Примерами могут служить такие шрифты как Helvetica, Tahoma, Arial (шрифты без засечек), Baltica (c засечками), различные декоративные шрифты.

девиз (или цитата) - обычно делают шрифтом на 1-2 пункта меньше основного текста. Так как шрифт получается достаточно мелкий - 9-11пик то лучше воспользоваться шрифтами без засечек (Helios, Helvetica, Arial, Tahoma). Кроме того будет лучше если фраза будет набрана наклонным (itallic) шрифтом. Таким образом она будет более заметна.

основной текст - набирается размером в 10-14пик. здесь лучше использовать стандартные решения — шрифты с засечками или без, но обязательно легко читаемые (если конечно вы не стараетесь специально сделать текст неудобочитаемым). Для веб-страниц идеально подходят шрифты Arial, Helvetica, Times Roman.

адреса, телефоны, имена авторов - обычно делаются либо на 1-2 пики больше основного текста, либо такими же по размеру, но полужирными.

Правильный подбор шрифтов

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

Давайте рассмотрим несколько вариантов одного и того же заголовка.

Попробуем написать один элемент текста - заголовок разными способами.


екст набран шрифтом Helvetica



Данный текст вполне смотрелся бы в качестве заголовка к статье или докладу.


Но например в рекламе или тексте где нужно подчеркнуть независимость, модерн, стильность больше бы подошел следующий вариант: Текст набран шрифтом IceAgeD. Этот шрифт ярок и выразителен, он напоминает печать на промокашке. Такой шрифт замечательно подойдет к модному изданию или рекламе.




Текст набран шрифтом Impact. Этот шрифт напоминает Helvetica, но он более сжат и лаконичен. Идеально подходить для коротких фраз. Например для рекламного слогана.




Текст набран шрифтом KeyPunch.



Этот шрифт ассоциируется с будущим, с высокими технологиями. Поэтому его сфера применения - компьютеры. Реклама компьютеров, заголовки отчетов и прочее - вот его место.


Текст набран шрифтом Tahoma.



Tahoma - один из самых любимых моих шрифтов. Его основное достоинство - он легко читается в самых различных кеглях. Идеально подходит для основного текста. Набранный заглавными буквами подойдет как заголовок статьи.

Трекинг



Еще одной важной частью работы со шрифтами является настройка трекинга (расстояния между символами в слове) для того чтобы понять зачем нужен трекинг посмотрите на два заголовка слева.

первый текст набран с трекингом в 10 единиц, второй с трекингом в -30

Как вы можете заметить первый выглядит растянутым… расстояния между буквами довольно большие (в других шрифтах это можно заметить еще сильнее). Для того чтобы текст был более удобен для чтения и воспринимался целостным иногда следует применять отрицательный трекинг.

Leading (интерлиньяж)

Этот термин означает межстрочное расстояние. Оно играет практически такую же роль как и трекинг. Т.е. с его помощью вы можете уплотнять строчки текста по вертикали. Иногда это уменьшение позволяет, с одной стороны, уменьшить размер площади занимаемой данным абзацем текста, а с другой стороны, из-за этого уплотнения абзац выделяется на общем фоне (т.к. смориться более темным). Вообще стараются делать интерлиньяж на 1-2 пункта больше кегля шрифта.

В завершение

Мой вам совет - никогда не спешите при выборе шрифтов для публикации, старательно относитесь даже к таким мелочам как трекинг, интерлиньяж, отступы и прочее... Тогда ваша публикация будет выглядеть замечательно. Старайтесь на первых порах избегать особо вычурных шрифтов, неумелое использование которых может оттолкнуть читателей от ваших материалов. Кстати именно применение красивых, но плохо читаемых шрифтов и является основной ошибкой начинающих.

Аверин Александр
арт-директор веб-лаборатории MaxSoft,
автор сервера "Дизайн и графика"

Рассылки Subscribe.ru:

Библиотека сайтостроительства - новости, статьи, обзоры
Дискуссионный лист для web-разработчиков
Подписка на MailList.Ru
Автор: NunDesign
Другие разделы
Оптимизация сайтов
Web-студии
» Новое в разделе
Web-дизайн
Web-программирование
Интернет-реклама
Раскрутка сайта
Web-графика
Flash
Adobe Photoshop
Рассылка
Инструменты вебмастера
Контент для сайта
HTML/DHTML
Управление web-проектами
CSS
I2R-Журналы
I2R Business
I2R Web Creation
I2R Computer
рассылки библиотеки +
И2Р Программы
Всё о Windows
Программирование
Софт
Мир Linux
Галерея Попова
Каталог I2R
Партнеры
Amicus Studio
NunDesign
Горящие путевки, идеи путешествийMegaTIS.Ru

2000-2008 г.   
Все авторские права соблюдены.
Rambler's Top100