- •Дмитрий кирсанов
- •Глава 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
- •Индекс Символы.
- •А(латиница).
Кларендон
В 1845 г. был разработан первый из шрифтов типа Кларендон, характеризующихся толстыми прямоугольными засечками, соединяющимися с основным штрихом с помощью небольших закруглений, и небольшим контрастом толщин штрихов. Унаследовав у новой антиквы общие пропорции и принципы построения букв, но избавившись от самых неприятных ее крайностей — высокого контраста и угловатости, — шрифты типа Кларендон выглядят строго, основательно, но при этом достаточно современно.
131
Самые известные шрифты этого типа — гарнитуры Школьная (рис. 33), Академическая, Bookman.
Новые рубленые
Однако настоящая революция в шрифтовом искусстве произошла только в первой половине XX века. В конце 20-х годов в Германии под влиянием футуризма, конструктивизма и других новомодных течений разрабатываются принципиально новые, подчеркнуто упрощенные и геометризованные рубленые шрифты. Создатели этого нового стиля руководствовались возведенным в принцип утилитаризмом, последовательным отказом от любых не несущих практической нагрузки «украшений» (самый известный пример — шрифт Футура, появившийся в 1928 г., рис. 34).
На практике следование этой идеологии привело, как это ни парадоксально, не к новой свободе самовыражения, а к диктату общего принципа над частной целесообразностью. Каждая буква Футуры изо всех сил стремится к некоему геометрическому идеалу, лишь скрепя сердце делая уступки традиционным формам с тем, чтобы обеспечить минимум узнаваемости. Такому шрифту нельзя отказать в единстве и определенном своеобразии, хотя он весьма утомителен в больших объемах и вряд ли способен вызвать у читателя по-настоящему теплые чувства. На современный взгляд «новым рубленым» определенно не хватает мягкости, человечности, гуманизма.
Появление футуроподобных шрифтов было, однако, заметным событием в свое время — на фоне господства шрифтов с засечками (прежде всего новой антиквы) они производили сильное впечатление. Во многом благодаря им рубленый шрифт стал употребляться гораздо шире, чем раньше, а некоторые энтузиасты даже предсказывали шрифтам с засечками скорое забвение. Этого, конечно, не произошло — рубленый шрифт, будь то Футура или какой-то из ее менее идеологизированных наследников, все же не слишком удобен для чтения больших объемов текста. Однако во многих других областях дизайна без рубленых шрифтов уже не обойтись — и они по праву воспринимаются как один из символов завершающегося века.
Маятник гуманизма
Очевидно, ключевым параметром эволюции как рубленых шрифтов, так и шрифтов с засечками является уровень гуманизации. Этим термином удобно обозначить ту меру свободы, гибкости и даже небрежности форм, то стремление к удобочитаемости
Рис. 33
Гарнитура Школьная (New Century Schoolbook) — типичный шрифт типа Kлaрендон
Рис. 34
Шрифт Футура (Futura) оказал сильнейшее влияние на шрифтовое искусство XX века
132
Рис. 35
Созвучность духу времени (а может быть, и просто мода) сделали гуманистические рубленые шрифты самыми употребимыми в профессиональном дизайне (показан шрифт Оффицина Санс (Officina Sans), близкий по рисунку к шрифту Мета и имеющий кириллическую версию)
и приоритет графического самовыражения каждой буквы над общими принципами построения шрифта, — короче говоря, тот здоровый оппортунизм, который мы видим постепенно сходящим на нет по мере эволюции шрифта от ранней гуманистической антиквы через переходные шрифты к новой антикве. Процесс постепенной дегуманизации шрифта, достигший апогея в конце XIX — начале XX веков в таких на первый взгляд несхожих, но внутренне родственных явлениях, как вычурная новая антиква и формализованные футуристические рубленые, сменился в этом веке противоположным процессом постепенной гуманизации, смягчения, отступления от жесткой идеологии построения шрифта.
Поскольку основную массу шрифтов с засечками сейчас составляют «возрожденные шрифты» (англ. revivals) и всевозможные вариации на темы шрифтов прошлых эпох, в этом жанре тенденция к «регуманизации» проявилась не в каких-либо новациях, а в постепенном отступлении массового вкуса от новой антиквы обратно к истокам шрифтовой истории — через переходные шрифты, пик популярности которых пришелся на 30-е годы (именно тогда был воссоздан по образцам английских типографов XVIII века шрифт Times Roman), к классической гуманистической антикве, привлекшей пристальное внимание художников-шрифтовиков и дизайнеров во второй половине века (кстати, в СССР массовое шрифтовое возрождение также пришлось на оттепель 50—60-х годов, когда было создано или осовременено едва ли не большинство использующихся ныне кириллических гарнитур). Классическая антиква остается фаворитом моды и сейчас, хотя в целом для современного дизайна характерен не имеющий исторических прецедентов шрифтовой плюрализм.
Более содержательная часть шрифтовой истории XX века пришлась на рубленые шрифты. Громко заявив о себе в 20-е годы крайне дегуманизированными конструктивистскими образцами, рубленые шрифты не избежали общего стремления к смягчению и «очеловечиванию». Футуре так и не удалось стать рубленым шрифтом «на все случаи жизни»; вместо нее эту вакансию занял созданный в 1957 г., более традиционный и значительно менее геометризованный шрифт Гельветика (он же Arial), который по своей нейтральности, прозрачности для восприятия уместно сравнить с переходной антиквой.
133
На Гельветике постепенная гуманизация рубленых, однако, не закончилась. Как важный этап этого процесса интересен шрифт Frutiger (он же Freeset), созданный в 1976 г. На первый взгляд мало чем отличаясь от Гельветики, при внимательном рассмотрении Frutiger обнаруживает немало «антигеометрических» черт — таких как неравная толщина штрихов (особенно в жирных начертаниях), неперпендикулярные срезы, едва заметные отгибы штрихов (например, низ вертикального штриха в букве «d»). Все эти особенности позволяют сгладить слишком острые углы традиционно геометрического рубленого дизайна, сделать шрифт более легким для чтения, более свободным и менее идеологизированным.
С наибольшей полнотой тенденции гуманизации проявились в шрифте Мета, созданном в 1984 г. (что любопытно, тоже в Германии) и ныне необычайно популярном во всех сферах дизайна, не исключая и веб-дизайн (примеры 6, 19). Последовательный отказ от дуг окружности и замена их на линии переменной кривизны, суженные по сравнению с другими рублеными шрифтами буквы относительно постоянной ширины, закругленные углы и характерные отгибы вертикальных штрихов — все эти черты придают шрифту необычайно мягкий, ненавязчивый, почти женственный характер (рис. 35). В каком-то смысле Мета — удачный пример гибрида традиционных форм рубленых шрифтов с некоторыми чертами шрифтов с засечками (в частности, отгибы концов штрихов играют ту же роль, что и засечки, улучшая распознаваемость букв).
Стоит отметить, что создатель шрифта Мета Эрик Шпикерманн ставил перед собой не эстетическую, а прежде всего практическую цель — разработать экономичный рубленый шрифт, удобный для чтения больших по объему текстов, набранных мелким кеглем. Однако в отличие от автора Футуры Яна Чихольда, Шпикерманн стремился не к абстрактно понимаемому геометрическому лаконизму, а к графической выразительности каждой отдельной буквы и к общей комфортности чтения, поддающейся объективному измерению методиками психологов.
Интересно, что благодаря обшей тенденции к гуманизации шрифтового дизайна в последние годы неожиданно современно зазвучали «старые» рубленые, созданные в прошлом веке задолго до эпохи футуризма и потому выглядящие вполне гуманистически (характерный пример — шрифт Гермес, пример 12).