1.1.3 Дизайн вашего сайта

Конечно же, определенно должна существовать некоторая
связь между содержанием сайта и его внешним видом. Но все-
таки содержание играет в этом не определяющую роль. Прежде
всего главная задача любого дизайна сайта — это эстетически
приятный его вид и, между тем, удобный в его использовании.
Поэтому рассмотрим по пунктам основные особенности, на
которые при выборе оформления сайта вам необходимо обяза-
тельно обратить свое внимание.
Для начала познакомимся с таким понятием, как юзаби-
лити.
В наше время существует огромное количество сайтов,
поэтому и требования к сайту сейчас тоже очень большие.
Важным показателем в оценке сайта является так называемая
его дружественность для пользователя. Да, это не описка, сей-
час именно «дружественность» является вполне определенным
показателям. Этот показатель имеет еще одно распространен-
ное название — юзабилити (Usability). Ведь, скажем, если вы
сделаете фон синим, то любой посетитель будет видеть именно
синий цвет, только воспринимать его все посетители будут
по-разному. Кому-то этот цвет будет нравиться, кому-то нет.
Как же угодить всем? Для этого, прежде всего, необходимо со-
блюдать некоторые обязательные правила, которые помогут
сделать ваш сайт приемлемым для любого посетителя. Правила
эти следующие:
1) одно из главных правил заключается в том, что на вашей
странице ничего не должно сливаться, чтобы все можно было
легко разглядеть. Для этого требуется, чтобы соблюдалась
конт растность, т.е. строгое разграничение между фоном и
текстом, а также между фоном и всеми рисунками, таблицами
и другими изображениями на странице;
2) строгие требования, несмотря на кажущуюся простоту,
предъявляются к фону. Он ни в коем случае не должен быть
прозрачным, к тому же он должен быть цельным, без каких-
либо разрывов. Если в качестве фона вы используете какой-то
рисунок, то особенно нужно проследить за тем, чтобы он всегда
располагался позади текста, рисунков и т.п.;
3) на что еще надо обратить внимание, так это на цвето-
вую гамму вашей интернетовской страницы. Количество цве-
тов не прямо пропорционально качеству страницы, поэтому
не надо с ними перебарщивать. Специалисты уверяют, что
на одной странице одновременно можно применять не более
5 цветов. Только и здесь не надо чрезмерного фанатизма, если
вы используете какие-то рисунки, не стоит в каком-нибудь
CorelDraw или другой программе переделывать их в черно-
белые, трехцветные и т.п. Нет, это относится к основному
стилю вашей страницы, а используемые рисунки пусть так
и остаются многоцветными;
4) очень хорошо, когда все цвета вашей страницы выдер-
жаны в одной гамме, т.е. подходят друг другу. Ведь согласитесь,
зеленый цвет на красном фоне (или наоборот), скорее всего,
будет выглядеть раздражающе. Если вы в этом не специалист
и считаете, что у вас плохой вкус, вы не справитесь с такой за-
дачей, как выбор правильных цветов, то мой вам совет: «наблю-
дайте», «изучайте», «делайте выводы». Что это значит. В вашем
распоряжении огромная «всемирная паутина», вам просто надо
проследить, какие сайты вам нравятся, какие сайты вообще
наиболее популярны в сети и какие цвета и их сочетания ис-
пользуются при их оформлении. Если же и это вам не помогло и
вы думаете, что все-таки у вас до сих пор ничего не получается,
то переходите к следующему пункту; 5) очень часто наиболее удобно и даже с некоторой сто-
роны выгодно использовать такую цветовую гамму сайта,
которая будет каким-то образом связана с его тематикой, или
же исходить из того, на какую аудиторию ваш сайт рассчитан.
В основном это относится к каким-то узконаправленным сай-
там. К примеру, вы создали сайт фанатов футбольной команды
«Динамо». Думаю, что если вы используете при этом красно-
белое оформление, то фанаты вас неправильно поймут, а вот
сочетание белого и синего цветов будет радовать глаз любого
динамовца. И уж поверьте, он к вам не раз вернется. А мо-
жет быть, и обратит внимание на рекламные ссылки, за счет
которых вы будете получать прибыль. А вот если вы решили
создать сайт, посвященный, скажем, эмо-течению в музыке, то
вам просто не обойтись без черного и розового цветов. Я думаю,
вы уловили основную мысль;
6) другое дело, если каких-то определенных цветов нет,
как в случае сайта о «Динамо» или «эмо», тогда еще один па-
раметр, исходя из которого, вы можете ориентироваться. Этим
параметром является возрастная категория основных посети-
телей вашего сайта. Если вы создаете сайт для людей, напри-
мер, пенсионного возраста, то вы должны быть готовы к тому,
что у большинства из них проблемы со зрением, вот почему
желательно использовать более яркие цвета, контраст между
цветом и фоном должен быть высоким, буквы не должны быть
ни в коем случае мелкими. Помните, никому не нравится щу-
риться, а уж людям преклонного возраста — тем более;
7) если вы просто хотите донести до людей какую-то ин-
формацию, без чего-то лишнего, то лучше всего (так сказать,
безотказный вариант) использовать черный текст на белом
фоне. Это сочетание все воспринимают одинаково хорошо;
8) еще несколько слов по поводу выбора стиля текста. Во-
первых, что касается выбора шрифтов. Конечно, вы можете уди-
вить своих посетителей тем, что представите на их суд какой-
нибудь редкий, очаровательный (как вам кажется) шрифт. Но
здесь вас, скорее всего, ждут подводные камни, причем очень
серьезные. Если вы смогли достать где-то этот шрифт, то совсем не факт, что ваш посетитель также где-то его заполучил,
или вообще у него возникла такая мысль. Поэтому вместо ва-
шего редкого шрифта у себя на компьютере он сможет увидеть
(если вообще хотя бы что-то увидит) только какие-нибудь ие-
роглифы, которые вряд ли захочет переводить. Поэтому лучше
всего остановиться на стандартных шрифтах, представленных,
скажем, в наборе Microsoft Word. Тот же самый полюбившийся
Times New Roman еще никто не отменял;
9) еще одно правило, которое относится к тексту вашей
страницы, заключается в выборе его цвета. Мы уже выяснили,
что цвет текста, с одной стороны, не должен сливаться с фоном,
а с другой стороны, должен подходить к нему по стилю. Но это-
го, опять же, учитывать мало. К несчастью, в природе есть так
называемые плохо воспринимаемые человеческим глазом цве-
та. К примеру, если желтый фон очень даже приемлем, то вот
написанный с использованием желтого цвета текст — это уже
ошибка. Все дело в том, что желтый цвет, так же, как и голу-
бой, оранжевый и другие, как раз относится к цветам, которые
плохо воспринимаются. Их не следует использовать в качестве
цвета текста. За исключением, может быть, вариантов, если
текст очень крупный. В этом случае, даже если он желтый, его
трудно будет не заметить;
10) стоит отдельно остановиться на таком коварном цвете,
как серый. Его тоже не очень любят веб-дизайнеры. Нет, ко-
нечно, я не запрещаю вам его использовать, применяйте его,
если вам он нравится, но вот для оформления какой-то особо
важной информации его лучше не употреблять. Ведь не зря же
пошло такое выражение, как «серая мышка». А вы же совсем
не хотите сделать из своей важной информации нечто такое же
незаметное, не привлекающее особого внимания;
11) но не только цвета по отдельности могут создавать по-
мехи в правильном восприятии вашей страницы, но и, собираясь
в группы, они способны причинить вред. Можно составить целый
«черный список» нежелательных, точнее сказать, ни в коем
случае не рекомендуемых к применению сочетаний цветов. Да,
может быть, их и можно использовать одновременно на одной странице, но только не так, чтобы они шли последовательно. Таких
сочетаний много, учитывая, как много оттенков у каждого цвета.
Пожалуй, основными являются такие «неприятные» для глаза,
особенно в каких-то изображениях, цвета, как красный и синий;
синий и желтый очень не подходят для создания диаграмм и т.п.
Итак, как мы видим, определяющим при выборе дизай-
на веб-страницы является выбор цветовой гаммы. Если вы
все-таки остановились на каких-то цветах, оформлениях,
но по-прежнему не уверены на тот счет, что посетители это
оформление примут «на ура», то следующий совет — для вас.
Существует один простой метод проверки. Он заключается
в том, что вы должны вашу страницу, а точнее ее цветовую
гамму, отразить в режиме 256 оттенков серого цвета, после чего
применить и простой черно-белый вариант. Такие нехитрые
действия позволят вам сделать следующее: как бы сокращая
спектр цветовых возможностей вашей страницы при выборе
этих режимов, вы тем самым исключаете все те избыточные
цветовые эффекты, по поводу которых вы не уверены, вос-
примет ли их посетитель. Теперь-то вы можете оценить, что
случится, если этих эффектов посетитель все-таки не увидит,
какой предстанет (приблизительно, конечно) перед ним ваша
страница, можно ли в этом случае в ней хорошо ориентиро-
ваться и разобраться, а также совершить именно те действия,
которые вы ждете от ваших посетителей.
На этом мы закончим обсуждение цветового выбора,
а перейдем к другим дизайнерским, в некотором смысле этого
слова, задачам.
Остановимся на оформлении ссылок. Как мы знаем, приня-
то подчеркивать ссылки, т.е. уже как бы «на автомате» что-то
подчеркнутое мы начинаем воспринимать как ссылку. Но сейчас
все чаще дизайнеры отходят от этой традиции, стремясь как-то
выделиться, а также для того, чтобы не нарушить общий стиль
сайта. Но все-таки люди еще не скоро отойдут от привычки ви-
деть ссылки подчеркнутыми, поэтому неподчеркнутую ссылку
и не будут воспринимать как ссылку. Так что все-таки лучше
их подчеркивать. Как уже говорилось, скорее всего, ваш сайт будет состоять
не из одной страницы, а из нескольких. Вот почему вам необ-
ходимо воспользоваться так называемой панелью навигации.
Это поможет вашим посетителям лучше ориентироваться и
перемещаться на вашем сайте.
Очень удобно использовать такие «кнопки», как «нажмите
здесь», «нажмите тут», «нажмите сюда» и т.п. Но некоторые
веб-дизайнеры иногда так увлекаются, что перебарщивают
с ними. Постарайтесь не совершить ту же ошибку, а то ваши
посетители так и не смогут определиться, куда же им все-таки
жать. Вот почему для того, чтобы им было полегче, кроме слов
«нажмите здесь», пишите и пояснение, для чего им здесь надо
нажимать, чтобы они могли решить, надо им это или же нет.
То есть, если, к примеру, ваш сайт посвящен продаже книг
и ссылка указывает на приобретение книги, то вместо слов «на-
жмите здесь» напишите «нажмите здесь, чтобы купить книгу».
Итак, мы выяснили, что дизайн вашего сайта играет
чрезвычайно важную роль в привлечении вашей аудитории.
Да, встречают по одежке, это мы выяснили. Но не стоит забы-
вать, что провожают-то по уму. Вот почему все-таки на первом
месте стоит информационное наполнение вашего сайта. О том,
как правильно его подобрать, что будет лучше «продаваться»,
где искать нужную информацию, а также о многом другом вы
прочтете в следующем разделе.