Rose debug info
---------------

Подписка на блог

Customize in /user/extras/subscribe-sheet.tmpl.php.

Sample text.

Twitter, Facebook, VK, Telegram, LinkedIn, Odnoklassniki, Pinterest, YouTube, TikTok, РСС JSON Feed

Sample text.

С чего начать путь UX&UI дизайнера (part 1)

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

Я не могу претендовать на звание успешного и известного дизайнера, но я уже работаю в этой сфере 9 с лишним лет. С 2012 года. Долгое время я был фрилансером, сейчас руковожу дизайн-бюро, так же работаю product дизайнером в проекте Jumysbar (BTS Education).

1. Сразу начните работу над каким-то проектом.

И учитесь в процессе создания этого проекта. Такой подход обучения называется Project Based Learning (PBL) и это имхо самый эффективный метод учиться чему-либо. Например, мне когда-то говорили, чтобы научиться играть на фортепиано или на гитаре нужно просто выбрать песню и учиться ее играть. Так же и тут: чтобы научиться UX&UI дизайну просто выбрать проект и учиться в процессе создания этого проекта. Так у вас появится четкое понимание, что надо сейчас надо изучать и для чего.

Как выбрать проект?

Лучше всего будет сделать что-то для себя.
По классике, начните с малого
1) Можно нарисовать вижуал о себе для инстаграма. Либо в формате 1080px*1080px для ленты, либо 1080px*1920px для сториз.
2) Можете просто перерисовать свое резюме в красивом формате. В формате А4.
3) Сделайте сайт о себе, сайт в виде резюме.

Пример персонального сайта Джареда Шиффмана

На чем рисовать?

Сейчас для дизайнеров не нужно учить кучу инструментов, как нам приходилось 5-7 лет назад. Раньше надо было уметь работать на Photoshop, Illustrator или CorelDraw, Indesign, Sketch и тд. Они конечно все между собой похожи, но у всех свои особенности. Их нужно было скачивать, устанавливать, взламывать или покупать и тд. Сейчас же дизайнеру необходим только 1 главный инструмент имхо — это Figma. Его не нужно устанавливать, можно работать с браузера, а можно и установить при желании. Он удобный. Он бесплатный. На нем можно создавать как сложные вещи вроде дизайн-системы или интерфейса приложения, так и очень простые вещи вроде вижуала для инстаграма.

Сайт figma.com

Еще в фигме есть раздел Community, где люди делятся своими наработками. Совершенно бесплатно. Это грубо говоря их бесплатный раздел шаблонов, которые можно использовать и адаптировать под себя. На фотке ниже пример того, что вы можете найти под запросом «social media templates»

Figma Community

Как начать работать на фигме?

Делюсь с вами уроком, который я записал для курса интернет-грамотности от команды Jumysbar. Урок называется «Как работать в графических редакторах». В этом уроке я прохожусь по разным сервисам, объясняю базовый интерфейс Фигмы, создаю вижуал для инстаграма.

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

00:00 Знакомство
00:08 Для чего это вам
00:57 Какие графические редакторы бывают
03:11 🛑Факап
04:23 Начало. Логинимся в фигму
06:08 Что означает каждая кнопочка
12:56 Сначала поймите что вы хотите
14:48 Задаем название
15:27 Создаем рабочую область
15:59 Начинаем рисовать
22:21 Улучшаем верстку
06:08 Можно заканчивать
27:32 Новая открытка
34:55 Экспортируем
37:13 Как делиться проектом

Где еще посоветуешь учиться?

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

2) Дизайн-библиотека Bang Bang Education  — тут есть куча всего. У них есть в библиотеке курс про основы работы на фигме, на тильде, на readymag. Я сам никак не могу дойти до них. Я там только учился курсу быстрого рисунка от Глеба Солнцева
Мне нравится стиль Bang Bang Education. Ощущение, что ребята творят.

Видео о Bang Bang Education

3) Figmaster  — очень интересный проект, который я нашел на ПродактХанте. Вы учитесь работать прямо в самой фигме. Они создали какой-то плагин, с которым вы пошагово создадите полноценную дизайн-систему. Этот курс пока в моих закладках, еще не добрался. Если вы начнете — обязательно отпишитесь потом, как вам.

Резюмируем

  1. Учитесь, работая над проектом.
  2. Пусть вашим первым проектом будет проект о вас.
  3. Работайте на фигме.
  4. Начните с малого. Сделайте простенький постер для начала. Вам с этим поможет мой урок.
  5. Потом можете сделать сайт для себя
  6. Знания для того, чтобы сделать свое резюме или сайт о себе можете взять из советов Бюро-Горбунова и школы Bang Bang Education.

Могу помочь и подсказать

Если вы реально начали что-то делать и вам нужен кто-то, кто подскажет или оценит — скиньте сюда в комментах то, что вы сделали, и я отвечу. Или пишите мне в личку телеграм
https://t.me/shauen.

Подписаться на блог
Поделиться
Отправить
Запинить
 90   2021   Design   Edu   Howto