Веб-дизайн
Шрифт:
Главное свойство текстуры текста — это ее плотность, насыщенность, уровень серого. Этот параметр сильно зависит от кегля (мелкий шрифт кажется темнее), интерлиньяжа и выбора начертания шрифта. Чтобы не вводить отвлекающих темных пятен, для выделений в тексте лучше пользоваться не полужирным, а курсивом или (в русских текстах) разрядкой.
Варьирование плотности текстовых блоков позволяет разнообразить ритм восприятия и эффективно балансировать композицию. Но здесь, как и во всем остальном, нужно соблюдать принцип достаточного различия (стр. 153) — разница в плотности элементов
Единство
Возможно, эту главу логичнее было бы начать с обзора общих принципов дизайна и только потом перейти к рассказу о материалах, из которых строится дизайн–композиция. Я поменял эти две части местами прежде всего для того, чтобы избежать беспредметности в теоретических рассуждениях. Почти все обсуждаемые ниже принципы уже упоминались, когда речь шла о форме, цвете, текстуре, шрифте; здесь нам нужно будет лишь обобщить сказанное и проиллюстрировать некоторыми примерами.
Самый важный, на мой взгляд, принцип, с которого я хотел бы начать, — это принцип единства, целостности и экономии средств. Формулировки этого принципа многочисленны и разнообразны: тут и «талант — это, прежде всего чувство меры», и «не вводи лишних сущностей», и даже «висящее на стене ружье должно выстрелить». Все это — об одном и том же: всегда старайтесь пользоваться только тем, что уже введено в вашу композицию, экономьте, одергивайте себя и никогда не старайтесь добавить украшений по принципу «чтобы повеселее смотрелось». Коротко говоря, «если можешь не писать — не пиши».
Принцип этот удивителен тем, что необычайно плодотворен — несмотря на то, что формулировка его абсолютно отрицательна (т. е. говорит лишь о том, чего делать не надо). Я хорошо понимаю, что подчас воздержание тяжелее любой работы — да и просто обидно запрещать себе делать то, что ты, как тебе кажется, умеешь делать не хуже других. Но факт остается фактом: только научившись видеть — и создавать — красоту простоты и одинаковости, можно позволить себе разнообразие и «поэтические вольности».
Таким образом, важнее всего этот принцип именно для начинающих дизайнеров — хотя, увы, как раз они чаще всего против него и грешат. Вот еще две подходящих к случаю сентенции, за резкость которых я заранее прошу прощения, но привести которые все же хочу: «не зная языка, лучше помалкивать» или даже «молчи — за умного сойдешь».
Content is king. Хорошо, скажете вы, но если ничего нельзя, то что же тогда можно? Чем пользоваться для оформления заголовков, иллюстрации, кнопок навигации? Нельзя же просто взять и покидать весь материал на страницу, не задумываясь о красоте?
Само собой, нельзя. Дизайн есть работа, и работа нелегкая — часто размещение и оформление материала отнимают больше времени, чем даже его написание. Но вы должны осознать одну простую вещь: введение в композицию нового элемента в подавляющем большинстве случаев требует не «украшения»,
Конечно, я преувеличиваю. На самом деле только исходный материал — сам текст и иллюстрации, а также связи и зависимости частей будущего сайта — и может быть источником той логики и структуры, которую вы должна сделать видимой средствами дизайна. Или, по крайней мере, так должно бы быть в идеале. На практике же дизайнеру сплошь и рядом, прежде чем приниматься за оформление, приходится выполнять несвойственную ему функцию редактора и приводить в систему ворох более чем разнородного материала. И точно так же как «приведение в систему» есть не что иное, как уменьшение до минимума числа категорий и групп, на которые разлагается содержимое, так и дизайн есть по большей части сведение к минимуму набора средств, нужных для оформления этого содержимого.
Академический стиль. Подход, при котором оформление документа полностью определяется его структурой, совсем не оригинален. Точнее, он именно оригинален в смысле английского «original» — ведь именно структура документа, а не его внешний вид, и является объектом разметки в HTML согласно официальной идеологии этого языка (стр. 22), положенной в основу самой первой его версии. HTML предназначен именно для разметки логической, а не визуальной структуры; внешний же вид документа в броузере есть лишь побочный эффект логической разметки.
Правда, достаточно строго этот принцип соблюдался только в первые годы жизни языка. Впоследствии в HTML было введено множество визуально–ориентированных средств, не имеющих никакого структурного значения и употребляемых исключительно для управления внешним видом документа в графической среде (тег FONT — самый известный пример). Граница между «логической» и «визуальной» эпохами в истории HTML проходит приблизительно между версиями HTML 2.0 и 3.2 (о том, почему не 3.0 и не 3.1, см. стр.23). В последней на момент написания книги версии 4.0 выделено самодостаточное подмножество структурных тегов (так называемый Strict DTD, стр.49).
Это значит, что, ограничившись структурной частью тегового репертуара HTML 4.0 (или, что почти то же самое, HTML 2.0), вы сможете, совершенно не думая об оформлении и не тратя времени и денег, получить для своего документа вполне логичный, последовательный и строгий дизайн. Да, это тоже дизайн, — и, ей–богу, он гораздо лучше того, что выдается за дизайн на многих любительских страницах! Параметры оформления (шрифты, отступы и т. п.) для основных логических тегов HTML брались все же не с потолка, и положиться на вкус того, кто их выбирал, во многих случаях проще и надежнее, чем пускаться во все тяжкие самому.