Найти тему

Так ли страшен веб-дизайн как его малюют?

Всем привет! :)

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

Тот самый проект моих творческий мучений.
Тот самый проект моих творческий мучений.

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

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

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

Дизайнер/художник и обычный человек :)
Дизайнер/художник и обычный человек :)

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

А теперь представьте другой магазин. Однотонные пастельные стены, манекены только на витрине и специальных площадках, на каждом ряду стеллажей крупными буквами написано: тут платья, там рубашки, а вон там подальше джинсы. Висят вывески, где искать кассы, а где примерочные, расстояние между рядами не заставляет вас толкаться с другими покупателями. Как думаете, в каком магазине приятнее находиться? Вот и с сайтами так же.

Котики прекрасно описывают мою мысль, поэтому оставлю это здесь :)
Котики прекрасно описывают мою мысль, поэтому оставлю это здесь :)

На самом деле все очень просто. Первый магазин акцентирует внимание на своем интерьере, и в ход идет сразу все для привлечения внимания покупателей. А вот во втором магазине акцент ставится на свои товары, и его главная задача — сделать шоппинг максимально комфортным. Точно так же и хороший сайт: он красивый и лаконичный, но он не должен перетягивать на себя внимание.

Посмотрим на примере моего проекта.

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

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

Для пущей наглядности, да и картинка хороша.
Для пущей наглядности, да и картинка хороша.

Еще если смотреть внимательно, то можно увидеть, что поменялся цвет шрифта и сам шрифт. Хорошая читабельность гораздо важнее необычного, пусть и более интересного цвета.

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

Вот так выглядит техническая сторона вопроса. Он же UI-kit.
Вот так выглядит техническая сторона вопроса. Он же UI-kit.

Часто приходится работать не только в качестве веб-дизайнера, а придумывать еще логотип и стилистику, фирменные цвета, "айдентику" продукта. И хорошо, если у заказчика есть философия бренда или хотя бы какие-то мысли по этому поводу.

Тут я отталкивалась от принципа "чем проще, тем лучше".
Тут я отталкивалась от принципа "чем проще, тем лучше".

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

Мне нравится использовать в таком виде, для наглядности.
Мне нравится использовать в таком виде, для наглядности.

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

А это моя пушистая вредная Муза пришла помогать доделывать проект. Первый помощник :D
А это моя пушистая вредная Муза пришла помогать доделывать проект. Первый помощник :D

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

Буду рада конструктивной критике, мнениям, впечатлениям.

Спасибо за внимание ;)