Типографское искусство и Сеть.

Во время утреннего чтения компьютерного журнала со мной произошел очень неприятный случай.

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

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

Там были они! Более 1,500 бесплатных шрифтов!

Теперь - я спрашиваю Вас - кому в здравом уме может понадобиться больше чем несколько дюжин шрифтов за всю его жизнь?  Шекспир творил без 1,500 различных типов шрифтов. И немногие из нас могут приблизиться к его стандарту. Нет, такой нездоровый избыток шрифтов плох и явно показывает, как изобилие сводит их значение к заполнителям бесплатных CD.

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

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

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

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

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

Контраст: Используется для того, чтобы различные элементы (параграфы, заголовки, под-заголовки) страницы не выглядели абсолютно одинаковыми - независимо от того, расположены ли они вместе или нет. Если каждые из этих элементов выполняет различную работу, то они должны быть различны - очень различны - не будьте робкими! Хороший контраст часто может быть наиболее важным визуальным эффектом для привлечения внимания к странице.

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

Выравнивание: Ничего не должно размещаться на странице где попало! Вы ожидаете увидеть еду в тарелке, одежду на теле, косметику на лице и цветы в саде, чтобы все это выглядело хорошо? То же самое должно быть и на странице. Это - то, для чего мы рассматривали методы управления размещением в моей свежей статье о таблицах в HTML. Каждый элемент должен иметь некоторую визуальную связь с другими элементами на странице.  И если Вы собираетесь быть профессионалом, то к этому надо стремиться.

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

Сделаем паузу для осмысления сказанного выше.

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

Это важно.

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

Контраст:

О контрасте не надо много говорить - подчеркивайте различия - сделайте эементы различными!

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

На www. GoCritique.com у меня было много веселья, связанного с использованием  контрастных методов. На почти каждой странице Вы видите слева логотип GoCritique. Стрела логотипа указывает направо, где написано, о чем расскакзывается на данной странице. Посмотрите, как просто создать интересные модели символа, используя противопоставление текстовых размеров и цветов. И все это грузится фактически моментально. Это - текст, и никакой тяжелой графики!

Небольшой совет: Используйте   неразрывный пробел, чтобы вставить между символами  более одного пробела. Большинство броузеров поддерживают это.

Повторение:

Заголовки, подзаголовки и основной текст должны иметь различные размеры и/или цвета. Но пожалуйста убедитесь, как только Вы останавливаетесь на формате для элемента, что везде он будет оформлен одинаково. Все основные заголовки должны быть одного цвета и размера - все - подзаголовки также одного цвета и размера и так далее. Это должно быть правилом по крайней мере на одной странице или целом домене.

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

Выравнивание:

Все мы знаем, что вещи выглядят аккуратнее в прямых линиях.

Без способности полностью выравнивать текст в броузерах Вы имеете выбор между выравниванием по левому или правому краю. Лево - классический вариант - иногда скучный - это зависит от тона вашей страницы. Возможно Вы хотите захватить внимание читателя? Вы не хотите полагаться на скучное левое выравнивание - передвиньте все к правому краю.Сделайте то же самое  с заголовками и подзаголовками, и Вы создадите сильную конструкцию - Вы привлечете внимание Вашего читателя вместо того, чтобы позволить ему уйти со страницы.

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

Когда предметы выровнены на странице, создается впечатление единого модуля. Даже когда элементы физически отделены друг от друга, если они выровнены, то имеется невидимая линия, связывающая их для глаза и мозга читателя. Бросьте свежий взгляд на страницы GoCritique, держа это в памяти. Посмотрите, как элементы выровнены - одним или другим способом - тонко, не так ли? Я могу обещать Вам, это действено - и просто делается!

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

Никогда не смешивайте на одной странице различные выравнивания - если только у Вас нет должного на то основания! Если Вы выбрали левое выравнивание, придерживаетесь его, и того же самое с правым.

Что это Вы говорите?

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

Близость:

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

Смотрите на визитную карточку на http://www.GoCritique.com/card_example.htm. Посмотрите на ее верх. На что Вы смотрите сначала? Ваш глаз погружается в это безумие, пытаясь выяснить, что к чему относится. Не делайте работу Ваших читателей такой интенсивной - пусть они всегда находят все адреса в одном месте - номер телефона и номер факса. Не перемешивайте вещи - по крайней мере без должного основания!

Кратко напомню основные моменты.

Книгопечатание намного глубже чем эта статья. Подобно чему - нибудь еще - чем больше Вы учитесь, тем лучше Вы делаете это.

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

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

Перевод выполнен на основе права эсклюзивного использования статьи Александром Климовым. Перепечатка в любой форме запрещена.

Peter de Pradines is owner and webmaster of the HiperNet Group. An honours degree graduate in Computer Science with 30 years hands-on experience, Peter lectures in Europe and holds winter workshops in the beautiful Mediterranean island of Mallorca. Specializing in web design and promotion he may be contacted at: mailto:hipernet@apdo.com or http://www.protiques.com

Peter de Pradines владелец и веб-мастер компании HiperNet Group. Peter обладая ученой степенью и имея за плечами 30-ти летний опыт, читает лекции в Европе и проводит зимние занятия на прекрасных островах Мальорки. По поводу вопросов веб-дизайна и раскрутки сайтов можно обращаться: mailto:hipernet@apdo.com или http://www.protiques.com