UI-дизайн для разработчиков

Многие курсы по дизайну фокусируются на мельчайших деталях, сложных теориях, помогая вам на 99% стать визуальным дизайнером, но часто игнорируют аспекты кода и передачи обслуживания. Они заканчивают тем, что отталкивают разработчиков, которые просто хотят изучить основы. Если вы хотите изучить «достаточно» UI, чтобы быть на 100% самодостаточным и лучше сотрудничать с дизайнерами, этот курс для вас.

Этот курс

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

Что вы будете разрабатывать

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

Система проектирования

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

Адаптация для iPad и мобильных устройств

Мы узнаем, как настроить типографику, интервалы, правила навигации и размера для адаптации к iPad и мобильным веб-версиям.

Figma Design Tool

Я считаю, что практика является ключевой, и важно получить контекст из текущего состояния инструментов дизайна. Хотя методики будут выполнены в Figma, большинство шагов можно перенести на другие инструменты дизайна, такие как Sketch, XD и Framer. У Figma есть куча действительно полезных ресурсов, плагинов и техник Auto Layout, которые сделают ваш опыт проектирования чрезвычайно эффективным. Кроме того, у вас будет доступ ко всем файлам дизайна для сравнения ваших достижений, которые можно загрузить из раздела 2.

Каркасные и пользовательские интерфейсы

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