Кто такой «веб-дизайнер»

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

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

Что нужно знать, чтобы рисовать дизайн макеты веб сайтов

Сайт – это довольно сложный механизм, который представляет собой набор элементов выполненных по определенным стандартам. Несоблюдение стандартов и непонимание многих аспектов связанных с сайтостроительством может свести на нет весь смысл того, что называется «сайтом».

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

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

Отличие веб-дизайнера от дизайнеров другого типа

Веб-дизайнер – это специалист, который знаком и понимает проблемы следующих областей (рассмотрим только основные из них):

  1. Верстка HTML

    Без понимания как макет верстается на языке гипертекстовой разметки HTML рисовать дизайн сайта просто бессмысленно.

  2. Проблема отображения шрифтов и их использование на сайте

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

  3. Понимание особенностей фиксированной и «резиновой» (растягивающейся) верстки

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

  4. Понимание основ векторной и растровой графики

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

  5. Проблема использования фоновых изображений и крупных изображений в дизайне сайта

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

  6. Расположение элементов на сайте

    Веб-дизайнер должен владеть основами продвижения сайтов и понимать проблемы индексации сайта поисковыми системами. Даже Яндекс в своем разделе для Вебмастеров описал факторы оказывающие влияние на продвижение сайта, которые касаются исполнения на сайте  тех или иных элементов. Профессиональный веб-дизайнер никогда не сделает меню сайта таким образом, что его нельзя будет сверстать в дальнейшем простым текстом. Многие дизайнеры-иллюстраторы, которые берутся  за рисование макета  для сайта даже не подозревают, что выдумывая и изображая пункты меню небывалыми шрифтами и способами (по кругу, по диагонали и т.д). они лишают сайт будущего… такой сайт продвигать в сети будет очень сложно.

  7. Психология

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

  8. Взаимодействие с заказчиком

    Веб-дизайнер и Заказчик – это две правых стороны. Заказчик – всегда прав, но может быть далек от всех проблем и настаивая на своем «а сделайте это синим и крупнее» может просто не понимать, что именно этого никак нельзя делать. Веб-дизайнер – это некий виртуоз своего дела. Зная множество подводных камней веба, он стремится исполнить макет таким образом, чтобы сайт был красивым, но прежде всего был бы сайтом – рабочим, продвигаемым, безупречным инструментом бизнеса. Именно поэтому, часто, заказчик встречает своего рода сопротивление со стороны веб-дизайнера отказывающегося идти у него на поводу. Это довольно сложный вопрос. Но мы считаем, раз уж вы обратились в профессиональную студию и доверили ей дизайн своего сайта, прислушайтесь к мнению профессионалов. Та обезьянка или бабочка которая, как вам кажется, все еще не идеальна на вашем сайте – это тупик. В большинстве случаев это никак не определяет работу вашего ресурса и его успех.

Вы все еще думаете, что вы или ваш дизайнер буклетов способен правильно нарисовать дизайн макета сайта без всех перечисленных знаний?

Наш вопрос станет ответом на то, почему мы не размещаем в нашем портфолио сайтов выполненных по макетам наших заказчиков.

Хотите все же рисовать дизайн-сайта сами? Тогда мы подготовили для вас следующие статьи. Они помогут избежать серьезных ошибок.