Kniga-Online.club

Дмитрий Кирсанов - Веб-дизайн

Читать бесплатно Дмитрий Кирсанов - Веб-дизайн. Жанр: Интернет издательство -, год 2004. Так же читаем полные версии (весь текст) онлайн без регистрации и SMS на сайте kniga-online.club или прочесть краткое содержание, предисловие (аннотацию), описание и ознакомиться с отзывами (комментариями) о произведении.
Перейти на страницу:

Центрирование строк, когда–то бывшее едва ли не единственным способом оформления заголовков, теперь выглядит определенно старомодно. Помимо упора на симметрией не слишком популярную в современном дизайне, прием этот плох тем, что (как и окружность, стр.97) с трудом поддается выравниванию: даже несколько отцентрованных строк подряд не задают достаточно внятно осевую линию, с которой можно было бы координировать другие вертикали композиции. Кроме того, зрителя порой подсознательно раздражает то, что центрирование, претендующее на роль эталона симметрии, на самом деле редко обходится без ручной, нарушающей математическую строгость нюансировки, нейтрализующей влияние формы (стр. 79) и разного «визуального веса» символов.

Рис. 39 Выравнивание в сочетании со строгой осевой симметрией — классический, «античный» стиль

Еще один режим выравнивания — выключка по ширине — лучше всего подходит для верстки больших объемов текста в колонку достаточной ширины (последнее необходимо для того, чтобы пробелы в строках, растягиваемые для выравнивания строк, не превращались в зияющие дыры). Стиль этот удобен для выравнивания и потому легко интегрируется в любой дизайн, хотя может выглядеть излишне строго и даже несколько зажато. В сочетании с центрированием и изменением межбуквенных интервалов его можно использовать и для заголовков, где он позволяет создавать уравновешенные, классические по стилю композиции (рис. 39).

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

Размещение. Строки текста могут располагаться не только по горизонтали, но и вертикально (обычно «снизу вверх», то есть так, чтобы их можно было прочесть, склонив голову на левое плечо). Этот прием относительно нейтрален и может без особых ограничений использоваться в тех случаях, когда для горизонтальной строки нет места, но с одним условием: расположенный по вертикали текст не должен быть единичным (и потому создающим впечатление торопливости и неопрятности) исключением, а полноправным мотивом композиции, поддержанным максимальным количеством других элементов. Значительно реже встречается «вывесочное» размещение заголовочного текста, при котором буквы выстраиваются сверху вниз, но без поворота на 90 градусов; такое расположение сильно затрудняет чтение и потому может использоваться как весьма сильнодействующий прием текстового выделения (примерно эквивалентный очень сильной разрядке).

Особый случай текстового размещения — выделение первой буквы основного текста в так называемую буквицу (англ. drop cap), отличающуюся по цвету, кеглю и шрифту и обычно врезанную в первые несколько строк текста, которые он начинает. Этот прием оформления имеет очевидный практический смысл: буквица мгновенно отвечает на вопрос «где начинать читать» и именно в роли средства ориентировки| нередко используется в сложной, многоколоночной журнальной или газетной верстке. Существует, однако, и друга традиция использования буквиц, берущая свое начало я средневековых книг (и, кстати, более привычная русскоязычному читателю), — традиция эстетическая, в которой изысканно декоративная, сложная по рисунку буквица служит в первую очередь украшением текста, в остальном оформленного строго и лаконично. Вы должны определиться с тем, к какой из этих двух традиций тяготеет ваш случай, и не смешивать «французский с нижегородским» — буквица «газетная» обязана стремиться к простоте оформления, а графическую устойчивость ей может придать только многократное повторение при небольших по объему фрагмента текста; «книжная» же буквица, наоборот, всегда становится главным эстетическим событием в жизни своей страниц! и не терпит конкуренции со стороны других декоративных элементов. —

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

Чья случайность лучше? Как ни парадоксально это звучит, самая ни на есть натуральная случайность, будь то последовательность выпадов «орлов» и «решек» при подбрасывании монеты или же «генератор случайных чисел» в компьютерной программе, для человеческого восприятия нередко оказывается слишком неслучайной, раздражающей необъяснимыми повторами и неизвестно откуда вылезающими следами закономерности (самый удивительный пример — серия из шести (!) девяток подряд в первой тысяче знаков десятичного представления числа Пи). Поэтому во всех случаях, когда вам нужно внести элементы хаоса в размещение, раскраску или другие аспекты дизайн–композиции, приходится или имитировать требуемую случайность вручную, или, по крайней мере, серьезно редактировать то, что предложено программой. Принципы создания «художественной случайности» весьма многообразны: кроме убирания нежелательных повторов, совпадений и выравнивании, важно выдерживать некий средний уровень плотности случайных величин, не допуская больших разряжении и сгущении, но и не слишком увлекаясь равномерностью. Иногда для убедительности приходится искусственно вводить один–два «особых случая», таких как попадание одного из случайно расположенных элементов на самый край отведенной для него области.

Цвет. О принципах выбора цветов основного текста и фона страницы мы достаточно подробно говорили на стр.113; здесь нужно сказать лишь пару слов об использовании цвета в заголовках и для текстового эмфазиса (выделения). Требование удобочитаемости в этих случаях отступает на второй план, так что никаких ограничений на использование цветов, кроме тех, которые определяются логикой самой композиции, не остается.

Так, весьма популярен в последнее время прием противопоставления по цвету двух половин заголовка или текста логотипа (см., например, логотип журнала «Internet» на рис. 36, а). Где бы ни проходила цветовая граница — внутри слова или между словами, — прием этот вносит сильную ноту «диалектичности», разделения и противопоставления частей дотоле однородного элемента. Искусственная эта диалектика весьма сильно влияет на восприятие текста; если, скажем, двуцветные заголовки приняты в качестве стандарта оформления в журнале, найти какой–нибудь вариант раскраски можно будет всегда, но во многих случаях он будет скорее мешать, чем помогать чтению текста заголовка.

Для оформления текстов, занимающих промежуточное положение между заголовками и телом страницы, — лозунгов, девизов, рекламных «вводных» и т. п. — иногда пользуются выделением отдельных слов, обычно цветом в комбинации со шрифтом и/или кеглем. Этот прием имеет мало общего с традиционными внутритекстовыми выделениями (например, курсивом); его цель — не облегчить восприятие смысла, а привлечь внимание к тексту чисто визуальными средствами и, отчасти, затруднить (и тем самым сделать более интересным) его чтение. Выделяемые слова можно выбирать почти случайно, заботясь лишь о более–менее равномерном их распределении в тексте (и помня, опять–таки, о закономерностях «художественной случайности»).

ТЕКСТ КАК ТЕКСТУРА

Сходство этих двух слов не случайно. Текстура, определенная как форма, сложность которой превышает возможности одномоментного восприятия, находит в тексте свое самое яркое воплощение. Если не углубляться сразу же в чтение, а окинуть страницу беглым, «расфокусированным» взглядом, блоки текста предстанут перед вами как формы (стр. 91), заполненные специфической текстурой (стр. 116) серого цвета определенной яркости (стр. 101). (Разумеется, серым этот цвет будет только для черного текста на белом фоне или наоборот.)

Перейти на страницу:

Дмитрий Кирсанов читать все книги автора по порядку

Дмитрий Кирсанов - все книги автора в одном месте читать по порядку полные версии на сайте онлайн библиотеки kniga-online.club.


Веб-дизайн отзывы

Отзывы читателей о книге Веб-дизайн, автор: Дмитрий Кирсанов. Читайте комментарии и мнения людей о произведении.


Уважаемые читатели и просто посетители нашей библиотеки! Просим Вас придерживаться определенных правил при комментировании литературных произведений.

  • 1. Просьба отказаться от дискриминационных высказываний. Мы защищаем право наших читателей свободно выражать свою точку зрения. Вместе с тем мы не терпим агрессии. На сайте запрещено оставлять комментарий, который содержит унизительные высказывания или призывы к насилию по отношению к отдельным лицам или группам людей на основании их расы, этнического происхождения, вероисповедания, недееспособности, пола, возраста, статуса ветерана, касты или сексуальной ориентации.
  • 2. Просьба отказаться от оскорблений, угроз и запугиваний.
  • 3. Просьба отказаться от нецензурной лексики.
  • 4. Просьба вести себя максимально корректно как по отношению к авторам, так и по отношению к другим читателям и их комментариям.

Надеемся на Ваше понимание и благоразумие. С уважением, администратор kniga-online.


Прокомментировать
Подтвердите что вы не робот:*
Подтвердите что вы не робот:*