дальше...

Путевые заметки веб-дизайнера

9-Aug-2002

 

* Планировка главной страницы сайта: трюк "1-2-3"

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

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

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

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

 

* Особенности национального веб-дизайна

Любой дизайн несет в себе отпечаток культурной традиции автора. Это касается всех областей дизайна, включая и Интернет. Побродите по лучшим сайтам разных стран, и вы станете замечать характерные особенности дизайна, присущие только данной культуре и образу жизни.

Американские сайты - это практичная во всем, одноэтажная Америка с высоты птичьего полета. Американские дизайнеры всегда очень умело используют пространство страницы: они умудряются поместить довольно много информации, но вместе с тем не создавать нагромождения и оставлять достаточно свободного (обычно белого) пространства, или как иногда говорят дизайнеры - "воздуха". Таким образом, характерные черты американских сайтов - это двумерность и очень практичное использование имеющегося пространства.

На российских сайтах преобладают "национальные" цвета - красный, синий и белый. Армянские дизайнеры любят оттенки розового - это цвет туфа, который в Армении всегда служил основным строительным материалом, а в последнее время - облицовочным. Житель российской глубинки отразит в своем дизайне равнинные просторы своего края, будет использовать даже неоправданно много "воздуха" на страницах. Житель же Еревана, напротив, не сможет отделаться от компактности, сжатости, и даже некоторого избыточного нагромождения элементов дизайна, что будет отражать стиль старого Еревана.

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

Если вы создаете многоязычный "интернациональный" сайт, то выберите американскйи стиль - это самый нейтральный и практичный стиль веб-дизайна.

 

* Свет мой, зеркальце...

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

Самыми выигрышными всегда являются фотографии с человеческими лицами. Причина проста, хотя и не так очевидна: человеческое лицо - это то, что мы видим больше любых других объектов. Большую часть времени мы разговариваем с людьми, глядя им в лицо. Даже одинокие, которые проводят много времени перед телевизором, так или иначе тоже видят человеческие лица в фильмах и в передачах. Уже не говоря о женщинах, которые проводят перед зеркалом изрядную долю своего драгоценного времени, рассматривая собственное лицо.

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

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

 

* Когда нет музы: стандартные цветовые решения

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

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

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

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

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

Красный цвет - это самый броский и самый выигрышный из всех цветов. Если вы используете этот цвет с умом, то он заставит посетителя надолго запомнить ваш сайт. Это не означает, что дизайн должен быть броским, пестрым и кричащим: не надо перегибать палку, поскольку сам красный цвет уже сделает свое дело за вас. Следует помнить, что красный агрессивен и сексуален, но вместе с тем он считается "теплым" цветом, в отличие, например, от синего, который ассоциируется с холодом и спокойствием. "Красному" сайту обычно не требуется никаких вторичных цветов: вполне достаточно белого фона и черного текста.

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

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


Ваше мнение?


--
Овик Меликян
hovik@melikyan.com

В начало блокнота © 2004-2007 Hovik Melikyan

дальше...