Каждый разработчик должен знать основы дизайна.
Каждый разработчик должен знать основы проектирования, а каждый дизайнер должен знать основы кодирования.
Последние несколько недель я пытаюсь изучить фронтенд-разработку, и не собираюсь лгать, это сложно. Итак, я поговорил с некоторыми из моих друзей, которые уже участвуют в этой роли, и они были удивлены, что я пытался создавать веб-сайты без какого-либо макета.
UI / UX-дизайн - это основная часть фронтенд-разработки, но изначально я игнорировал его, как и многие другие разработчики. Когда я открыл для себя весь конвейер, мне стало понятно, как обстоят дела с интерфейсом.
Мокапы веб-сайта очень помогают в процессе разработки. Это делает его беспроблемным. Все уже решено, подтверждено исследованиями и следует некоторым принципам.
Итак, я решил изучить UI / UX дизайн, и вот процесс, которому большинство моих друзей рекомендовали мне следовать.
1. Нарисуйте вдохновение
Люди осваивают большинство своих навыков путем подражания. Вы начинаете говорить, подражая людям вокруг вас. То же самое относится ко многим вещам в повседневной жизни, которые мы даже не осознаем.
Писатели изучают творчество своего идеала, чтобы найти вдохновение в стилях, словах и структуре.
Мы можем применить тот же процесс, изучив лучшие дизайны. Есть веб-сайты, на которые люди загружают свои макетные проекты и прототипы для множества веб-сайтов и мобильных приложений.
Три самых популярных веб-сайта, на которых я люблю черпать вдохновение:
Дизайн, доступный на этих веб-сайтах, элегантен, привлекает внимание и привлекателен. Вы можете многому научиться, анализируя только один из них. Подумайте о знаниях, которые вы получите, если будете проводить какое-то время каждый день.
2. YouTube
YouTube - это та платформа, где можно чему угодно научиться. Я научился водить машину на YouTube и получил водительские права после месяца практики.
Я фанат YouTube для обучения. Вы будете удивлены, увидев количество «Как сделать» в моей истории поиска.
Я могу продолжать и говорить о том, насколько хорош YouTube. Скорее, вам было бы интересно узнать, по каким каналам следовать? Вот список каналов, которые вы должны проверить -
3. Создавайте макеты проектов и портфолио.
В реальной жизни вам платят не за то, что вы знаете, а за то, что вы строите и какие результаты вы приносите. Итак, зачем изучать теорию и никогда не практиковать?
Не ждите, чтобы узнать все. Ускорьте процесс обучения за счет реализации, построения и практики.
Есть много веб-сайтов, которые предлагают бесплатные задачи UI / UX, чтобы дать вам почувствовать, на чем вам нужно сосредоточиться в реальном мире.
Я буду следить за двумя веб-сайтами:
Один из основных советов для UI / UX-дизайнеров - иметь портфолио со всеми своими проектами, которое можно будет продемонстрировать любому рекрутеру. Если вы ищете работу на роль UI / UX Designer, вам следует начать создавать портфолио.
Самый простой способ начать -
- "Понятие"
Вам не нужно создавать какой-либо веб-сайт. Это приложение для заметок, в котором вы можете хранить свои дизайнерские макеты и показывать их в чистом виде. Вы можете легко поделиться ссылкой на свой блокнот.
4. Проверьте доски объявлений.
Это идеальный прием, который используют многие люди, чтобы увидеть, какие навыки актуальны в отрасли. Если вы планируете изучать какую-либо технологию, перейдите на портал вакансий и посмотрите, сколько компаний хотят использовать эту конкретную технологию.
Это отличный показатель, позволяющий узнать, какие технологии в каких компаниях более популярны. Я обнаружил, что в интерфейсных JavaScript-фреймворках Angular более известен в крупных финансовых компаниях, а React предпочтительнее в стартапах.
Я бы порекомендовал вам применять то же самое ко всему, что вы собираетесь изучать. Проведите небольшое исследование, если это желательно для других, как вы можете монетизировать его и какую ценность он имеет на рынке.
5. Найдите наставника
Учиться. Строить. Принимайте обратную связь. Итерировать.
Я следую этой схеме, чтобы чему-нибудь научиться. Чем быстрее вы начнете строить, тем быстрее получите обратную связь. Чем быстрее вы получите обратную связь, тем быстрее вы сможете улучшить себя.
Так что не откладывайте создание, создание чего-либо, а затем получение обратной связи от наставников.
Наставники - это люди, которые могут ускорить ваше обучение более чем в 100 раз. Хороший наставник может отвезти вас в места, о которых вы даже не догадывались.
6. Инвестируйте в правильное программное обеспечение для проектирования.
Теперь вы можете воплотить свои проекты в жизнь и реализовать все, что вы узнали. Вам нужен дизайнерский инструмент.
Существует множество дизайнерских инструментов, с помощью которых вы можете создавать макеты и прототипы. Но я порекомендую вам подобрать инструменты дизайна, которые активно используются в индустрии.
В конце концов, вы собираетесь использовать дизайн в индустрии или в реальном мире. Итак, зачем практиковать что-то, что не имитирует тот же опыт?
Вот список программного обеспечения, которое, как я видел, часто используют UI / UX-дизайнеры:
Вам стоит попробовать и других, если они вам интересны, и выбрать ту, в которой вы чувствуете себя наиболее комфортно.
Заключительные примечания -
Если вы фронтенд-разработчик, вам будет очень полезно научиться проектировать. Это навык, который должен знать каждый разработчик.
Вот небольшое резюме, которое вы можете выделить или, если вы не прочитали всю статью -
- Нарисуйте вдохновение. Анализируйте уже созданные дизайны от профессионалов. Вы можете искать такие сайты, как Dribbble, Behance или Mobbin.
- YouTube. YouTube - это самая большая база знаний, которая у нас есть. Воспользуйтесь этим, чтобы научиться бесплатно. Ютуберы, которые я рекомендую: DesignCourse, FluxWithRanSegall, Adrian Twarog.
- Создавайте макеты проектов - вы не можете научиться, только читая теорию. Чтобы создавать красивые и чистые дизайны, нужно запачкать руки. Вот несколько сайтов UI / UX Challenge - UX Tools, UX Challenge.
- Проверьте доски объявлений. Начните исследовать популярные навыки в вашем районе и отрасли, чтобы решить, чему вы хотите научиться дальше.
- Найдите наставника. Отзывы имеют решающее значение для нашего роста. Все делают ошибки, но великие люди учатся на них. Найдите наставника, который предоставит вам ценный отзыв.
- Приобретите инструмент для дизайна. Для создания дизайна вам нужен инструмент. Изучите и выберите тот, который вам больше всего подходит. Это широко используемые инструменты - Фигма, Adobe XD.
Если вам понравилась статья, на Medium есть еще много подобных. Вы можете подписаться на их чтение всего за 5 долларов в месяц.
Вот ссылка для неограниченного доступа ко всем материалам на Medium. Если вы зарегистрируетесь по этой ссылке, я заработаю небольшую сумму без каких-либо дополнительных затрат для вас.
Я пишу о программной инженерии и разработке. Подпишитесь здесь, чтобы получать уведомления о моих последних статьях.
Больше контента на plainenglish.io
