Профессия веб-дизайнер

Типографика

Знание типографики — один из основных навыков любого дизайнера, и не важно, создает ли он интерфейсы, делает макеты печатных газет или верстает плакаты.

Важно!

Типографика на странице тесно связана с другими элементами интерфейса, поэтому нужно правильно ей пользоваться.

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

Дизайнер, который разбирается в типографике:

• умеет правильно оформлять текст: ставит длинные тире, кавычки-елочки, а предлоги, союзы и короткие слова переносит на новую строку, чтобы они не висели в конце предыдущей;
• подбирает хороший шрифт, который легко читать;
• создает настроение на странице с помощью шрифтовой пары.

Exploring The North Face on Dribbble

Книги

• Александра Королькова. Живая типографика.
• Эрик Шпикерманн. О шрифте.
• Дизайн‑бюро Артема Горбунова. Типографика и верстка.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6 сайтов для дизайнеров о шрифтах и типографике

• https://ilovetypography.com. Один из лучших ресурсов для тех, кто небезразличен к буквам. На этом сайте вы найдете массу полезных и просто интересных заметок о типографике и том, что с ней связано.
• https://fonts.google.com. Подборка бесплатных шрифтов от Google, которой чаще всего пользуются дизайнеры. Самое полезное — возможность посмотреть, с какими шрифтами чаще всего сочетается выбранный вами вариант.
• https://www.paratype.ru. Отличный сайт с хорошей подборкой шрифтов. Из приятного — можно без особого труда подобрать даже красивый русский шрифт, из печального — большинство шрифтов придется приобретать (но на сайте часто проводятся распродажи).
• https://fontshop.com. Магазин шрифтов, где можно подобрать удачное решение для своего проекта. Но особенно интересен сайт даже не количеством самих шрифтов, а примерами их применения, которые позволяют лучше оценить, насколько выбранный шрифт подходит для вашей задачи.
• https://www.dafont.com. Огромная подборка шрифтов для самых разных задач, а еще — удобный интерфейс и много новинок.
• https://typejournal.ru. Полезный интернет-журнал о типографике и шрифтах.

Перспективы и карьерный рост

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

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

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

Преимущества и недостатки профессии

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

Плюсы

Преимуществ у профессии достаточно:

1. Хорошие заработки – крутой профи может получать 100 000 рублей в месяц и более.
2. Актуальность профессии – вы всегда найдете работу в офисе или на фрилансе.
3. Карьерный рост – можно стать руководителем или владельцем веб-студии, и не одной.
4. Можно заключить договор с иностранными заказчиками, что в разы увеличит ваши доходы (правда, придется подтянуть английский).
5. Получив достаточный опыт в крупной компании, легко перейти на фриланс, рулить своим временем и при этом неплохо зарабатывать.
6. На начальное образование потребуется совсем немного денег, потом вы будете учиться на собственном опыте без всяких затрат.

Минусы

Среди недостатков выделю только три.

1. Если вы фрилансер, то заказы не постоянные. Можно набрать кучу заказов и сутками не выходить из квартиры, закрывая дедлайны, а можно неделями искать интересные проекты и ничего не зарабатывать.
2. Вашу работу могут не принять и выскажут недовольство. Избежать таких моментов поможет опыт – со временем вы научитесь предугадывать желания заказчика и вовремя устранять недочеты.
3. Рост конкуренции. Это касается любой профессии в IT-сфере.

Однако настоящему профессионалу все нипочем. Так что растите и развивайтесь!

История веб-дизайна

История веб-дизайна начиналась в 1990 году, когда британский учёный Тим Бернерс-Ли разработал язык HTML (англ. HyperText Markup Language) — язык гипертекстовой разметки. С его помощью 6 августа 1991 года команда Бернерса-Ли сделала первый в мире сайт — http://info.cern.ch.

Главная страница первого в мире сайта info.cern.ch

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

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

Поисковик Yahoo! в 1993-м выглядел так
В 1997-м сайт Apple был далек от минимализма, который прославил компанию
Сайт, посвященный истории и развитию интернета в 1996 году

В 1994 году появился Консорциум Всемирной паутины, известный как W3C. Эта организация и сегодня разрабатывает и утверждает технологические стандарты интернета.

До 1996 года Консорциум выступал в роли консультативного органа, где крупнейшие мировые компании вырабатывали цельный подход к развитию HTML. Благодаря единым стандартам и набору тегов веб-сайты работают в разных браузерах и на разных устройствах. Сегодня мы называем это кросс-платформенностью.

Настоящий веб-дизайн, близкий к тому, который мы знаем сегодня, появился в период с 1994 по 1998 год. Тогда интернет-технологии совершили бешеный рывок вперёд.

1994

Первая версия браузера Opera.

1995

Появились Internet Explorer 1, JavaScript и PHP.

1996

CSS и запуск технологии Flash, которую стали использовать для векторной графики, игр и мультимедиа.

1997

Релиз Internet Explorer 3 и HTML 4.0 — в мире уже 100 млн пользователей.

Именно технологический прорыв привёл к появлению веб-дизайна.

• Разрешение мониторов увеличилось до 800×600 пикселей.
• Мониторы стали отображать 256 цветов и оттенков, что привело к появлению сайтов с салатовым текстом на синем фоне.
• Первая типографика: на сайтах появились веб-шрифты Times New Roman и Courier New.
• Первая баннерная реклама, видеоплееры, анимированные GIF-изображения и цветные кнопки с 3D-эффектом.

Один из первых сайтов Рунета — tema.ru — сохранился в неизменном виде с 1995 года

Соберите портфолио

Не откладывайте это надолго

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

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

Выложить своё портфолио можно на Behance.net, Portfolios.ru, Dribbble.com, Deviantart.com, . Можно использовать сразу несколько площадок, но не обязательно. Посмотрите, где принято демонстрировать работы в вашем направлении дизайна.

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

Где пройти онлайн-обучение web-дизайну

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

Skillbox

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

Стоимость: Для первых 20 студентов – 146 143 руб. Без скидки – 365 367 руб.

Пройти курс

Нетология

Авторы: Михаил Розов, Григорий Коченов, Алексей Бородкин.

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

Стоимость: 53 000 руб. По новогодней скидке – 26 500 руб.

Пройти обучение

Loftschool

Описание: Онлайн-школа работает с 2014 года и обучает разным профессиям в IT-сфере. Ускоренный курс длится всего 6 недель. Обучение подойдет тем, кто работает в профессии до полугода или только решил заняться веб-дизайном. Вас научат работать с основными программами и графическими редакторами. Также вы узнаете профессиональные секреты от преподавателей.

Стоимость: 12 000 руб. Первый взнос – 6 000 руб.

Пройти курс

GeekBrains

Описание: В школе обучают разным направлениям в IT-сфере. Интенсивное онлайн-обучение длится полгода. Оно поможет понять, что за профессия веб-дизайнер. Вас научат делать дизайн-макеты страниц. Вы узнаете, как создавать пользовательский интерфейс, презентовать свою работу и какие материалы стоит включать в качественное портфолио. Есть круглосуточная поддержка и личный куратор для каждого студента.

Стоимость: 33 984 руб.

Пройти курс

Веб-дизайн с нуля: самостоятельно или на курсах?

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

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

Главное, на что следует обращать внимание ни выборе формата изучения веб-дизайна с нуля — ваше умение находить и структурировать информацию

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

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

Чем занимается веб-дизайнер

Рабочий процесс дизайнера выглядит так:

• Дизайнер получает данные от заказчика — зачем нужен сайт, как он будет работать, какие пользователи будут на него заходить. Хороший вариант, если заказчик точно знает, что нужно. Но так бывает не всегда, поэтому дизайнер должен сам задавать вопросы и получать ответы. Задачу, требования к сайту и ответы на вопросы дизайнер записывает в бриф.
• Веб-дизайнер создаёт наброски или прототипы будущего сайта: на бумаге или в специальных программах. Прототипы больше похожи на схемы, где указывается расположение основных элементов на страницах сайта.
• На основе прототипов дизайнер рисует цветной макет. Тут уже можно работать над сочетаниями цветов, добавлять анимацию.
• Готовый макет дизайнер передаёт заказчику или разработчикам, которые перенесут его на сайт.

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

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

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

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

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

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

Конференция Design is Frontend

2 июня в 18:00, Онлайн, Бе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-дизайну от остальных школ

Бесплатный мастер-класс: «Дизайнер сайтов на TILDA»

Длительность: 2 часа.

Программа: весь цикл бесплатной программы вам покажет, как профессионально научиться создавать сайты на Tilda даже если вы ничего не умеете и как избежать ошибок, которые совершают 90% начинающих фрилансеров. Так же создадите свой первый сайт на конструкторе и поймёте, где искать клиентов и сколько готовы платить за такие сайты.

Плюсы
2-х часовой бесплатный онлайн-курс
Сможете зарабатывать от 100 000 рублей в месяц удалённо
Книга «Как стать востребованным специалистом на удаленке?» в подарок
Изучите Tilda — одну из самых популярных платформ для создания сайтов во всем мире

Минусы
Нет документа об окончании курса

Спикеры мастер-класса: Анжелика Ворошилова | Константин Злобин [Дизайнер сайтов, UI/UX дизайнер веб-интерфейсов и мобильных приложений].

Годовой практический онлайн-курс «Профессия: Веб-дизайнер»

Длительность: 1 год.

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

Плюсы
6 месяцев обучения бесплатно
Первые заработки через 3 месяца
Консультационная поддержка при трудоустройстве
Свидетельство о повышении квалификации государственного образца
Сертификат
Средний заработок — 90 000 рублей в месяц
Получите востребованную профессию, которая не устареет и через 10 лет
26 бонусных материалов
Если в течение 2 недель после оплаты вы решите, что этот курс не для вас, вам вернут деньги
Беспроцентная рассрочка

Минусы
Не имеется

Авторы, ведущие и преподаватели курса: Валерия Марус [Веб- и UI/UX-дизайнер. 5 лет опыта работы в студиях и на фрилансе] | Игорь Костромин | Екатерина Космович | Дмитрий Чевычалов .

веб-дизайнер

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

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

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

В отличие от графического или UX/UI-дизайнера, веб-дизайнер совмещает функции менеджера и дизайнера. Работа веб-дизайнера состоит из нескольких этапов, о которых мы рассказали ниже. И дополнили рассказ ссылками на наши статьи.

Определитесь с целью

Для начала поймите, зачем вашему клиенту нужен сайт. Пусть он ответит на несколько простых вопросов:

• Чему посвящён сайт?
• Какие задачи должен решать?
• Как планируется продвигать сайт?
• Какая у сайта должна быть структура?
• Какой контент планируется размещать?
• Есть ли у клиента готовый брендбук?

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

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

Что должен изучать начинающий веб-дизайнер

Основой для начинающих является изучение UX и UI дизайна.

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

Рассмотрим подробнее, что такое UX и UI.

UX-дизайн

UX – User Experience (Опыт Пользователя) – помогает понять, как именно пользователь воспринимает дизайн и интерфейс проекта. Сайт, разработанный на основе UX-дизайна, должен быть удобным, понятным и приносить клиенту удовольствие от использования.

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

Например, случается, что нарочито небрежный интерфейс онлайн-магазина собирает намного больше посетителей, чем торговая площадка с “вылизанным” дизайном. Это значит, что web-специалист хорошо проработал основу UX и понял, что хотят видеть клиенты и зачем им это нужно.

Это видео поможет вам узнать больше про UX-дизайн:

UI-дизайн

UI – User Interface Design (Пользовательский Интерфейс) определяет физические характеристики и визуальное исполнение сайта

Дизайнер сосредотачивает внимание на обработке графического контекста: как выглядят кнопки, шрифты, меню и т. д

Наполняет сайт картинками, аудио- и видеоматериалами. При этом он отвечает не только за вкусовое исполнение, но и за юзабилити (удобство использования).

Окончив курсы по UX / UI дизайну, вы сами сможете проектировать интерфейсы, где привлекательность для пользователя не менее важна, чем внешний вид ресурса.

Какими навыками должен обладать хороший специалист

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

1. Как пользователь воспринимает любой сайт.
2. На какой логике построены приложения и внешний вид интернет-ресурса.
3. Как строить композицию для интерфейса и как с ней работать.
4. Как подбирать типографику и шрифты.
5. Как работать на Figma и Cinema 4D.
6. Как программировать на CSS и HTML. Они необходимы для внедрения своих идей в работу сайта.
7. Как создавать и обрабатывать изображения в графических программах.

ТОП-7 бесплатных онлайн-курсов по веб-дизайну от Skillbox с нуля

① Веб-дизайн с нуля

Длительность программы: 3 вебинара, по 2,5 часа каждый.

Программа: из 3 видеоуроков вы рассмотрите основы веб-дизайна, узнаете про композиции и сетки (правила и методы). После, останется 2 часа хардкор-дизайна в Figma.

Плюсы
Бесплатный курс
Быстрый старт в карьере
За пол дня сможете узнать о современном веб-дизайне
Станете лучше разбираться в Figma

Минусы
Нет документа об окончании курса

Преподаватели курса: Дмитрий Матвеев | Сергей Попков .

③ Cinema 4D

Длительность программы: 3 вебинара, по 2 часа каждый.

Программа: из 4 вебинаров, вы познакомитесь с Cinema 4D — мощным редактором для создания 3D-графики. Освоите базовые инструменты и сделаете первые шаги в 3D. Поймёте, как работать с простейшими фигурами и собирать целые 3D-сцены.

Плюсы
Бесплатный видеокурс
Освоите Cinema 4D
Дополнительно: 1 час Хардкор-Cinema 4D от Михаила Розова

Минусы
Нет документа об окончании

Преподаватели курса: Миша Розов | Георгий Ростомов .

④ Акварельная живопись (уроки рисования)

Длительность программы: 3 вебинара, по 2,5 часа каждый.

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

Плюсы
Бесплатный видеокурс
Понимание творческого процесса
Изучите все лайфхаки связанные с рисованием

Минусы
Отсутствие документа (диплома)

Преподаватель: Кристина Галочкина — Арт Директор в «Draw and go».

⑤ Дизайн интерьера

Длительность программы: 3 вебинара по 2 часа каждый = всего 6 часов.

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

Плюсы
Курс полностью бесплатный
Интересные лайфхаки для новичков и профи
Первые заказчики могут появится уже через несколько дней
Возможность пройти платный курс с 50% скидкой

Минусы
Не будет выдан сертификат о том, что вы прошли курс

Преподаватели курса: Ольга Бойцова | Катерина Юдина .

⑥ Скетчинг

Длительность программы: 3 вебинара по 2 часа каждый = всего 6 часов.

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

Плюсы
Бесплатный курс
Возможность получить специальное предложение по платному курсу
Получите гениальную идею за 5 минут

Минусы
Сертификат не выдаётся

Эксперты видеокурса: Анна Сваровская | Сергей Попков | Татьяна Крылова .

⑦ Графический дизайн

Длительность программы: 3 вебинара по 1,5 часа каждый = 4,5 часа на весь курс.

Программа: поймёте как разработать логотип и рассказать его историю на Behance. Узнаете, из чего складывается фирменный стиль любого бренда. Увидите тренды и стили в айдентике. Пройдёте интенсив графического дизайна и подведёте итоги.

Плюсы
Бесплатный курс
Бесплатный интенсив
Сможете выстроить бренд со стороны дизайна
Работы в портфолио

Минусы
Отсутствие диплома

Ведущий: Дмитрий Матвеев — Бренд-дизайнер, специалист по леттерингу и каллиграфии, арт-директор Wildberries.

12 сайтов для вдохновения

Pinterest поможет найти идею для дизайна

• https://www.behance.net. Дизайнеры традиционно публикуют свое портфолио Behance, поэтому сайт можно смело назвать самой большой коллекцией удачных примеров в любой сфере дизайна. Следите за новыми проектами, подпишитесь на дизайнеров и студии, на работы которых вам бы хотелось равняться.
• https://www.awwwards.com. Ресурс посвящен самым лучшим работам в веб-дизайне, на Awwwards можно найти подборки лучших сайтов за день, неделю, месяц или год. Вдохновляйтесь лучшими!
• https://dribbble.com. Платформа, на которой дизайнеры размещают свои портфолио. Чтобы добавить свои работы, нужно получить приглашение от участника Dribbble.
• https://www.designspiration.net. На сайте вы встретите сотни примеров хорошего дизайна для вдохновения.
• https://synapticstimuli.com. Галерея самых разнообразных проектов. Развивает чувство прекрасного.
• http://www.designmadeingermany.de/sites-we-like/. Можно найти авторские подборки красивых сайтов разнообразных стилей. Кстати, в подборку можно предложить и свой сайт.
• https://designshack.net/category/articles/critique-articles. Сайт для дизайнеров, на котором не хвалят, а критикуют. Новички наверняка узнают для себя много полезного.

Design Shack поможет увидеть ошибки в дизайне сайтов

• https://siiimple.com. Поклонникам минимализма и тем, кто хочет научиться создавать дизайн в этом стиле. На сайте просто огромная подборка примеров дизайна в минималистичном стиле, которая постоянно обновляется.
• https://onepagelove.com. Отличный ресурс с подборкой одностраничных сайтов. Всем, кто занимается лендингами, смотреть обязательно.
• https://mediaqueri.es. Довольно удачный проект об адаптивном дизайне. Особенно пригодится тем, у кого еще не было опыта в создании таких макетов.
• http://bookcoverarchive.com. Сайт пригодится не только тем, кто занимается оформлением обложек книг, но и тем, кто постоянно сталкивается с необходимостью подобрать хороший шрифт.

Важные качества

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

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

Необходимо знать: Adobe Photoshop, HTML/СSS

Желательно знать: Corel Draw, Illustrator, Macromedia Flash.