Дизайн для Веб
Как разрабатывается графический веб-дизайн.
Что такое графический веб-дизайн - это деятельность, которая является частью большого процесса изготовления веб-сайтов. При их разработке веб-дизайн играет не малую роль. Он включает в себя прежде всего структурирование информации выделение смысловых частей сайта с целью их правильного графического оформления, и собственно визуальный дизайн.
Графический веб-дизайн исполняет несколько функций.
Во-первых, дифференцирует, то есть помогает отличить одну компанию от другой.
Во-вторых, информирует, донося идею сайта.
В-третьих, эмоционально воздействует, работая с посетителем на уровне чувств, так как увидев привлекательно представленную информацию, посетитель сайта скорее всего запомнит ее на большее время.
Перед тем, как приступать разработке графическгого дизайна, необходимо создать (желательно с клиентом) концептуальную модель расположения элементов.
Существует много разновидностей таких схем. Самые популярные из них:
- две колонки, меню расположено слева, текст справа – «Классическая»
- две колонки, меню расположено справа, текст слева – «Классическая зеркальная»
- три колонки или просто текст по средине - «Портальная»
Но на сегодняшний день достаточно часто применяется расположение элементов в 4 и более условных колонок. Такое расположение прежде всего связано с тем, что минимальное разрешение мониторов растёт и если раньше дизайнер был вынужден рассчитывать максимальную ширину шаблона на 800, а иногда и на 640 точек, то сейчас стандартной становится ширина в 1024 точки и в разных местах страницы текст может быть как одноколоночным, так и 4-х колоночным, что обеспечивает более эффективное использование площади экрана и повышает удобство для пользователя. Так называемое «юзабилити»
Юзабилити, в общем смысле, – это удобство пользования. Ориентация на юзабилити при разработке сайта упрощает для пользователя ориентирование по сайту, «настраивает» его на максимальное психологическое и эстетическое удобство. Для того, чтобы убедиться в том, что сайт «комфортен», часто проводят тесты на юзабилити.
Не стоит забывать и о расположении ключевых элементов самого сайта, которые должны воздействовать на пользователя. Например, известно, что областью наибольшего внимания пользователя является левая часть. Поэтому там часто можно увидеть либо основные ключевые элементы управления сайта (для удобства пользователя), либо графическую или контекстную рекламу (для повышения эффективности).
Немаловажным этапом при разработке графического веб-дизайна является подбор цветовой схемы. В зависимости от тематики и аудитории она может (и должна) отличаться. Кроме того, над пользователями довлеют устои, которые и говорят ему, как должен выглядеть тот или иной сайт. Бизнес-сайты чаще всего будут выполнены в строгой или спокойной цветовой гамме («деньги любят тишину»), а молодежный портал, напротив, будет ярок и цветаст.
После того как определена цветовая гамма, начинается разработка графического шаблона (макета) главной и внутренних страниц.
При разработке графической части дизайна веб-страницы необходимо стремиться к разумному балансу между внешней привлекательностью и общим объёмом графики. Несмотря на стремительное развитие отрасли, многие из посетителей всё ещё пользуются модемными соединениями для выхода в Интернет, и не будут ожидать открытия сайта слишком долго. Не стоит забывать и про пользователей мобильных устройств, которые также не всегда могут воспользоваться широкополосным подключением.
Также следует не забывать о графическом воплощении, - графика не должна быть визуально «тяжелой». В ней должны присутствовать легкость и изящество, но не пустота. При этом не нужно забывать о том, что графический дизайн – это не вещь в себе. Он должен дополнять и упрощать функциональность сайта.
При разработке графического дизайна любого сайта следует помнить, что графические элементы могут быть защищены авторским правом, что также необходимо учитывать при расчёте стоимости графического дизайна для веб. Благо, в наше время существует достаточно много «бирж» графических элементов, фотографий, рисунков, которые позволяют за разумные деньги подобрать графику для ваших сайтов, в том числе и для эксклюзивного (только на вашем сайте) использования. К ним можно отнести такие сайты как shutterstock.
Как только шаблон разработан можно смело переходить к следующему этапу – вёрстке макета для веб.
