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

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

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

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

Начнем с того, что ответим на вопрос:
Зачем вообще нужно знать что такое веб-дизайн?

Дизайнеру: Если вы планируете работать веб-дизайнером, первым делом с чем вы столкнетесь — это заказчики, которые также не разбираются в понятиях и будут требовать от вас сделать не только дизайн сайта, но и верстку и программирование. Есть заказчики, которые и вправду не разбираются в понятиях и по незнанию просят от вас сделать больше, чем заплатили за вашу работу (обычно когда им все вежливо и доходчиво объяснишь — они соглашаются и либо перестают требовать от вас чего не должны, либо доплачивают). Но большая часть людей будет просто ушлая и пытаться вас поиметь, пользуясь вашей неграмотностью. Думаю лучше потратить чуть-чуть времени сейчас и разобраться в этом понятии чтобы знать, что вы должны а что нет, чем потом бесплатно делать работу, которую вы не должны делать.

Что такое веб-дизайн и зачем его изучать

Бизнесмену (заказчику):
Если вы будете выступать в роли заказчика и будете просить сделать под видом веб-дизайна и дизайн и верстку и программирование — то вы найдете только криворуких веб-мастеров, которые сделаю так, что с виду будет все нормально смотреться (обычно через разные движки muse, webflow и т.п.), но скорее всего все будет криво/косо отображаться на разных мониторах, браузерах, будет долго грузиться, плохо индексироваться поисковыми системами и прочие недостатки. Короче говоря, если вы как заказчик плохо разбираетесь в терминах — то найдете самых худших работников, не сможете составить правильное ТЗ (техническое задание) и проконтролировать, принять работу. И велик шанс что вас просто «нагреют на бабки» ушлые дизайнеры, цель которых просто срубить по быстрому бабла с «лохов-заказчиков».

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

Весь процесс создания сайта можно условно разделись на 3 составляющих:

Процесс создания сайта: веб-дизайн, верстка, программирование
1) дизайн/проектирование сайта — это как раз и есть веб-дизайн. Веб-дизайн включает в себя только графическую составляющую. На этом этапе все что мы имеем — просто картинку которую можно показать на компьютере, распечатать. Это еще не сайт, а просто визуализация того как он будет выглядеть в будущем. Если от вас заказчик требует большего — то объясните ему, что это уже не веб-дизайн и в ваши обязанности не входит.

2) верстка макета — это процесс когда берется грубо говоря «картинка» и как будто ножницами в специальной программе разрезается на маленькие кусочки. А потому с помощью специального кода «сшивается» и сайт уже можно посмотреть в интернете, но пока что там будет только текст и картинки. Максимум что возможно на таком сайте — читать текст, смотреть фото и переходить по ссылкам. Все. На этом функциональность заканчивается. И большинству сайтов этого недостаточно. Тогда уже на помощь нам приходит…

3) программирование сайта — это процесс написания специального кода на сайте, для того чтобы вы могли к примеру: зарегистрироваться на сайте, слушать музыку, смотреть фильмы, пересылать почту, комментировать записи, пользоваться поиском на сайте, получать рассылку новостей с сайта и т.д. Конечно я написал очень утрировано и наверняка, верстальщики и программисты закидали бы меня помидорами, но для обычного человека понять разницу проще именно на обычных примерах из жизни, поэтому, коллеги без обид 🙂

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

1) Первые, и таких большинство (по моим ощущениям около 95-99%) считают что веб-дизайн — это творчество.

Веб-дизайн это творчество

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

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

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

Так для чего нужен веб-дизайн?

Юзабилити в веб-дизайне
Во многих книгах и статьях вы увидите утверждение «для того чтобы пользователю было удобно пользоваться информацией». Впринципе, это верное утверждение, но это лишь промежуточный этап, а не сама цель. Это верно с точки зрения дизайнера. Но с точки зрения заказчика, владельца бизнеса — будет ли посетителям на сайте удобно или нет, ему фиолетово. И ни один бизнесмен не будет у вас заказывать дизайн только лишь для того чтобы его пользователям было удобно (хотя признаться иногда такие персонажи встречаются — я сам был таким:)) И я вас уверяю, что если бы неудобные сайты давали больше продаж — то все дизайнеры делали бы именно неудобные сайты.

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

Итак, давайте подведем краткий итог и все выше описанное уложим в одно предложение — чтобы вы могли его запомнить и имели правильные ориентиры для успеха в этой профессии:

Веб-дизайн: это графический способ повышения продаж сайта.

P.s. Вы можете со мной не согласится, это ваше право. Эта статья написана спустя 8 лет как я окончил колледж по специальности программист, работал как веб-дизайнером, так и верстальщиком. У меня маленький бизнес. Я был в каждой роли о который писал выше. Если вы примите мои убеждения о том, что такое веб-дизайн и будете упорно работать, то я гарантирую что вы добьетесь успеха. В любом другом случае вас ждет провал, либо…вы все равно придете к таким же убеждениям:)

P.p.s. Если у вас есть вопросы — пишите в комментариях, я буду дополнять эту статью ответами на ваши вопросы чтобы она получилась максимально полная и подробная.