Дизайн сайта - основные принципы качественного дизайна

В этой статье будут освещены основные понятия, на которые нужно будет опираться при оформлении внешнего вида сайта. Это не помешает знать, даже если Вы сами не будете разрабатывать сайт, так как надо приблизительно знать, что заказывать.
Сначала давайте определимся, какой дизайн должен быть у сайтов в зависимости от его тематики. Веб-сайты бывают самых различных видов и типов. Начнем по очереди, с самого распространенного типа сайтов, с личных страниц. Эти сайты представляют на всеобщее обозрение информацию об их владельцах, интересы, их мысли, увлечения, рассказы, собственным жизненным опытом, которым они хотят поделиться и т.п. Внешний вид таких сайтов, как правило, пестрит всевозможными графическими объектами и всякого рода динамическими эффектами, которые можно получить с помощью новейших графических программ и технологий. И при создании таких страниц автор считает, что подобным образом сайт будет очень популярен, а сам он достоин уважения и почитания. Но, к сожалению, подобное оформление в большинстве случаев страдает отсутствием какой-либо художественной мысли. И с точки зрения дизайна, это всего лишь куча «втыкнутых» на сайт бессвязных как между собой, так и с содержимым, графических рисунков и динамических эффектов. Для владельцев личных страниц, можно дать совет придерживаться более строгого оформления сайта и не располагать какую-либо шикарную графику или динамический эффект, только потому, что современные технологии позволяют сделать подобные вещи, а располагать ее потому, что она каким-либо образом связана с содержимым сайта. Это только подчеркнет суть излагаемого материала и действительно придаст интересный внешний вид сайту.
Рассмотрим следующие сайты, которые можно отнести к информационным, то есть веб-сайты созданные в основном для публикации на них каких-либо информационных материалов. В эту группу могут входить различные некоммерческие ресурсы – сайты различных общественных организаций, добровольных объединений, учебных заведений, университетов, новостные сайты и колонки обозревателей, развлекательные и образовательные ресурсы. Для таких сайтов содержимое превосходит по важности оформление. И обычно дизайн сводится к строгому стилю без ярких бросающихся в глаза красок и художественных приемов, и тем самым не отвлекая посетителя от того, зачем он пришел – от содержания сайта, его информационного материала. Учитывая, что большой объем графики значительно увеличивает время загрузки страницы, такие сайты сокращают время загрузки своих страниц. К тому же, на подобных сайтах, текстовое содержимое очень часто меняется, и придумать такой дизайн, который подходил для всевозможного содержимого довольно тяжело. Менять же постоянно внешний вид будет накладно с материальной стороны. Поэтому используют простой, выводящий на первый план текстовую информацию стиль оформления.
Следующий тип сайтов, который можно выделить, это сайты коммерческого направления. К ним относятся сайт-визитка фирмы, корпоративный сайт, Интернет-магазин и любой другой сайт основной задачей, которого является рекламирование какой-либо фирмы или компании, и как следствие получение прибыли. Содержание таких сайтов меняется сравнительно редко и вряд ли посетители будут часто приходить на неменяющийся ресурс. Поэтому оказать приятное впечатление на посетителя нужно внешним видом страницы. Дизайн таких сайтов должен быть уникальным и продуманным до мельчайших мелочей, чтобы не испортить впечатление у пользователя при первом его посещении. Даже больше, посетитель должен увидеть индивидуальный образ фирмы, запоминающийся и привлекательный. Чтобы возникали ассоциации надежной, уверенно развивающейся фирмы или компании.
Теперь, когда уже мы рассмотрели, какой должен быть дизайн, в зависимости от содержимого сайта, можно рассказать о самом дизайне. Но подробное рассматривание дизайна сайтов выходит за рамки данного ресурса, поэтому я освещу лишь то, что лучше не делать.
Самое первое, на что хочется обратить внимание, чтобы в окне браузера не было полосы прокрутки по горизонтали, если есть полоса прокрутки по вертикали. Это очень сильно раздражает, да и информацию очень трудно воспринимать. Посетитель скорей всего уйдет с такого сайта, даже не постаравшись понять, о чем он. В идеале вообще не должно быть полос прокрутки, даже по вертикали. Но последнее очень трудно выполнить, поэтому желательно ограничиться только полосой прокрутки по вертикали. Следующее на что следует обратить внимание, это используемые цвета и расположение контента на странице. Неплохо выполнить сайт не более чем в четырех цветах и их оттенках. Можно также выполнить в двух цветах или даже в одной цветовой гамме, используя разные насыщенности цвета для текста, фона и различных деталей декорации. Но нужно так подбирать цвета или насыщенность цвета в последнем приведенном случае, чтобы текст читался без проблем и между цветами соблюдался необходимый контраст. На счет наполнения сайта контентом, то тут следует «не перегибать палку». Чрезмерное насыщение сайта, помимо основного содержания, различного рода информацией, вроде новостных блоков, анонсов, всевозможной рекламы, относящейся к теме сайта и не относящейся, при достижении определенных объемов уже будет вредить сайту. Так как посетитель уже не сможет разобраться в назначении данного сайта, и вряд ли найдет то зачем он пришел. И впоследствии будет искать другой сайт, который сможет ему предоставить нужную ему информацию. Нужно располагать контент на странице так, чтобы при беглом осмотре страницы (за время приблизительно равное 10 секундам) было понятно, о чем сайт, что на нем расположено, и как осуществляется по нему навигация, то есть, чтобы ссылки (и меню навигации) на другие страницы или сайты были легко заметны. Так как посетитель, приходя в первый раз на страницу, не вчитывается в содержимое, а бегло его просматривает. А уже потом, после оценки сайта беглым взглядом, решает, изучать содержимое сайта дальше или его покинуть.
Основных принципов качественного дизайна сайта много, я не могу их здесь все описать, но скажу, что поначалу, чем проще, тем лучше. Нужно придерживаться одного стиля оформления на всей странице, например, выравнивание текста должно быть везде одинаковое во всех похожих блоках. Обращать внимание на мелочи, они очень сильно портят впечатление, если даже общее оформление приятное и интересное.