Дизайн -
это решение
проблем
Горизонтально
Поскольку эта книга посвящена шрифт/ и типографике,
мы не затрагиваем анимацию и звук, котя то и другое
возможно и часто желательно на Web-странице. На эту
тему есть масса литературы и бесконечное количество
информации в Интернете.
Решение проблем и работа в рамках заданных ограни¬
чений - вот что отличает настоящий коммуникационный
дизайн от рисования красивых картинок. Весь Web-
дизайн определяют несколько очевидных ограничений:
размер, формат, цвет, шрифт, а также размер файла,
но последнее ограничение мы здесь не рассматриваем.
Большинство видов печатной продукции - книги, журна-
" ... . _........г-г* i "-J.....-■.......ï"*irn*
или вертикально? лы, брошюры, газеты - имеет вертикальный формат,
то есть они больше по вертикали, чем по горизонтали.
Поскольку компьютерные мониторы ориентированы
горизонтально, Web-страницы должны иметь горизон¬
тальный формат.
мнные строки
это плохо.
Увеличенный
интерлиньяж -
ет - ьесплатно.
іифт - простои.
Заголовок::
Текст:
На горизонтальной странице в 600 пикселов поместятся
строки примерно в 120 знаков 10-пунктовым шрифтом,
то есть около 20 слов. Но идеальной будет половина
этого количества, позволяющая вам сделать колонку
более узкой, а рядом поставить подзаголовки.
Увеличение расстояния между строками чудесно рабо¬
тает. Попробуйте добавить несколько пунктов к интер¬
линьяжу, и удобочитаемость возрастет невероятно
(см. стр. 141).
Цвет -роскошь при печати на бумаге, зато на экране его
сколько угодно. К тому же выворотный шрифт на экране
читается значительно лучше, чем на бумаге. Но приме¬
няйте его расчетливо - например, на этой странице его,
пожалуй, даже многовато.
Применять курсив просто глупо. Квадратная пиксель¬
ная сетка не дает придерживаться старых традиций
типографики. Вы не сделаете шрифт светлее, потому что
каждый штрих должен быть не менее одного пиксела
шириной. Делайте его жирнее, крупнее,
применяйте цвет.
Times Hew Roman был спроектирован для печати газеты,
Helvetica - для рекламы. Если вы не можете или не хоти¬
те программно встраивать ваши собственные шрифты
в Web-страницу, по крайней мере применяйте каскадные
таблицы стилей со шрифтами, специально сделанными
для экрана, такими, как Verdana и Georgia, или с растро¬
выми шрифтами вроде этого.
Verdana
Lo-Res Mine Marrow и Lo-Res Nine Wide