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