Дизайн с чего начать

Как стать дизайнером: все что нужно знать о профессии

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

Словом, вопросов было полно и боли читателей явно остались открыты. Окей, ловите, в ближайшей перспективе расскажу вам про каждое из 5 направлений отдельно: дизайн, маркетинг, менеджмент, программирование и Data Science. Сегодня мы начнем с дизайна.

Автор статьи — Евгений Егоров.

Погружение в сферу дизайна

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

В серии статей, посвященных дизайну, я расскажу:

Начнем с мифов и стереотипов. Часто говорят, что дизайнер ничем не отличается от художника. Правда ли это? Тогда получается, что дизайн=искусство? НЕТ. Из за этого заблуждения молодые люди и начинающие специалисты, только приходящие в дизайн, часто испытывают когнитивный диссонанс. Хочу развеять этот миф, чтобы больше к этому не возвращаться.

Дизайнер — это не тот человек, который ищет вдохновение и рисует на мольберте пейзажи леса

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

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

В дизайн нельзя приходить за творчеством. Дизайн– это решение проблем, которые испытывают люди, пользующиеся вашим сервисом или приложением. Посмотрев на ежедневные подборки с Awwwards.com, вы скажете: «Ну где же тут системность?» Судя по этим крутым кейсам, можно подумать, что в работе дизайнера много творчества и креатива. Нет — это не так.

Дизайн – это работа про поиск решения

Эти работы в большинстве музейные экспонаты, вы сами хоть раз видели или пользовались подобными сайтами? Почему там нет банальных, рабочих кейсов типа ebay, Booking, или Amazon?

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

Дизайн — это искусство приносить деньги бизнесу и радость пользователю

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

Интернет стал точкой входа, он вместе с технологиями развивается сумасшедшими темпами. Сначала 3g, потом 4g, сейчас уже 5g вышки ломают из-за того, что считают их разносчиками коронавируса. Появляются сервисы и услуги, которые работают исключительно в интернете. Например, приложения по переводу денежных средств, онлайн шопинг, библиотеки, мессенджеры и социальные сети — все, с чем вы сталкиваетесь ежедневно.

К 2021 году 82% глобального интернет-трафика составит видеоконтент, преобладающая доля которого придется на Internet-TV. Мы видим, как активно развивается видео контент, появляются стриминговые сервисы, блогинг, инстаграм igtv. Производство и потребление видео-контента растет невероятными темпами — это факт.

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

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

Тут мы конечно немного отстали, но если посмотреть на азиатский рынок, можно сказать, что игровая индустрия скоро захватит мир и станет такой же равноправной частью олимпийских игр, как легкая атлетика или лыжи (поправьте если биатлон стал уже не так популярен). Будем оптимистичны, говорят, что к 2021 году российский рынок видеоигр вырастет до 3,8 млрд руб.

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

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

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

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

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

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

Figma, Axure, Miro, Invision, UXpressia

UI (англ. user interface) переводится как «пользовательский интерфейс». Он может быть не только графическим, но и тактильным, голосовым и даже аудио(привет Яндекс.Алиса). UI дизайнер отвечает за то, как интерфейс будет выглядеть и реагировать на действия пользователя.

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

UI-дизайнер определяет цветовую палитру и расположение объектов в интерфейсе: удобно ли попасть пальцем по кнопке «Купить», правильно ли работает бургер меню, удобно ли заполнять форму обратной связи, так ли контрастен текст со смартфона, какое сообщение выдает сайт при ошибке или успешном совершении покупки.

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

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

Figma, Adobe XD, Sketch, Principle, Framer.

Он же дизайнер интерфейсов, он же UX/UX, вcе это очень близко и компании сами порой не знают, что именно хотят от специалиста, когда пишут в вакансии это новомодное слово(палец вверх, если новомодным оно было лет 5 назад).

Продуктовый дизайнер ответственен за создание успешного продукта. Возьмем, например, Яндекс. У них есть полно сервисов, помимо поисковой системы, тут и такси, и еда, и музыка, и кинопоиск, каким бы неуклюжим он не было… каждое из этих направлений — это продукт и над его созданием работает огромное количество людей, объединенных в продуктовые команды.

Или, недавно у Mail.ru вышел новый ICQ. Человек который работает над продуктом ICQ в широком смысле слова проектирует, отрисовывает интерфейс и затем тестирует его на пользователях, далее он вносит изменения в интерфейс, при необходимости. О правильной последовательности в дизайн процессе я расскажу в отдельном посте.

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

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

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

Figma, Sketch, Adobe XD, Axure, Miro, Invision, Zeplin

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

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

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

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

Креативные и рекламные агенства, студии, брендинговые компании, фриланс.

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

Adobe Photoshop, Adobe Illustrator, InDesign

Источник

Как стать веб-дизайнером – пошаговое руководство

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

Дизайн с чего начать. Смотреть фото Дизайн с чего начать. Смотреть картинку Дизайн с чего начать. Картинка про Дизайн с чего начать. Фото Дизайн с чего начать

Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агентство), iSpring Solutions (продуктовая) и со стартапами по всему миру. Преподаватель курсов «UI-дизайн и анимация интерфейсов» и «Веб-дизайн» в Институте программных систем и godesign.school.

Сен 30, 2020 · 23 мин читать

Дизайн с чего начать. Смотреть фото Дизайн с чего начать. Смотреть картинку Дизайн с чего начать. Картинка про Дизайн с чего начать. Фото Дизайн с чего начать

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

Содержание:

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

Сила и ценность веб-дизайна для бизнеса

В чем ценность веб-дизайна для бизнеса

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

Дизайн с чего начать. Смотреть фото Дизайн с чего начать. Смотреть картинку Дизайн с чего начать. Картинка про Дизайн с чего начать. Фото Дизайн с чего начатьВеб-дизайн от Focus Lab для калифорнийского кафе Gordo Taqueria

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

Чем полезен веб-дизайнер

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

Дизайн с чего начать. Смотреть фото Дизайн с чего начать. Смотреть картинку Дизайн с чего начать. Картинка про Дизайн с чего начать. Фото Дизайн с чего начатьВыращивание сайта: вайрфреймы, стилизация и UiKit

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

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

Дизайн с чего начать. Смотреть фото Дизайн с чего начать. Смотреть картинку Дизайн с чего начать. Картинка про Дизайн с чего начать. Фото Дизайн с чего начатьby Bill S Kenney for Focus Lab in Assembly: информационная архитектура и вайрфреймы

Что такое хороший веб-дизайн

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

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

В современном веб-дизайне подчеркивают четыре ключевых компонента:

Чек-лист качеств хорошего веб-дизайна:

Кто такой веб-дизайнер и чем на самом деле он занимается

Какие задачи решает веб-дизайнер и чем зажигает эта профессия

Веб-дизайнер создает лендинги, корпоративные сайты и промо-подачу. Он боец в команде диджитал-маркетинга. Есть еще UX/UI-дизайнеры – это ребята из продуктовой команды и больше работают над веб- и мобильными приложениями, приложениями для смарт-часов, TV и автомобилей.

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

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

Основные этапы работы над веб-проектом

Дизайн – итеративный процесс. Кратко его можно описать по формуле: исследуй, делай, проверяй. Предмет исследования определяется стратегией:

Особенности работы в компании, агентстве и на фрилансе

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

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

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

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

Какой бы вариант работ вы не выбрали, главное – не попасть в ловушку нулевого портфолио – это когда все ваши труды вы не можете использовать для повышения своей известности, к примеру, залить на dribbble, behance, на свой сайт. Т.е работать на перспективу увеличения вашего благосостояния и финансовой устойчивости и мобильности.

С кем в команде работает веб-дизайнер

Сайт помогает привлекать клиентов из интернета 24/7, рассказывая о пользе товаров/продуктов/услуг. Коммерческие сайты разрабатывают в команде.

Дизайн с чего начать. Смотреть фото Дизайн с чего начать. Смотреть картинку Дизайн с чего начать. Картинка про Дизайн с чего начать. Фото Дизайн с чего начатьFocus Lab | We Build Brands That Lead And Inspire

Минимальный состав команды:

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

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

Какими знаниями, личными качествами и навыками обладает веб-дизайнер

Какие инструменты веб-дизайнер использует в работе

В запуске сайта с нуля есть минимум три digital-стратегии:

Идеальный заказчик тот, кто уже решил вопросы связанные с интернет-маркетингом и диджитал-стратегией. Т.е заказчик изучил рынок и решил насчет того, каких клиентов и с какими потребностями и из каких каналов (SMM, PPC, SEO) он будет привлекать на старте. И ему требуется помощь в создании эффективной и полезной интерактивной витрины и поток клиентов будет приходить из поисковиков Yandex/Google.

Основные инструменты работы над веб-проектом по готовой диджитал-стратегии (то, что любят веб-дизайнеры):

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

Какие инструменты помогут проверить диджитал-стратегию заказчика и скорректировать курс:

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

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

Какими концепциями должен владеть веб-дизайнер

6 способов стать веб-дизайнером: онлайн, бесплатные и платные

Смотреть ролики на YouTube, брать уроки Photoshop на мастер-классах или все же поступить на специальность в вуз? Узнаем, как стать веб-дизайнером, когда все вокруг стремительно развивается.

Способ 1. Онлайн-университет

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

Плюсы

Минусы

Способ 2. Самообразование

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

Плюсы

Минусы

Способ 3. Онлайн-курсы

Хороший вариант для старта. Если внимательно изучить преподавателей, их работы и подход. Пройти бесплатный кусочек и потом решить.

Плюсы

Минусы

Способ 4. Мастер-классы и практикумы онлайн

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

Плюсы

Минусы

Способ 5. Фриланс

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

Плюсы

Минусы

Способ 6. Сбалансированный подход: серия разноформатных курсов с выходом на тестовое задание/стажировку

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

Плюсы

Минусы

Как я начинала в веб-дизайне

В веб-дизайн я пришла через веб-разработку. Иногда, верстая сайты, мне казалось, что дизайн пришел какой-то не такой, в общем я исправляла ошибки дизайнера и искала пути как сделать лучше, понятнее и удобней для пользователя (по крайней мере мне так казалось). В общем считаем, что глубина исследований у меня тогда была не запредельная, но мои версии сайтов вполне нравились клиентам, так как в них что-то да было поудобнее 🙂 Тогда я и поняла, что что хочу создавать действительно удобные полезные и интересные сайты. Ну, чтобы сочненько было в общем.

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

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

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

С чего лучше начать изучение в Веб-дизайне – первые 10 шагов в Веб-дизайне

Шаг 1. Погрузитесь в международную культуру веб-дизайна с помощью курса Рафаля Томаля

У Рафаля хороший бодренький и бесплатный курс по веб-дизайну. В нем особенности профессии, обзор актуальных навыков, современная культура веб-дизайна и подборки инструментов от дизайнера с международным опытом:

Шаг 2. Начните посещать ежедневно самые популярные веб-ресурсы

Регулярно посещайте сайты и соцсети известных брендов в РФ и глобалии: блоги, интернет-магазины, лендинги, сайты продуктовых компаний.

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

Вот несколько сайтов для разбора: mailchimp, intercom, ozon, stripe, airbnb, apple, тинькофф журнал, inmyroom.

Шаг 3. Повышайте насмотренность

Собирайте дизайны на доски в Pinterest. Так вы сможете повысить насмотренность. А еще попробуйте делать чуть больше. Возьмите сайт, который вам нравится, схватите руками и помните его, порежьте на части, попереставляйте блоки, предложите альтернативный вариант композиции из обрывков. Затем возьмите лист A4 и перерисуйте оригинальный сайт и сделайте разбор плюсов и минусов.

Развивайте привычку каждый день лазить на land-book.com нырять в 5 разных сайтов, восстанавливать по ним скетчи. Дополняйте скетчи цветовыми пятнами, как в оригинальном дизайне. Это задание можно выполнять в своем скетчбуке или на планшете. Всего 5-7 минут в день и через месяц вы уже набьете руку более чем на 100 сайтах и станете смелее в композициях.

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

Шаг 4. Возьмитесь за первый проект по веб-дизайну и сделайте его вместе с наставником

Подыщите курс с легким стартом и ассортиментом интересных и жизненных проектов. К примеру курсы UX/UI на Breezzly. Задизайните промошапку, затем попробуйте себя в интерактивном дизайне эффектной промошапки магазина скейтов и соберите эффектную карусель транзишн-переходом, а затем уже погружайтесь дальше через очные курсы с командной работой (поможет сильнее прочувствовать весь дух профессии).

Шаг 5. Изучите процессы и портфолио ТОП-диджитал агентств

Следите за работами диджитал-агентств, многие из них делятся своими кейсами и процессом работы. Вот некоторые из них: Focus lab, Ueno.

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

Дизайн с чего начать. Смотреть фото Дизайн с чего начать. Смотреть картинку Дизайн с чего начать. Картинка про Дизайн с чего начать. Фото Дизайн с чего начатьПример дизайн-кейса Braze

Шаг 6. Изучите ТОП-3 книги по веб-дизайну (международный ТОП)

Сейчас я рекомендую всем следующую подборку книг для старта:

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

Шаг 7. Выпишите TOP-10 навыков дизайнера и поразмышляйте о графике тренировок

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

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

Шаг 8. Вступите в самые популярные сообщества по дизайну и задайте самый волнующий вопрос

Есть три самых насыщенных информацией сообщества в рунете на тему веб-дизайна. И задайте самый волнующий вопрос. Вступайте же:

Шаг 9. Пройдите практику на настоящем сайте под руководством наставника

Первые 8 шагов – это предподготовка. А вот эти три проекта могут стать хорошим планом ближайших серьезных высот. Каждый пункт – это серьезный профессиональный рост.

Важно: в проектах используйте только живой контент, забудьте о “Lorem Ipsum” и генераторах бессмысленного контента. Не знаете где взять тексты, посмотрите на сайтах конкурентов или сайтах смежных тематик, тексты всегда можно позднее заменить или доработать вместе с заказчиком.

Шаг 10. Опубликуйте портфолио

Упакуйте свои наработки в портфолио и доработайте подачу по обратной связи от практиков в сообществе или руководителей в компаниях, где хотите работать (можно через мессенджеры, а лучше личные встречи). Такой шаг поможет вам почувствовать себя увереннее и пойти к новым высотам (Минутка мотивации!).

Вы можете собрать подробное портфолио в Readymag, Tilda или Webflow:

Или поделиться примерами работ, кусочками процесса прямо в dribbble: https://dribbble.com/NewWingsAsya

Очень важно. В портфолио фокусируйтесь на презентации навыков, умений и подхода, а не только на клевом и интересном визуале. Следуйте принципу “один экран/слайд – одна мысль”.

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

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

А еще Readymag, Tilda и Dribbble поддерживают установку счетчика веб-аналитики, так вы сможете видеть из каких стран/регионов и в каком количестве каждый день к вам заходят новые клиенты и чем они интересуются.

Что дальше изучать по веб-дизайну: качайтесь в бренд-дизайне, анимации и иллюстрации

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

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

Вывод и рекомендация

Если вас интересует творческая сторона веб-дизайна и быстрый системный ответ на вопрос «Как стать веб-дизайнером», то вы можете пройти сначала практику в проектах на курсах Breezzly, затем изучить копирайтинг и основы работы с клиентом у Ильяхова, основы типографики, бренд-дизайна и работы с клиентами в Controforma, а затем уже подбирать следующую серию курсов.

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *