Как Не Выпрыгнуть Из Окна, Идеальный Рабочий Процесс Дизайнера

Как дизайнеры, мы постоянно экспериментируем с различными инструментами и процессами, чтобы найти наиболее эффективные решения.

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

Дизайн — это процесс, и тот вариант этого процесса, который я опишу ниже, использовался мной во всех проектах для создания так называемых «привыкающих» продуктов (т. е.

продуктов, вызывающих привыкание), которые так любят пользователи.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

1) Эскизы ( бумага И ручка ) — каждый великий дизайн рождается на бумаге.

Возьмите лист бумаги и ручку и начните рисовать фигуры.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

2) Далее вам нужно сфотографировать свои эскизы на смартфон и загрузить их на ПОП .

Таким образом, вы сможете протестировать свой прототип.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

3) Далее вам нужно сделать каркасы.

«Скетчей никогда не бывает достаточно.

Каркасы требуются почти в 100% случаев.

Здесь нет вариантов.

Открыть Омниграффл и создавайте свои каркасы в этом приложении.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

4) Внезапно вы понимаете, что вам нужно добавить выпадающее меню, и, следовательно, вам придется переделать некоторые каркасы в Бальсамик .



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

Неплохо для рисования третьеклассников.

5) А теперь представьте, что вы до смерти ненавидите Balsamiq и переделываете то же самое в Аксур .



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

6) А теперь представьте, что вы до смерти ненавидите Axure и решили сделать то же самое в Adobe Illustrator используя комплект UI Wireframeming за 89 долларов.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

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



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

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



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

Кстати, какая же это вкуснятина.

9) Вы решили никогда больше не использовать Invision. И все из-за недовольного коллеги.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

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

Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

11) Вы достигли своей цели.

Каркасы утверждены.

Пришло время поработать над более детальным прототипом.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

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



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

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



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

13) Открыть Эскиз и начните создавать пользовательский интерфейс для вашего приложения.

Начинаем выглядеть как настоящий продукт!

Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

14) Теперь экспортируйте их в файлы PNG и импортируйте экраны в Флинто Лайт .



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

15) Представьте, что вам нужны жесты, поэтому заплатите 99 долларов за Флинто для Mac поэтому вы можете добавить жесты.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

Это разные люди! Очень важно! 16) Ваш начальник/основатель/клиент «не хочет устанавливать другое приложение на свой телефон» и отказывается загружать Flinto на свой iPhone.

Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

17) Импортируйте дизайны в Принцип и добавьте взаимодействия.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

18) Представьте себе, Принцип экспортирует прототип в виде видео! Смиритесь.

Все будет хорошо, правда?

Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

19) Скачать Пиксате , потому что это бесплатно, а почему бы и нет?

Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

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

21) Вам просто захочется сломать свой компьютер.

Я бы посоветовал сопротивляться этому побуждению, если вы можете.

Это все часть творческого процесса.

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



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

22) Когда Pixate свел вас с ума, смените ситуацию и загрузите бесплатную пробную версию Создатель .



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

Выглядит многообещающе! 23) Сделайте перерыв на обед. Ты заслуживаешь это.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

Тако — отличный выбор.

24) Вернитесь с обеда и обнаружите, что срок действия вашей пробной версии Framer истек.

(Серьезно, суд длится всего 32 минуты).



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

25) Создайте прототип еще раз, но на этот раз Джастинмайнд .



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

26) Ловите лучи добра от коллег, которым прислали файл Justinmind. Никто из команды никогда не слышал о Джастинминде.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

27) Подумайте о том, чтобы выпрыгнуть из окна, но выход есть — друг рассказал вам о новом инструменте для прототипирования.



Как не выпрыгнуть из окна, идеальный рабочий процесс дизайнера

Это ты.

Спасибо за чтение.

Надеюсь мой опыт поможет вам в работе, а если нет, то Мусульманское дизайнерское сообщество Они обязательно вам помогут. Теги: #Прототипирование #Дизайн мобильных приложений #Графический дизайн #интерфейсы #illustrator #Adobe Photoshop #AxureBalsamiq #Flinto #Justinmind #Omnigraffle #Pixate

Вместе с данным постом часто просматривают:

Автор Статьи


Зарегистрирован: 2019-12-10 15:07:06
Баллов опыта: 0
Всего постов на сайте: 0
Всего комментарий на сайте: 0
Dima Manisha

Dima Manisha

Эксперт Wmlog. Профессиональный веб-мастер, SEO-специалист, дизайнер, маркетолог и интернет-предприниматель.