Дизайн сайта. Как подобрать палитру цвета для сайта.

Цветовая палитра сайта

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


Дизайн сайта.

Не раз я попадал на сайты, которые, не смотря на качественный контент, хотелось поскорее закрыть. Это происходило из-за режущего глаз оформления. Попадались и такие сайты, где в поисках необходимой информации я просто мог заблудиться. В итоге я уходил, так и не найдя того, что искал. Далее я приведу несколько скриншотов, на которых сайты, выполненные в стиле аля Леди Гага. Я понимаю, что абсолютно одинаковых предпочтений быть не может, но есть же какое-то общее понятие гармонии. Такие сайты-фрики встречаются частенько, и, глядя на них, любой посетитель понимает, что автор ресурса скорее не опытный юзер и содержание сайта ставится под сомнение.

Каким должен быть сайт.

Давайте разберем все по косточкам.

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

Судите сами, сайт, ориентированный на детей, будет отличаться от сайта для взрослых не только содержанием, словооборотом подачи текста, но и дизайном. Если смотреть глубже, то для детей до 12 лет и для подростков от 12 до 18 отличия тоже будут. Про разницу между мальчиками и девочками я и говорить не буду. Вряд ли парень в 16 лет будет бродить по сайту в розовом цвете с логотипом кошечки и перечнем модных брендов косметики. Хотя…

Теперь конкретно о дизайне сайта.

Подбор цветов.

Как известно, некоторые цвета сочетаются, некоторые нет.

Как правильно подобрать цветовой набор для сайта?

Подбор цветовой палитры

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

Существует правило трех цветов. Подбираются три основных цвета гармонирующих друг с другом, и далее используется только лишь комбинации из их оттенков.

К примеру:

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

ОтвлеклисьСкажу вам честно, у меня проблем с подбором цветовой палитры никогда не было, так как с детства люблю рисовать и чувство цветовой гармонии развито от рождения, зато вот писать как следует не получается. Иногда как закручу мысль, что самому потом хр*н разобраться под силу. )

Отвлеклись…

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

Хочу сразу сказать, что белый и черный — это самые «толерантные» цвета, которые можно комбинировать с любыми другими.

Вот пара примеров сочетаний цветов:

Желтый, голубой, белый.

Черный, оранжевый, желтый.

Фиолетовый, синий, голубой (казалось бы тональности, но нет, это абсолютно разные цвета. Как пример — радуга.)

Софт в помощь

{loadposition Poz2}

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

 

Еще один прекрасный способ найти идею дизайна сайта — это оглянуться вокруг. Мать природа все уже сделала за нас. Посмотрите на закат, красиво ведь! Так почему бы не взять цвета заката для сайта романтической тематики? Или, например, цвета осеннего парка подойдет для эссейного блога.

Еще могу посоветовать плагин для браузера firefox, который поможет определить вам цвет в любой точке экрана. Называется этот плагин: ColorZilla.

Экспериментируйте и вы найдете что-то свое — уникальное. Кстати, в разделе полезные программы вы можете найти еще много полезного софта.

Как подобрать шрифт для сайта.

Дизайн сайта, это не только цветовая составляющая, это и подбор шрифтов.

Самым верным решением для набора шрифтов, использовать один — максимум два шрифта, иногда применяя курсив и жирность.

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

Как правило, подбирается читабельный шрифт, как, например, на этом сайте я использую шрифт verdana размером 10 для основного текста.

Расстояние между строками и рядом стоящими символами должно быть оптимальным для восприятия глаз. Что бы прочитать абзац человек не должен напрягать зрение и терять строку при переходе взгляда на новую.

Оформление шапки. Шапка в шаблоне сайта играет немаловажную роль. Это его визитка, по которой запоминается сайт в большинстве случаев.

Что должно быть в шапке сайта?

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

ОтвлеклисьВообще я советую всем при разработке собственного шаблона для сайта воспользоваться программой Артистер, о которой у нас есть статья. С ее помощью можно создать шаблон практически для любой cms. Если вы, по каким-то причинам, не хотите воспользоваться этой программой как инструментом создания шаблона, то она подойдет для того, что бы наглядно подобрать дизайн. В программе есть множество настроек, готовых цветовых палитр и стилей. Читайте подробности в статье по ссылке выше.
Также можно просто «слямзить» идею с уже существующего сайта. Пройдитесь по интернету, и вы найдете то, что вам будет по душе.


В одной из следующих статей, мы рассмотрим структуру шаблона.

А так делать нельзя!!!!!

самые страшные сайты

страшный сайт
Самый страшный дизайн сайта

 

Be the first to comment

Leave a Reply

Ваш электронный адрес не будет опубликован.


*