Главная » Материалы » IT info » Полезные советы

---

Цветовая гамма или как подобрать цвета сайта.

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

Давайте посмотрим как различные сочетания цвета изменяют внешний вид ресурса при одном и том же шаблоне сайта.

Информация в виде текста воспринимается лучше на светлом фоне. Идеальный вариант – это белый фон и черный текст. Не забывайте об этом при подборе шаблона сайта для проекта.

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

На примере стандартного шаблона Default, входящего в сборки WordPress до 3.0 посмотрим как можно изменить дизайн.

В любом шаблоне(теме) есть папка image, где находятся изображения, отвечающие за внешний вид. Нас будут интересовать header- шапка сайта и bgcolor- задний фон.

Откроем папку с WordPress – wp-content – themes – Ваша тема – image и найдите изображение шапки сайта. [Обычно это header.jpg(png,gif)]

Откроем этот файл в графическом редакторе (Вы можете использовать любую программу, но я советую использовать Photoshop, не только из-за его возможностей, а еще и умением оптимизировать графику под Website – Сохранить как Web. Если нет опыта работы с графическим редактором используйте советы сайта Photoshop-master. Используйте свою фантазию – измените цвет, добавьте логотип, название вашего проекта и сохраните новое изображение в том же формате(jpg,png,gif).

Главное не изменяйте размеры!

После изменения шапки(header) следует подобрать задний фон. Цвет фона задает файл bg.jpg папки image шаблона. В разных темах этот файл может иметь другое название, но обычно это bg.(jpg,png,gif). Посмотрите на примерах как изменяется внешний вид простого шаблона Default при элементарной замене двух файлов. По умолчанию он имеет внешний вид.

Больше экспериментируйте и приобретайте навыки.