2.3Разработка дизайна
Работа над дизайном сайта начинается с разработки цветового и графического решения ресурса, расположения его основных элементов. На данном этапе мы анализируем цели создания ресурса, собственный стиль сайта, целевую аудиторию и на основе полученной информации предлагаем различные варианты оформления страниц.
Практически всегда путешествие по сайту начинается с посещения главной страницы, она является лицом ресурса. Дизайн сайта начинается с разработки концепции оформления главной страницы, поскольку чаще всего все страницы портала оформляются в едином стиле, что обеспечивает удобство в навигации по сайту и легкое восприятие информации.
Следующим этапом в разработке комплексного дизайна Интернет-сайта является оформление внутренних, или второстепенных, страниц. Они также должны быть интересны для посетителя, иметь оригинальный внешний вид и в то же время сохранять визуальную целостность всего ресурса. Внутренние страницы сайта несут основную информационную нагрузку. В исключительных случаях пользователь получает всю необходимую ему информацию на главной странице. Грамотный дизайн внутренних страниц портала помогает посетителю находить и усваивать нужную информацию. [10]
Важным этапом в процессе проектирования дизайна сайта является правильный выбор цветов. Цвет, безусловно, является важным источником эмоции. Цвета могут устанавливать правильный тон и передавать необходимые эмоции посетителям, могут взволновать, вызвать множество чувств и стимулировать к действиям. Он является чрезвычайно мощным фактором воздействия на пользователей. При выборе цветовой гаммы для сайта, важно сделать это правильно, руководствуясь основными принципами теории цвета. Теперь посмотрим, какие чувства может вызвать каждый цвет и посмотрим на некоторые готовые решения:
Красный - в основном связан с азартом, смелостью и желанием. Красный цвет любви, силы, энергии, лидерства и волнения. Это сильный цвет, и обозначает также некоторые негативные эмоции: опасность, тревогу.
Голубой - терпение, мир, спокойствие, надежность, любовь, стабильность. Один из самых любимых цветов, особенно у мужчин. Это связано со стабильностью и глубиной, профессионализмом, доверием.
Желтый - цвет, который чаще всего ассоциируется с живостью. Энергичный, дает ощущение счастья. Кроме того, он ассоциируется с любопытством, развлечением, радостью, интеллектом, осторожностью.
Оранжевый - бодрость и творчество. Ассоциируется с дружелюбием, уверенностью, игривостью, мужеством, стойкостью.
Фиолетовый - традиционно ассоциируется с властью, благородством и богатством. Мудрость, независимость, благородство, роскошь, честолюбие, достоинство, магия и тайны.
Зеленый - цвет гармонии, природы, исцеления, жизни, питания и здоровья. Кроме того, часто связан с деньгами.
Коричневый - цвет релаксации и уверенности. Коричневый означает приземленность, природу, долговечность, комфорт, надежность.
Серый - вызывает чувство серьезности, консерватизма и традиционализма. Возбуждает ощущение чистоты и невинности.
Розовый - выражает нежность, романтичность, женственность, пассивность, привязанность, воспитание, слабость.
Черный - стильный и элегантный цвет, связан с властью, изысканностью. Также отметим, чтобы сайт не вызывал тяжелые чувства, необходимо стараться не использовать его в большом количестве. С другой стороны, если сделать черный фон, он может увеличить перспективу и глубину.
Белый - связан с чистотой, простотой, свежестью, добротой, невинностью.
Существуют некоторые общие полезные советы, которые помогут в выборе правильной цветовой схемы для проектируемого сайта. Эти маленькие советы широко используют профессиональные web-дизайнеры:
если необходимо, чтобы текстовое содержимое было легко читаемым, следует выбирать контрастные цвета;
нужно выбрать оптимальное количество цветов, не следует делать из сайта «цирк»;
также важно использовать достаточное количество цветов, минимальное количество цветов может способствовать «серости» сайта;
если нужно привлечь посетителя следует применять интенсивные цвета;
можно найти дополнительные цветовые схемы из наблюдений за природой – естественные цвета смотрятся привлекательно и органично. [11]
На основе всего вышесказанного было решено использовать сочетание четырех цветов: оранжевого, желтого, белого и коричневого. Для этого в проекте будет использоваться так называемый шаблон Joomla! – «YT STEAM» от YOOtheme представленный на рисунке 8.
Рисунок 2 – Шаблон «YT STEAM» от YOOtheme
Придерживаясь данной цветовой схемы и шаблона для лучшего соответствия требованиям проекта и улучшения функциональности переработаем шаблон следующим образом: шапка сайта, совмещающую в себе главное навигационное меню, RSS-ленту, логотип спонсора и рубрики; основное поле с информационной колонкой; боковую панель с логотипом спонсора, дополнительным навигационным меню и виджетами (служат для того, чтобы добавить сайту разнообразные функциональные возможности); подвал сайта с логотипом спонсора и счетчиками посещений.
Схема переработанного шаблона представлена на рисунке 3
Рисунок 3 – Схема страницы