Обучение ui/ux дизайну

Идеальный план работы для дизайнера

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

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

1.) Набросок (ручка и бумага) – работа над любым качественным дизайном начинается c ручки и бумаги. Возьмите их и начните с наиболее простых форм.

Идеальный план работы для дизайнера
Отлично.

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

Идеальный план работы для дизайнера

3.) Следующий этап – создание вайрфрейма. Не ограничивайтесь набросками. Вайрфрейм нужен в 100% случаев. Без него просто не обойтись. Откройте Omnigraffle и создайте там вайрфрейм.

Идеальный план работы для дизайнера

4.) Теперь нам потребуется выпадающее меню. Переделайте данные вайрфреймы в Balsamiq.

Идеальный план работы для дизайнера

Сойдет, в случае если ваши клиенты — третьеклассники.

5.) Balsamiq уже выводит вас из себя, пора перейти в Axure.

Идеальный план работы для дизайнера

6.) Axure также начинает выводить вас из себя. Настало время переключиться на Adobe Illustrator и воспользоваться UI Wireframing Kit за 89 долларов.

Идеальный план работы для дизайнера

7.) Теперь экспортируйте данные вайрфреймы в PNG-файлы и затем импортируйте в Invision, чтобы делиться ими с командой.

Идеальный план работы для дизайнера

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

Идеальный план работы для дизайнера

Очень вкусная вещь.

9.) Примите решение никогда больше не использовать Invision. К черту коллегу.

Идеальный план работы для дизайнера

10.) Переделайте прототип в Marvel. Надейтесь, что ваш коллега не сможет понять, как там оставить комментарий.

Идеальный план работы для дизайнера

11.) Все получилось. Вайрфреймы одобрили. А вот коллегу благодарить точно не за что. Пора начать работать над более детализированным прототипом.

Идеальный план работы для дизайнера

12.) Возьмите снимки из банка фото, которыми все пользуются. Оптимизируйте их при помощи Photoshop.

Идеальный план работы для дизайнера

Выглядит довольно оптимизировано.

13.) Откройте Sketch. Начните создавать UI для приложения. Начинает выглядеть, как солидный продукт!

Идеальный план работы для дизайнера

14.) Экспортируйте PNG-файлы. Импортируйте экраны в Flinto Lite.

Идеальный план работы для дизайнера

15.) Теперь вы знаете, что вам необходима навигация при помощи жестов. Заплатите 99$ за Flinto для Mac, и вы сможете ее добавить.

Идеальный план работы для дизайнера

Это разные люди! Важно!

16.) Вашему гендиректору/партнеру/клиенту не нужно еще одно приложение в смартфоне, и он отказывается устанавливать Flinto на собственный iPhone.

Идеальный план работы для дизайнера

17.) Импортируйте макеты в Principle. Добавьте взаимодействия.

Идеальный план работы для дизайнера

18.) Вы понимаете, что Principle экспортирует ваши файлы как видео и бросаете его к черту. Все будет хорошо, не так ли?

Идеальный план работы для дизайнера

19.) Скачайте Pixate, так как он бесплатный.

Идеальный план работы для дизайнера

20.) Попытайтесь разобраться, как использовать Pixate (удачи вам!).

21.) Вам очень захочется разбить компьютер. Попытайтесь не поддаваться этому порыву. Это часть творческого процесса. Необходимо упасть, чтобы потом подняться. Это не навсегда.

Идеальный план работы для дизайнера

22.) Когда Pixate довел вас до ручки, просто смените оборудование и скачайте бесплатно пробную версию Framer.

Идеальный план работы для дизайнера

Выглядит очень многообещающе!

23.) Сходите на обед. Вы это точно заслужили.

Идеальный план работы для дизайнера

Тако — прекрасный вариант.

24.) Вернувшись с обеда, вы увидите, что срок пробной версии Framer истек. (Они реально дают лишь 32 минуты.)

Идеальный план работы для дизайнера

25.) Перестройте ваш прототип в Justinmind.

Идеальный план работы для дизайнера

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

Идеальный план работы для дизайнера

27.) Вы начинаете думать, чтобы прыгнуть с крыши, однако понимаете, что все хорошо, так как ваш друг рассказал вам о новом средстве прототипирования, о котором узнал на конференции, TED talk, meetup, Product Hunt или же из блога.

Идеальный план работы для дизайнера

Это вы.

Спасибо за внимание. Надеюсь, что эта статья поможет дизайнерам.

перевод

Понравилось? Расскажите друзьям:






Комментарии:

(напишите, что вы думаете об этом)