7 шагов, чтобы стать UI/UX дизайнером

Советы и ресурсы, которые помогут вам начать

Перевод статьи, автор: Nicole Saidy

В последнее время я получаю много вопросов от людей:

  • Как я могу получать больше в UI/UX?
  • Я программист/маркетолог/стратег социальных медиа, и я хочу узнать больше о дизайне. С чего мне начать?
  • Откуда ты знаешь что такое хороший дизайн, а что плохой?

«Как я начинала?»

Этот вопрос возвращает меня обратно, когда я впервые начала свою карьеру. 7 лет назад был первый рабочий день на моей работе дизайнером. Я сижу перед пустой страницей в Photoshop на iMac (я была Windows-пользователем до этого). Я пытаюсь осознать, какое задание мне дал мой менеджер. Я понятия не имею как начать. Пустота.

Перед устройством на эту работу я только отучилась в университете с мультимедиа дипломом. Итак, почему я ничего не знала о дизайне? Что ж, университет не учит нас практическому дизайну. Большинство университетских курсов учат нас только теории, а иногда — как использовать инструменты дизайна, такие как Adobe Suite. Но этого недостаточно — даже близко.

Практика и самостоятельное изучение — это единственная вещь, которая может сделать тебя хорошим дизайнером.

Спустя 7 лет самообучения я преподаватель дизайна и спикер международной конференции.

Первую вещь, которую вы должны знать:

Вы не рождаетесь с этим.

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

1. Ознакомьтесь с принципами пользовательского интерфейса

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

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

Вот несколько замечательных советов, которые можно и нельзя делать при создании хорошего пользовательского интерфейса.

2. Изучите творческий процесс UX

Следующая вещь это понимание творческого процесса. UI/UX дизайн это процесс определенных фаз, через которые проходит каждый творческий человек.

Процесс разделен на 4 отдельных этапа — Находи, Определяй, Разрабатывай и Доставляй — Double Diamond — это простая визуальная карта процесса проектирования.

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

Определение
Это этап, где дизайнеры определяют идею, извлеченную из фазы “Поиск”. Из этого создается четкое творческое задание.

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

Сдача
Заключительный этап — этап сдачи, где окончательный проект завершен, произведен и запущен.

Проверьте мою статью “Как оптимизировать рабочий процесс UI/UX с Figma“.

3. Развивайте свой взгляд на дизайн

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

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

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

Вот мои любимые сайты для вдохновения:

  • onepagelove.com Веб-сайт на одну страницу создан для вашего вдохновения.
  • awwwards.com Сайт, продвигающий дизайнерские таланты.
  • dribbble.com Сообщество дизайнеров, которые делятся своими работами.
  • pttrns.com Коллекция мобильных шаблонов дизайна.
  • uimovement.com Лучшее вдохновение для дизайна пользовательского интерфейса каждый день.

4. Читайте дизайнерские статьи каждый день

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

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

Так начните свой день с чашки кофе и нескольких вдохновляющих статей на Medium или Smashing magazine. Изучение новых вещей утром расширит ваш кругозор и создаст пространство для творчества в течение дня.

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

Вот мои любимый блог и новостные веб-сайты про дизайн:

5. Дизайн несуществующих проектов

Навык мастера ставит. И мы все знаем, что мы не можем получить клиентов/работы без опыта. Но без работы или проектов мы не практикуемся, правильно?

Но мы можем сломать этот круг практикуясь самостоятельно, создавая несуществующие проекты для удовольствия! Dribbble полон этим.

Facebook Material Design by Kevin McCarthy

Найдите время, чтобы выбрать веб-сайт или приложение которое используете и сделайте редизайн. Это может быть что угодно, если вы думаете, что может быть лучше. Вы можете также сделать дизайн своей собственной идеи.

Исходя из этого вы создадите свое дизайнерское портфолио и будете практиковаться в дизайне.

6. Изучите последние инструменты веб-дизайна

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

Вот последние инструменты, которые я использую в своей работе:

  • Sketch для дизайна интерфейса
  • Figma для совместного проектирования дизайна
  • Balsamiq для схематичных прототипов
  • Adobe XD для дизайна интерфейсов и проектирования
  • Marvel App для создания интерактивных макетов
  • Invision App для прототипирования и совместной работы

7. Будьте наставником и найдите себе наставника

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

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

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

Всякий раз, когда вы говорит о дизайне с другими людьми, ваш разум будет в “мозговом штурме”, и вы будете все больше и больше интересоваться дизайном.

Проверьте мой Github репозиторий Awesome Web Design, в нем есть список курируемых ресурсов для веб-дизайнеров.

Картинки: pexels.com, unsplash.com

 21   6 мес   UI/UX   перевод