- •Дмитрий кирсанов
- •Глава I. Техминимум 18
- •Глава II. Основы дизайна 56
- •Глава III. Дизайн веб-сайтов 131
- •Глава IV. Веб-графика 175
- •Оглавление
- •II.1 Пространственные отношения (78)
- •II.10 Нюансировка (172)
- •V.3 Галерея (323)
- •Предисловие
- •Что здесь есть и чего здесь нет
- •Примеры
- •Соглашения
- •Сверим часы
- •Как выбрать дизайнера
- •Почему эта тема?
- •Сам себе Гутенберг
- •Глава I. Техминимум
- •Кодировки текста
- •Однобайтовые кодировки
- •Семейство 8859
- •Двухбайтовые кодировки
- •История
- •В начале был sgml
- •Прикладная философия
- •Золотой век
- •Html плюс
- •Идолы рынка
- •Бяки и буки
- •Три, четыре...
- •Синтаксис
- •Подстановки
- •Минимальный документ
- •Текстовая разметка
- •Ссылки и привязки
- •Изображения и объекты
- •Национальные особенности
- •Согласование кодировок
- •Среды и доступность
- •Доступность: таблицы
- •Как писать alt-тексты
- •Доступность: изображения-карты
- •Мета-данные и поиск
- •Мертвая зона
- •Принципы
- •Возможности
- •Модульный html
- •Режем по живому
- •Сборно-панельный сайт
- •Например
- •Синтаксис
- •Уровни соответствия
- •Конверсия
- •Надстройки
- •Графика
- •Вектор в Интернете
- •На все четыре стороны
- •Палитры
- •Системы представления цвета
- •Программирование
- •Динамический html
- •Модульные технологии
- •Динамические страницы
- •Глава II. Основы дизайна
- •Как учиться дизайну
- •Дизайн и «чужое творчество»
- •Материалы и инструменты
- •Пространственные отношения
- •Относительность размера
- •Форма и размер
- •Искусство выравнивания текста
- •Цвет и размер
- •Текстура и размер
- •Пропорции
- •Золото и пластмасса
- •Пропорций простота
- •Микропропорции
- •Размещение
- •Одноуровневые элементы
- •Разноуровневые элементы
- •Плотность
- •Пол и характер
- •Плотность текста
- •В нужное время и в нужном месте
- •Дизайн Пизанской башни
- •Прямоугольники
- •Круги и закругления
- •Кривые Безье
- •Бесформенность
- •Как устроен цвет
- •Прогулка по цветовому кругу
- •Главные цвета
- •Восприятие цвета
- •Сочетаемость цветов
- •Текст и фон
- •Текстуры
- •Плоский цвет
- •Геометрические текстуры
- •Пиксельные текстуры
- •Фотографические текстуры
- •Материальные текстуры
- •Шрифт и текст
- •Элементы шрифта.
- •Гарнитура, начертание, шрифт
- •Виды начертаний
- •Шрифты и время.
- •Переходные шрифты
- •Новая антиква
- •Кларендон
- •Новые рубленые
- •Маятник гуманизма
- •Подбор Шрифтов
- •Единство противоположностей
- •Слишком декоративные шрифты
- •Развивая тему
- •Шрифты и названия
- •Параметры Набора
- •Прописные и строчные
- •Интервалы
- •Выравнивание и отступы
- •Размещение
- •Чья случайность лучше?
- •Текст как текстура
- •Единство
- •Академический стиль
- •В полный рост
- •Размещение
- •Текстура
- •Центр масс системы
- •Правило рычага
- •Контраст
- •Контраст — это продолжение единства другими средствами
- •Одномерный контраст
- •Многомерный контраст
- •Аспекты контраста
- •Расстояние
- •Расположение
- •Текстура
- •Динамика
- •Динамика явная
- •Ветер по Гауссу
- •Динамика совсем явная
- •Динамика неявная
- •Нюансировка
- •Пространственные отношения
- •Глава III. Дизайн веб-сайтов
- •Преграды и препоны
- •От общего к частному
- •Типы сайтов
- •Первый шаг
- •В мире .Org
- •Скорей любите нас
- •Бесплатный сыр
- •Устройство сайта
- •Неупорядоченный континуум
- •Топология сайта
- •Распределение материала
- •Фреймы и окна
- •Первая страница
- •Всплеск и вскрик
- •Формат страницы
- •Заметки о полях
- •Во первых строках
- •У голубого экрана
- •Если тебе дадут линованную бумагу — пиши поперек
- •Ступеньки ригидности
- •Заглавия и заголовки
- •Заглавие
- •Заголовки: логика
- •Заголовки: дизайн
- •Разделители
- •Баннеры
- •Навигация
- •Общий обзор
- •Семантика
- •Разновидности одинаковости
- •По ту сторону кнопок
- •Символы и метафоры
- •Особые случаи
- •Динамическая навигация
- •Блоки текста
- •Коренные шрифты
- •Все шрифты ношу с собой
- •Осторожно: кириллица
- •Другие параметры
- •Правила набора текстов
- •Расстановка пробелов
- •Неразрываемые пробелы
- •Текстовые выделения
- •Спецсимволы
- •Позиционирование
- •Дурная наследственность
- •Двойное дно
- •Белое место
- •Фэйсом об тэйбл
- •Позиционирование в css
- •Глава IV. Веб-графика
- •Техника
- •Палитра и диффузия
- •Цветовые границы
- •Экранный анти-алиасинг
- •Пиксельные эффекты
- •Оптимизация
- •Взболтать и настоять
- •Чудное мгновенье
- •Функции
- •Выставочная графика
- •Как не надо делать фон
- •Прогладить с изнанки
- •Одномерные фоны
- •Одним куском
- •Логотипы
- •Диалектика формы
- •На единицу площади
- •Про что картинка?
- •Символ и слово
- •Аспекты логотипа
- •Текстура
- •Баннеры
- •Сколько натикало?
- •Форматы
- •В нужное время и в нужном месте
- •Слева при входе
- •В начале было что-то
- •Собственная гордость
- •Удар ниже пояса
- •Смена поколений
- •На килограмм живого веса
- •Рынок визуалов
- •Трехмерность
- •Император иллюзий
- •Пластмассовый призрак
- •Скульптура или барельеф
- •Искусство искажений
- •Нетекстурирующие эффекты
- •Текстурирующие эффекты
- •Логотип
- •Цветовая схема
- •Входные цвета
- •Информационные цвета
- •Первая страница
- •Карты на стол
- •Навигация
- •Логотип
- •Первая страница
- •Внутренние страницы
- •Галерея
- •15. (Книги России 1) www.Books.Ru
- •Индекс Символы.
- •А(латиница).
Шрифты и время.
Любой шрифт — так же как любая форма и любой цвет — имеет свою тональность, свое настроение, причудливейшим образом налагающееся на смысл набранного этим шрифтом текста, видоизменяющее его, добавляющее неповторимые обертоны. Для многих звучание стихов, впервые прочитанных в детстве, неразрывно связано с тем шрифтом,
которым они были набраны; и нередко годы спустя, перечитывая эти стихи в других изданиях, мы удивляемся — почему теперь они кажутся нам совсем иными.
В отличие от цветового настроения, однако, тональность шрифта — явление в гораздо большей степени искусственное, опосредованное, а вкус к шрифтам — результат воспитания, а не врожденное качество. Поэтому для знакомства с основными типами шрифтов лучше всего подходит жанр исторического обзора, показывающего, как менялись восприятие форм букв, понятие о красоте и удобстве шрифта и, в конце концов, просто мода на шрифты на протяжении нескольких последних столетий. (Я не буду начинать с египетских иероглифов, а ограничусь лишь теми типами шрифтов, которые употребляются и сейчас.)
Вполне возможно, вы будете удивлены, узнав, какие из установленных на вашем компьютере шрифтов — сравнительно новые, а какие уходят своими корнями в глубокую древность. Спираль европейского шрифтового искусства сделала уже не один виток, и не раз шрифты, которые казались прочно забытыми, возрождались к жизни в обновленном виде (особенно, конечно, богато такими «римейками» последнее столетие). У жителей нашей страны восприятие печатного текста к тому же искажено десятилетиями государственной шрифтовой монополии — не то чтобы СССР стоял совсем в стороне от магистрали мирового шрифтового искусства, но все же тенденции развития шрифта XX века преломлялись в советских словолитнях довольно своеобразно.
Современный шрифтовой ландшафт, развертывающийся перед восхищенным зрителем в окне компьютерного экрана, разнообразен как никогда. Здесь и возрожденные шрифты всех эпох и стилей, и современные вариации на исторические темы, и всевозможные стилизации (готическая фрактура, церковно-славянский устав, шрифты в стиле «модерн» и т. п.). Это изобилие отчасти ответственно за тот шрифтовой беспредел, который еще далеко не утих в русскоязычном рекламном и журнальном дизайне (а в последние год-два с новой силой вспыхнул в самодеятельном веб-дизайне). Знание истории шрифта — первейшее условие профессиональной работы с ним.
Классическая антиква. Из употребимых сейчас шрифтов самые старые — и в то же время, пожалуй, самые молодо выглядящие — это гарнитуры гуманистической, или
128
Рис. 29
Гарнитура Гарамон (Garamond) — характерный представитель гуманистической антиквы
(a)
(б)
Рис. 30
Форма засечек (а, гарнитура Лазурского) и смещение наплывов на округлых частях букв (6, шрифт Adobe Jenson) в шрифтах гуманистической антиквы объясняются подражанием рукописному почерку наклонным пером с плоским концом
классической, антиквы (по-английски их обычно называют Old Style; примеры — Гарамон, Дженсон, гарнитура Лазурского). Эти шрифты были разработаны по образцам и рисункам типографов эпохи Возрождения — которые, в свою очередь, брали за основу рукописные шрифты IX—XIII веков и заглавные, «капитульные» буквы древних римлян (само слово «антиква» означает «древняя»). Их целью было создать строгий, изящный, легко читаемый шрифт, отвечавший ренессансным представлениям о гармонии и призванный вытеснить господствовавшую в течение нескольких столетий фрактуру (готический шрифт).
Многие графические особенности классической антиквы, сохранявшиеся и видоизменявшиеся в исторически более поздних шрифтах, — засечки, утолщение вертикальных штрихов по сравнению с горизонтальными — впервые возникли как подражание рукописным буквам, выводимым пером с плоским концом. В эту эпоху заимствования из рукописной графики еще не были «переосмыслены» или «обобщены», а оставались довольно близкой к оригиналу имитацией. Этим объясняется сложность, явственная «рукописность» форм, общая легкость и элегантность рисунка, свойственная как оригинальным шрифтам XV—XVII веков, так и их современным копиям (рис. 29). Особенно характерны для гуманистической антиквы сравнительно длинные засечки, иногда асимметричные и закругленные на концах, «ямки» на торцах основных штрихов, смещение наплывов на округлых частях букв из-за «наклона пера» (рис. 30).
Принято различать ранний и поздний периоды развития классической антиквы. В ранних образцах этого стиля контраст толщин штрихов ниже, а общий очерк букв небрежнее и ближе к рукописным оригиналам. Со временем формы букв становятся строже, засечки укорачиваются, контраст повышается, исчезает несимметричное расположение наплывов. Заглавные буквы становятся уже, теряют свои «античные» квадратные пропорции. Особенно заметны изменения у курсивных шрифтов (которые в ту эпоху еще не составляли пару прямому начертанию, как сейчас, а были самостоятельными шрифтами). Ранние гуманистические курсивы отличаются небольшим наклоном букв и общей открытостью форм (по мотивам этих шрифтов в XX веке создан шрифт Zapf Chancery). Co временем формы курсива становятся вычурнее, закрытее и уже, а наклон букв повышается; для некоторых из них характерен разный наклон у строчных и прописных курсивных букв (например, в Monotype Garamond Italic).
Сейчас шрифты гуманистической антиквы — одни из самых популярных. Они способны передать широчайшую гамму настроений; пожалуй, чем пытаться охарактеризовать сферу их применимости, проще перечислить те ситуации, когда
129
Рис. 31
Гарнитура Таймс (Times Roman) — самый известный и самый употребимый из шрифтов переходной антиквы
их употребление может быть, наоборот, неуместным, — скажем, если текст обязан звучать подчеркнуто строго, сдержанно, официально, по-особому убедительно или даже угрожающе. Во всех остальных случаях легкий дух Высокого Возрождения придаст стильное, выпуклое, воздушное звучание тончайшим смысловым и эмоциональным оттенкам вашего текста.
Для русского набора шрифты эти пока непривычны. В пору их первой, исторической молодости в России не пользовались ничем, кроме церковно-славянского устава, а в период возрождения интереса к ним (середина нашего века) на русской почве смогло возникнуть только одно подражание гуманистической антикве — гарнитура Лазурского (1962 г.), которая резко выбивалась из общего шрифтового ландшафта и нечасто шла в ход в советских типографиях. Среди современных русификации латинских антиквенных шрифтов есть удачные, но окончательного сплавления гуманистических мотивов с традициями кириллической графики еще не произошло.