[ главная ]   [ рейтинг статей ]   [ справочник радиолюбителя ]   [ новости мира ИТ ]



Ответов: 0
25-02-12 07:01







   Web - программирование
PHP


ASP






XML



CSS

SSI





   Программирование под ОС











   Web - технологии








   Базы Данных









   Графика






Данные




Web - технологии / Web Design /

Справочник по работе со шрифтами

Аверин Александр, www.netdesigner.ru


Прежде всего давайте рассмотрим понятие шрифт (начертание шрифта).

Под начертанием шрифта понимается комплект знаков определенного рисунка. Несмотря на огромное количество шрифтов, созданных для компьютерных издательских систем, все их можно разделить на четыре группы: шрифты с засечками (антиква - serif), шрифты без засечек (гротески - sans serif), декоративные (decorative) и рукописные (script).

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

В тексте начали встречаться различные термини и я просто не могу их не пояснитькартинка
Давайте рассмотрим как выглядят различные виды шрифтов:

Шрифты с засечками (serif)


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

картинка
AG-Benguiat
картинка
AG-CenturyOldStyle
картинка
Baltica

Шрифты без засечек (sans-serif)


В шрифтах без засечек отсутствуют завершающие элементы на концах штрихов. Название sans-serif происходит от французского sans - без.

картинка
AG-Futura
картинка
AG-Helvetica
картинка
AG-OptimaCyr

Рукописные шрифты


Рукописные шрифты (script) напоминают ручное письмо. Традиционно к ним относятся каллиграфические шрифты.

картинка
BetinaScript
картинка
BrushScript
картинка
Decor

Декоративные шрифты


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

картинка
DexGothicD
картинка
Eklektic
картинка
Follies LET

Альтернативные шрифты


В данную группу входят шрифты которые созданы в собственном ни на что не похожем стиле. В основном это новые виды шрифтовых форм, созданные производителями совсем недавно, и не несущие в основе другие шрифты. Их применение пока рассматривается в основном в качестве броских заголовков (примерно там же где и декоративные шрифты.

картинка
IceAgeD
картинка
Jonh Handy LET
картинка
Jokerman

Гарнитура


Под гарнитурой понимаются вариации одного шрифтового семейства, отличающиеся различной насыщенностью, пропорциями, наклоном и стилем. Некоторые гарнитуры располагают большим количеством начертаний, чем другие. Благодаря этому можно построить весь документ на одной гарнитуре, используя где это необходимо различные варианты начертаний. Примером может служить шрифт Helios который насчитывает около 33 начертаний.

Кегль


Кегль (size), или размер, шрифта определяется его высотой, измеренной в типографских пунктах (point или pt): 12 пунктов = 1пике, 6 пик одному дюйму.

картинка
шрифт набранный разным кеглем

Насыщенность


Насыщенностью называется визуально воспринмаемый цвет шрифта, зависящий от толщины его штрихов. Непрерывный ряд начертаний составляют: светлое (light), нормальное (regular, book), полужирное (demi), жирное (bold), темное (heavy), черное (black) и сверхжирное (extra bold). Пропорции шрифта


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

Наклон


картинка

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

Интерлиньяж


Это расстояние между базовыми линиями соседних строк. Оно измеряется в пунктах и складывается из кегля шрифта и расстояния между строками. Например, кегль 10 пунктов при расстоянии между строками в 2 пункта называют кеглем 10 пунктов при интерлиньяже 12 пунктов.

Выключка


Параметр показывающий размещение текста в параграфе. Выключка бывает: по левому краю, по правому краю, по центру, по формату и полная выключка. В зависимости от выбранного типа выключки текст размещается по разному, текст этой статьи набран с выключкой по левому краю.

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

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




Комментарии

 Ваш комментарий к данному материалу будет интересен нам и нашим читателям!



Последние статьи: Web - технологии / Web Design /

Как увеличить эффективность сайта с помощью поисковой формы
12-10-2009   

В этой короткой статье, хотелось бы рассмотреть технический приём, который часто упускают из вида многие онлайн предприниматели, который в тоже время может увеличить эффективность любого сайта в разы... подробнее

Кол. просмотров: общее - 3659 сегодня - 0

Идеальная навигация
12-10-2009   

Все идеальное недостижимо. Но представив себе идеальную навигацию по сайту и выделив ее основные свойства, можно сделать интересные выводы... подробнее

Кол. просмотров: общее - 3546 сегодня - 1

Web-дизайн и кодировки
08-10-2009   

Кодировкой веб-страницы называется способ кодирования текстовой информации для передачи в сети Интернет. Определяющим параметром при кодировании данных считается количество битов, с помощью которых передается один символ (значение)... подробнее

Кол. просмотров: общее - 3754 сегодня - 0

Графика: советы для начинающих
20-09-2009   

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

Кол. просмотров: общее - 3439 сегодня - 2

Точечные и векторные изображения: сравнительный анализ
20-09-2009   

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

Кол. просмотров: общее - 3561 сегодня - 0



  WWW.COMPROG.RU - 2009-2012 | Designed and Powered by Zaipov Renat | Projects