maks_proud

ЧЕК-ЛИСТ
НАЧИНАЮЩЕГО
ВЕБ-ДИЗАЙНЕРА
@maks_proud @maks_proud @maks_proud @maks_proud @maks_proud

Привет!
Меня зовут Максим, я – UX/UI дизайнер.
Уверен, что если вы внимательно изучите
этот гайд, то непременно сможете выделить для себя
те инструменты, которые приведут к желаемым
результатам в самое ближайшее время!
Также очень рекомендую подписаться на мой
инстаграм, где я делюсь полезной информацией
в сфере веб-дизайна.

@maks_proud @maks_proud @maks_proud @maks_proud @maks_proud

 @maks_proud

Дизайн
«Есть три ответа на результат дизайна – да, нет и НИЧЕГО СЕБЕ!
«Ничего себе» – это то, к чему надо стремиться». (Milton Glaser)

На самом деле UX/UI дизайнер — это в первую очередь

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

@maks_proud
01
 @maks_proud

UX/UI Дизайн
User Experience или UX (опыт пользователя) — опыт |
впечатление получает пользователь от работы с интерфейсом.
Получится ли у него достичь своей цели, будет ли ему просто или
легко это сделать. Здесь определяется удобство и логика,
структура и иерархия элементов. Более психологическое и
абстрактное понятие, чем UI. Но есть ряд правил, которые должен
знать хороший дизайнер, чтобы постараться сделать свой
интерфейс максимально удобным.

User Interface или UI (пользовательский интерфейс) — внешний

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

UI UX

@maks_proud
02
 @maks_proud

Что нужно знать

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

Базовый UX
Интервью с клиентом;
Определение проблемы и задачи;
Интервью с пользователями;
Генерация идей;
Визуальное представление последовательности действий;
Прототипирование;
Тестирование решений.

Базовый UI
Основы цветоведения и типографики;
Основы композиции и навигации;
Сетки: иерархия, журнальная типографика, основы сетки;
Знание основных компонентов и как они работают; кнопки,
формы, элементы навигации и тд;
Стиль, создание мудбордов, изучение референсов;
Базовое понимание популярных дизайн систем;
Практиковать насмотренность;
Копировать чужие работы для практики.

@maks_proud
03
 @maks_proud

Личные качества
Знание английского от уровня Intermediate и выше (если хотите
работать с иностранными заказчиками или в топовых компаниях);
Ответственность за результат;

Работа в команде;

Развитые коммуникативные навыки;

Самостоятельность;

Умение уделять внимание деталям;

Понимание всех этапов создания продукта;

Умение вести несколько проектов параллельно;

Тайм-менеджмент, рациональная организация рабочего

процесса;

Саморазвитие, повышение своего профессионального уровня.

@maks_proud
04
 @maks_proud

Программы
Я считаю, что для начала работы знание Figma (Windows & МасOS)
более чем достаточно, потому что эта программа позволяет не
только спроектировать интерфейс, но и сделать кликабельный
прототип с классной анимацией. Эта программа заменит вам
несколько программ одновременно. Также это облачная
программа, которая позволяет работать онлайн с другими
дизайнерами и легко делиться дизайном с клиентами или
другими пользователями;

Adobe XD (Windows & MacOS) является аналогом программы

Figma;

После изучения программы Figma переходите к Adobe Photoshop и

Adobe Illustrator. Эти программы созданы для работы с графикой:
иллюстрациями и иконками;

Многие дизайнеры работают в Sketch (МасOS), но Figma больше

преимуществ в плане облачного хранения и обновления в онлайн
режиме;

Программы Principle/After Effects используются для анимации

интерфейсов.

Framer - для продвинутых пользователей, позволяет сделать

полноценную "Демострацию"(Demo) проекта. С помощью этой
программы вы сможете сделать так, что пользователь не отличит
прототип от настоящего продукта. Минус этой программы -
нужно уметь писать код.

@maks_proud
05
 @maks_proud

Ресурсы для вдохновения

Awwwords - UI (визуал) вдохновение для создания собственного
креативного;

Behance – можно найти не просто классное визуальное решение,

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

Dribbble -поможет найти крутые визуальные решения.

NNGroup - ресурс, на котором найдете лучшие статьи по UX

практикам, которые помогут вам разобраться в ваших вопросах.

Pinterest - легко найти крутые примеры работ.

Ux.stories – ресурс связан с UI/UX дизайном. Поможет вам

разобраться в ваших вопросах.

Material Design, HIG, Corbon - сайты крутых дизайн систем,

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

One page love – интересные одностраничные сайты.

@maks_proud
06
 @maks_proud

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

О шрифте (Эрик Шпикерманн)

Визуальное Мышление (Дэн Роэм)

Профессия – Иллюстратор (Натали Ратковски)

Дизайн – Мышление в бизнесе (Тим Браун)

Дизайн – это работа (Майк Монтейро)

Искусство цвета (Иоханнес Иттен)

Отзывчивый Веб-дизайн (Итан Маркотт)

Дизайн привычных вещей (Дональд Норман)

Веб-дизайн: не заставляйте меня думать (Стив Круг)

Эмоциональный дизайн (Дональд Норман)

@maks_proud
07
 @maks_proud

Где искать работу?

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

@maks_proud
08
 @maks_proud

Работа в офисе VS Фриланс

Офис

Вы учитесь работать в команде: объединение нескольких людей

над одним проектом.

Всегда есть человек, который направит на верный путь.

Стабильность. Зарплата не зависит от объёма выполненной

работы. Вы, в любом случае, получите свои деньги.

Большинство IТ компаний предлагают гибкий график работы.

Оплачиваемые отпуск и больничный. Чай/кофе, вкусности;

оплата за проф.курсы и английский; страховка и т.д.

Вы привязаны к офису, даже если есть удаленка.

У вас не будет возможности отказаться от проекта, который вам

не нравится.

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

@maks_proud
09
 @maks_proud

Фриланс

Возможность самому выбирать время и дни работы. Можете

работать хоть ночью;

Свобода. Вы можете работать в любой точке мира. Главное, чтобы

был хороший интернет и ноутбук;

Нет границ. Ваш заработок зависит только от вас, от ваших знаний

и вашего умения продавать;

Вы сами решаете какие проекты брать и с какими клиентами

работать;

Работа без посредников. Не всегда, но чаще всего вы работаете

напрямую с клиентом;

Вы развиваете свои умения в общении с клиентами,

планированием своего времени и тд.

Нет стабильности. У вас нет установленной зарплаты. В этом

месяце вы можете заработать 60 тыс, в следующем 5 тыс, а в
другом 100 тыс. Все будет зависеть только от вас;

Никто не оплатит вам больничный и отпуск;

Нет наставника и помощи опытных коллег. На свои вопросы

придется искать ответы самому.

@maks_proud
10
 @maks_proud

С какой зарплаты
начинать?
Нужно постоянно мониторить рынок фриланса. Для начала
можно начинать с 500 рублей/час, и дальше повышать 600, 700,
800 и тд.
Наблюдайте за другими дизайнерами - сколько они берут за ту
или иную работу. В среднем новичок, который только закончил
курсы, может просить от 30 000 рублей.
Дальше по мере вашего профессионального роста вы сможете
указывать цену намного выше.

@maks_proud
11
 @maks_proud

Где искать работу?

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

Список классных бирж:

ФЛ.РУ
Фриланс.ру
Фрилансим
Воркзилла
Фриланс бутик
Топкриэйтор
Фрилансер

Совет - не стесняйся работать на западных биржах, вроде

https://www.freelancer.com/
https://www.upwork.com/

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

клиенты. И зачастую они пишут непосредственно на Behance или
Dribbble, где опубликованы ваши работы.

@maks_proud
12
 @maks_proud

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

Нет необходимости делать свойсобственный сайт (конечно, если у

вас есть время и возможности на собственный сайт, лишним он не
будет), вам достаточно будет правильно оформить свои работы и
залить их на Behance и Dribbble.

@maks_proud
13