30 лучших курсов по дизайну с нуля

Школа онлайн образования «LOFTSCHOOL»

Онлайн курсы: веб-дизайнер.

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

За 6 недель интенсивной работы вы изучите основные направления работы веб-дизайнера и пройдёте путь от идеи проекта до его реализации.

На курсе будут рассмотрены hard-skills веб-дизайнера: типографика, визуальный образ проекта, работа с графикой и шрифтами, прототипирование. А также за время курса вы научитесь работать с основными инструментами веб-дизайнера (Photoshop, Sketch/Figma, Redymag).

Чему вы научитесь, пройдя курс:

• Проектированию интерфейсов. Одна из главных задач дизайнера — создавать удобные продукты, соответствующие потребностям и запросам людей, причем не только компаний-заказчиков, но и конечных пользователей. В ходе курса разберете, что такое пользовательский опыт, информационная архитектура и прототипирование, научитесь создавать вайфреймы и скетчи.
• Работе с визуальной составляющей проекта. Разберете на практике, что значит «поиграться со шрифтами»: вам расскажут, как шрифт влияет на позиционирование бренда. Объяснят, как цвет и свет формируют восприятие, что такое основные и акцентные цвета. Разберете основы композиции, пропорции, модульность и научитесь работать с сетками.
• Созданию иконок и подбору иллюстраций. Обязательно поговорите про иконографику и разберете примеры: когда иконки в проекте нужны, а когда нет. Начнём создавать иконки и иллюстрации самостоятельно, а также подбирать на фотостоках именно то, что нужно.
• Работе с текстами и смыслом. Веб-дизайнер не только создаёт облик проекта, но и заботится о его содержании. На курсе научат работать с текстом: собирать данные, структурировать их и редактировать, а при необходимости — писать «с нуля». Покажут, как правильно использовать экранную типографику, и отточите навыки на реальных задачах.
• Работе с основными инструментами. Во время курса вы освоите работу с современными инструментами дизайнера: Adobe Photoshop, Sketch, Figma. А также в конце курса вы соберёте свой проект на одном из самых популярных конструкторов сайта — Redymag.
• Коммуникации с клиентом. На курсе разберете, для чего нужна презентация проекта и как её проводить. Как взаимодействовать с клиентом во время проекта: как собирать обратную связь и анализировать полученную информацию.

6 сайтов для подбора цветовой палитры

• https://www.materialpalette.com. Сервис для подбора палитры работает очень просто: выбираете два основных цвета, и сайт предлагает вам расширенную цветовую схему.
• http://www.flatuicolorpicker.com. Множество очень красивых оттенков, разбитых по категориям: красные, фиолетовые, синие, зеленые, желтые, оранжевые и серые.
• https://coolors.co. Онлайн-генератор цветовых схем для сайта создает подборку из пяти оттенков, каждый из которых вы можете изменить по своему усмотрению. Чтобы эффективнее пользоваться сервисом, советуем не пропускать инструкцию в самом начале.
• https://colorfulgradients.tumblr.com. Очень хорошая подборка градиентов на любой вкус.
• http://paletton.com. Один из самых удобных генераторов цветовых палитр. Его ценят за широкие возможности и гибкие настройки.
• https://color.adobe.com/ru/create/color-wheel/. Неплохой и функциональный инструмент для создания палитры от Adobe. Обязательно попробуйте!

Contented

В онлайн-школе Contented.ru получить профильные знания можно в рамках курса веб-дизайна с нуля. В его программе, рассчитанной на 7 месяцев, 150 уроков-вебинаров. На них происходит ознакомление с профессией, изучаются юзабилити, психология пользователей, типографика, колористика, осваиваются инструменты графических редакторов, рассматриваются особенности контента. Каждое занятие, организуемое раз в неделю, доступно после выполнения заданий или тестирования по предшествующей теме. Выпускнику, защитившему собственный проект, высылается подтверждающий сертификат. Обучиться можно и программе Figma, в сжатые сроки — за 2 недели.
 

Высшая школа «Среда обучения»

Онлайн курс: обучение дизайну сайтов и мобильных приложений.

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

Уже 20 лет студенты высшей школы «Среда обучения» получают знания в удобном формате. Вы легко сможете совмещать онлайн-обучение с работой.

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

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

Топ 15 лучших онлайн-курсов веб-дизайна: обучающие сайты, онлайн-школы и youtube-каналы

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

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

Обучение веб-дизайну

Рынок труда предъявляет довольно жесткие требования. Чтобы стать востребованным, нужно обладать знаниями в разных областях

Для квалифицированного специалиста важно понимать все этапы создания сайта

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

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

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

Преимущество вуза в том, что все дисциплины будут изучены более глубоко и подробно, чем на курсах. Минус – подобные направления присущи больше частным заведениям, чем государственным.

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

Плюс обучения на курсах – вы сразу создаете свое портфолио. Это ваша визитная карточка.

Предлагаю несколько вариантов лучших курсов, на которых вы получите практические знания и сертификат:

1. «Профессия Веб-дизайнер» от SkillBox

Эта программа подойдет тем, кто уже работает и тем, кто начинает с нуля.

• Срок обучения: 24 месяца. Занятия по 3-5 часов в неделю.
• Формат обучения: онлайн- лекции плюс домашние задания, которые обязательно проверяются. В конце обучения вы защищаете дипломный проект, после чего вам выдают сертификат от SkillBox.
• Программа: в нее входит 9 тематических блоков и три направления дизайна.  Вы освоите как создавать анимацию, типографику и инфографику. Узнаете, как делать 3-D модели, удобный интерфейс и как подготовить макет к верстке, и многое другое.
• Преимущества: помощь куратора, именной сертификат, помощь в поиске работы, возможность рассрочки платежа на 365 месяцев.
• Стоимость: 176 400 рублей.

2. «Профессия Веб-дизайнер» от  Contended

Вы новичок, который хочет получить новую профессию или хотите освежить и обновить свои знания? Это обучение для вас.

• Срок обучения: 7 месяцев.
• Формат обучения: 150 уроков и 1-2 задания в неделю.
• Программа: Обучение полному циклу запуска сайта. Также вы научитесь работать в PhotoShop, Figma и основам копирайтинга,
• Преимущества: Все обучение проходит на практике на примерах  реальных  брифов клиентов. Связь с преподавателем, проверка домашних заданий и чат. После получения сертификата предоставляется удаленная  стажировка в реальной компании.
• Стоимость: 72 0000 рублей.

3. «Онлайн курс по веб-дизайну (UX/UI)» от Фотошоп-мастер

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

• Формат обучения: Предлагает вам на выбор 3 варианта, каждый состоит из 6 модулей и имеет свои отличия.
  • Loyal – в вашем портфолио будут две работы, постоянная поддержка. Но не будет проверяться домашние задания и выдаваться сертификат.
  • Premium – дипломная работа и 3 работы для вашего портфолио плюс 7 бонусов. Поддержка 7 дней в неделю, проверка домашних заданий, сертификат и доступ в онлайн-чат.
  • Elite – вам будут доступны 7 бонусов, в вашем портфолио появится 5 работ. 3 дипломные работы с комментариями и разбором. Полезные чек-листы, доступ в онлайн-чат, сертификат и помощь в трудоустройстве.
• Программа: Вы освоите навыки веб-дизайна, разберете все функции и инструменты Figma, узнаете, как сделать макет и 10 полезных плагинов, которые помогут улучшить ваши профессиональные навыки.
• Преимущества: Постоянная связь с преподавателем, защита дипломной работы, онлайн лекции, закрытый онлайн-чат и содействие в поиске работы.
• Стоимость: Loyal – 11990 рублей; Premium -13 990 рублей; Elite -19 990 рублей. Возможна рассрочка на 4 месяца.

Сложности веб дизайна

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

• Придется много учиться;
• Часто будет не получаться;
• Захочется все бросить;
• Близкие будут отговаривать и не понимать Вашего вдохновения;
• Понадобится много терпения, особенно когда настанет время искать заказчика или работодателя;
• После окончания учебы нужно продолжать учиться.

Как этих сложностей можно избежать

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

Мастер, как говорится в известной латинской фразе, «вырабатывается путем практики». Конечно, когда результаты работы не вдохновляют и хочется отправить их с грохотом в мусорку, говорить о вдохновении не приходится. Но это нормальный процесс.

Ведь дети, когда пытаются научиться кататься на двухколесном велосипеде, постоянно падают, сдирают в кровь коленки, однако не сдаются. В процессе освоения дизайна тот же принцип – нужно практиковаться!

Желание все бросить и ничего не учить – естественно в любом деле. Здесь поможет только мотивация. Просто ответьте себе на вопрос: для чего Вам нужен дизайн? Если, как и для меня, чтобы уйти с работы и начать заниматься тем, что нравится, то вопросов возникать не должно. У Вас, вероятно, другая цель поможет преодолеть трудности в освоении профессии.

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

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

Когда пройдены курсы, хочется потянуться и расслабиться. На самом деле для новичка все только начинается – нужно смотреть дополнительно мастер-классы, читать книги, знакомиться с работами коллег по цеху. Это поднимет уровень мастерства, а значит, улучшится качество Ваших работ. Чем лучше работы, тем больше у дизайнера заказов!

Дизайн сайта определяет его цель

Представьте, какой сайт решит задачу сбора заявок на концерт, а какой — онлайн-продажу товаров для дома? Явно у первого должна быть форма заявки, а у второго — карточки товаров, корзина, фильтрация, онлайн-оплата и так далее. Такую разную функциональность невозможно сделать по одному шаблону. Существуют определённые категории сайтов, которые помогут не только понять, чего хочет заказчик, но и оценить трудоёмкость проекта и его функциональность.

Ниже рассмотрим наиболее распространённые типы сайтов.

Сайт-визитка (landing page)

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

Интенсив «Профессия Data Scientist: учимся обработке и анализу данных за 3 дня»

26–28 апреля, Онлайн, Беcплатно

tproger.ru

События и курсы на tproger.ru

Пример лендинга программы лояльности «Совести»:

https://sovest.ru/loyalty_info

Корпоративный сайт

Создаётся компаниями, чтобы рассказать клиентам о себе — кто мы такие, чем занимаемся, наша миссия, контакты, структура, портфолио и прочее. Может быть нужен

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

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

Пример — сайт карты рассрочки «Совесть» включает в себя основную информацию о продукте, блог, а также сервисную часть с личным кабинетом, графиком платежей и пополнением карты.

https://sovest.ru/

Сайт-витрина

Пример — сайт компании Mary Kay, которая занимается сетевой продажей косметики. Там есть большой и красивый каталог товаров, но купить можно только через консультанта.

https://www.marykay.ru

Это витрина с корзиной и возможностью онлайн-оплаты товаров. Имеет более сервисный характер, чем предыдущие (не только информирование). Здесь UX и юзабилити играют более важную роль, поскольку пользователь остаётся наедине с сайтом и решает с помощью него свою задачу, тогда как на витрине и одностраничнике покупку могут докрутить специалисты колл-центра.

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

https://aliexpress.ru

Портал

Сайт, который объединяет разные информационные и сервисные функции — почту, новости, блог, вакансии, форумы и др. Пример — Яндекс, Хабр, даже Вконтакте тоже можно назвать порталом.

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

Пример — сайт Мэра Москвы, там и новости, и статьи, и услуги.

https://www.mos.ru

Онлайн школа веб-дизайна Максима Солдаткина

Видео уроки web дизайна от Максима Солдаткина.

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

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

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

Каждый месяц для вас будут проводиться 4 занятия, каждое по 4-6 часов. После этого вам дают домашнее задание — и персональную обратную связь. Ваше задание детально разберут, укажут на ошибки, подскажут наилучшие именно для вас решения

Посоветуют, на что обратить внимание

А еще — и это важно — поддержат и помогут преодолеть неуверенность и внутренние страхи

Благодаря такому личностному подходу вы сможете обучаться очень быстро и максимально эффективно.

Каждое задание в школе Максима Солдаткина проверяет профессиональный куратор, отвечает на вопросы и всячески делится опытом.

Зарплата

Сколько зарабатывает веб дизайнер и стоит ли обучаться этой профессии? Заработок специалистов зависит от опыта работы в данной сфере, уровня мастерства и профессионализма, умения находить заказчиков и правильно выставлять расценки.

Среднестатистический специалиста за месяц работы зарабатывает от 50000 до 200000. Лучшие профи зарабатывают в разы больше. Минимальная стоимость одного проекта составляет от 3000-4000 рублей. Оптимальные расценки 10-15 тысяч рублей за 1 web-сайт.

Средний уровень заработка по данным сервиса НН.ru в зависимости от уровня:

• начальный — от 40 тыс. руб.
• средний — 100 тыс. руб.
• высший пилотаж — 130 тыс. руб.

Как стать веб дизайнером?

1. Изучить рисование.

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

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

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

2. Изучить теорию веб дизайна.

Когда дело доходит до изучения новой профессии, важно сначала хорошо изучить её основы. Хорошо разработанные веб-сайты следуют строгим правилам UX-дизайна

Эти сайты визуально привлекательны и удобны для посетителей. Хороший дизайн, заставит посетителей оставаться на сайте и возвращаться на него снова.

Плохой дизайн, заставит их отправиться куда-то еще.

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

3. Изучить макетирование и проектирование.

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

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

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

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

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

4. Изучить UX дизайн.

Хороший UX дизайн (англ. user experience — опыт пользователя) заставит посетителей оставаться на вашем сайте. Плохой заставит их пойти к кому-то другому. Понимание принципов UX дизайна заставит ваш сайт вести себя так, как этого хотят и ожидают пользователи.

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

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

Хотя UX дизайнер, это обычно отдельная профессия, но тут нужно учитывать два аспекта:

1) В небольшой компании, может просто не быть второго специалиста. И тогда, и веб дизайн и UX дизайн, ложится на плечи одного сотрудника.

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

5. Научится пользоваться инструментами для веб дизайна.

Веб дизайнеру приходится работать со многими инструментами. В первую очередь, это конечно  Adobe Photoshop и Adobe Illustrator.

Кроме этих программ, нужно уметь пользоваться различными онлайн конструкторами сайтов, знать системы управления сайтами (в первую очередь WordPress).

Уметь пользоваться специфичным софтом для создания макетов страниц (Mockingbird, Gliffy, Creately, Sketch и тому подобные.)

Хорошо знать HTML и CSS. Хотя вёрстка сайта, это не работа веб дизайнера, но HTML и CSS знать обязательно, поскольку веб дизайнеру приходится тесно сотрудничать с верстальщиками сайта.

Найдите референсы

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

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

Подборку референсов вы можете смело показать заказчику. Так вы вместе выберете подходящий стиль, что избавит от ненужных правок в дальнейшем. Найти множество хороших примеров можно на Behance, Awwwards и Pinterest.

Где изучать веб-дизайн с нуля бесплатно?

Изучение веб-дизайна с нуля не всегда требует затрат на дорогостоящие курсы или книги. Как уже говорилось ранее, в Сети достаточно информации для того, чтобы стартовать в данной профессии. Ниже мы собрали несколько интересных и полезных источников, которые помогут вам погрузиться в тему веб-дизайна и начать обучение.

YouTube-каналы и уроки

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

Школа #VA. Не будем лукавить и сразу же пригласим вас на наш собственный YouTube-канал. На нём регулярно выходят лекции для начинающих веб-дизайнеров

Мы стараемся рассказывать не только о том, как работать в графических редакторах или сочетать цвета — большое внимание на нашем канале уделяется работе с заказчиками, развитию и организации бизнеса.

Litus Pro. Отличный современный канал с десятками подробных туториалов и насыщенных инструкций

Автор канала имеет за плечами большой опыт и не занимается навязчивой рекламой своих курсов или услуг. Рекомендуем смотреть лекции и одновременно с этим повторять действия автора канала в графическом редакторе.

Блоги и статьи

Ежедневно на свет появляются десятки и сотни полезнейших статей на тему веб-дизайна, интерфейсов, пользовательского поведения и сайтах. Моя персональная рекомендация — установите приложение для комфортного чтения RSS-лент и добавьте в него ваши любимые блоги. Затем тратьте по 20-30 минут в день на чтение новых материалов: взрывной рост и освоение веб-дизайна с нуля обеспечено.

Не знаете, на какие блоги и каналы подписаться? Ловите подборку самых полезных:

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

UXpub. Ещё одно интернет-издание, рассказывающее преимущественно о UX-дизайне, пользовательском опыте и взаимодействии. Содержит огромное число полезнейших советов по проектированию форм, кнопок и других элементов интерфейса.

Awdee. Данный интернет-портал является отличным источником вдохновения. На нём периодически публикуются кейсы других дизайнеров и интересные работы как из мира сайтов/интерфейсов, так и из сфера брендинга.

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

Определитесь с типом сайта

Лендинг

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

Яркий пример Landing Page — вся основная информация на одной странице

Корпоративный сайт

Отличается размером и возможностями — и зачастую содержит непростые для дизайна и технической реализации инструменты. По сложности корпоративные сайты могут быть самыми разными, всё зависит от требований заказчика и размера бизнеса.

Сайты банков — классический пример корпоративных сайтов

Сайты банков — классический пример корпоративных сайтов

Эти сайты знакомы каждому: AliExpress, OZON, «М.Видео» и десятки других аналогичных. Главный вызов дизайнеру здесь — в объёмах информации и товаров, а также в проектировании страницы заказа.

Веб дизайнер — это творческая профессия или нет

У большинства людей крепко закрепилась ассоциация, что «Веб дизайн = Творчество». Наверное потому, что там присутствует слово «дизайн». И многие думают, что веб дизайнер, он словно художник, создает свои шедевры легкими взмахами компьютерной мышки.

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

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

Раньше, когда веб дизайн только зарождался, все дизайнеры старались показать максимум своего креатива и творчества. Рисовали «стеклянные» менюшки и кнопки, добавляли максимум всевозможной графики и креативных изображений. Раньше была задача УДИВИТЬ всех своим дизайном.

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

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

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

Хорошо это или плохо? Здесь уже каждый решает сам для себя. Могу лишь сказать, что веб-дизайн — это очень интересная работа, которая позволяет максимально реализовать свой потенциал.