Вы находитесь на странице: 1из 15

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