[Udemy] Полный веб и мобильный дизайн 2021: UI/UX, Figma, +многое другое (2020)

Чему вы научитесь
Создавайте красиво оформленные веб- и мобильные проекты для своих клиентов, используя современные инструменты, которые будут использоваться ведущими компаниями в 2021 году.
Получите работу дизайнера или станьте фрилансером, который может работать где угодно и для кого угодно. Дизайнеры пользуются большим спросом!
Включает в себя более 100 ресурсов и премиальных шаблонов дизайна, которые вы можете сохранить и использовать для настройки для всех ваших будущих проектов.
Освойте Figma для своих потребностей в дизайне, а затем научитесь преобразовывать свои проекты в живой HTML-сайт и CSS-сайт.
К концу курса получите великолепное дизайнерское портфолио, настроенное и профессионально завершенное (мы предоставим его вам!)
Освойте принципы веб- и мобильного дизайна и научитесь переходить от эскизов к полноценному высокому качеству дизайна, который поразит клиентов
Научитесь разрабатывать для всех типов устройств с помощью Figma и других инструментов, используемых некоторыми из ведущих дизайнеров мира.
Научитесь использовать HTML5 и CSS3, чтобы оживить ваш дизайн и создавать полностью работающие веб-сайты.
Изучите лучшие практики, на изучение которых уйдут годы в индустрии дизайна
Научитесь делать профессиональные логотипы и выбирать дизайн для всех потребностей брендинга
Изучите лучшие практики UI / UX, используя последние тенденции в отрасли
Научитесь быть дизайнером и веб-разработчиком одновременно (редкое сочетание навыков, которое очень востребовано)!
Требования
Никаких требований. Мы научим вас и покажем все с нуля! От нуля к мастерству
Приготовьтесь влюбиться в дизайн и превратить все, к чему вы прикасаетесь, в красивые проекты на всю оставшуюся жизнь!
Описание
Только что запущен со всеми современными инструментами дизайна и лучшими практиками на 2021 год! Присоединяйтесь к живому онлайн-сообществу, состоящему из более чем 350 000 студентов, и к курсам, проводимым отраслевыми экспертами, которые действительно работали как в Кремниевой долине, так и в Торонто для ведущих компаний. Хорошего дизайнера становится все труднее и труднее найти, и нередко можно найти дизайнеров, которые получают зарплату более 160 000 долларов, потому что это очень ценный навык. Мы научим вас, как туда добраться!
Используя новейшие передовые практики в веб-дизайне и мобильном дизайне, а также в пользовательском интерфейсе и дизайне пользовательского опыта (UI / UX), этот курс направлен на то, чтобы эффективно довести вас с нуля до точки, когда вы можете получить работу или выиграть контракты с фрилансером. Мы будем использовать такие востребованные инструменты, как Figma, чтобы показать вам полный рабочий процесс от начала до конца.Выпускники курсов Андрея сейчас работают в Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook и других ведущих технологических компаниях.
Курс также включает более 100 ресурсов и шаблонов дизайна премиум-класса, которые вы можете сохранить и использовать для настройки для всех ваших будущих проектов. Мы гарантируем, что это наиболее полный онлайн-ресурс о дизайнерских навыках!
Учебная программа будет очень практичной, поскольку мы проведем вас от начала до конца работы в качестве дизайнера, вплоть до изучения того, как создавать окончательные профессиональные проекты, а затем конвертировать их в реальные веб-сайты или приложения с использованием HTML и CSS.
В курсе рассматриваются следующие темы …
00 Принципы веб- и мобильного дизайна + Дизайн против веб-разработки
01 НАЧАЛО РАБОТЫ — Эскиз, Вдохновение + Структура
1. Рисование
Введение в создание эскизов
Создание эскизов UX-потоков
Советы по рисованию
2. Вдохновение
Как оставаться воодушевленным
Как найти вдохновение в Интернете
3. Потоки пользователей
Что такое пользовательские потоки?
Что можно и чего нельзя
Ускорение рабочего процесса с помощью компонентов
Создание собственных пользовательских потоков (Регистрация) Часть 1
Создание собственных пользовательских потоков (Поиск) Часть 2
Создание собственных пользовательских потоков (Checkout) Часть 3
4. Карты сайта
Введение в карты сайта
Создание базовой карты сайта
Что вам следует сделать перед началом
Создание карты сайта (часть 1)
Создание карты сайта (часть 2)
Советы по началу работы
02 ИЗУЧАЙТЕ И ИТЕРАЙТЕ — Вайрфреймы, прототипирование и обратная связь
1. Каркасы
Что такое каркас?
Как создать каркас?
Ускорение рабочего процесса в Figma
Создание нашей домашней страницы
Создание страницы продукта
Создание страницы оформления заказа
2. Прототипирование
Основы прототипирования в Figma (устройство + триггеры)
Основы прототипирования в Figma (Действия)
Основы прототипирования в Figma (Overflow)
Основы прототипирования в Figma (презентация + совместная работа)
Связывание быстрого пользовательского потока в Figma
Работа над небольшими взаимодействиями с Figma
3. Получение обратной связи
Почему так важна обратная связь?
Как получить конструктивный отзыв
03 ВИЗУАЛЬНЫЙ ДИЗАЙН — Теория дизайна + доступность
1. Сетки + интервалы
Основы интервалов и сетки
Адаптивные сетки в Figma
Создание собственной сетки в Figma
Правила сетки
2. Типографика
Основы типографики Часть 1
Соответствие шрифтов эпохе
Основы типографики Часть 2
Выбор правильного шрифта
Основы типографики Часть 3
Выбор шрифта
Подходит ли ваш шрифт вашему сценарию?
Расширение существующей системы типов
Выбор гарнитуры в Google Fonts
Сужаем выбор типографики
Создание системы шрифтов в Figma
3. Цвет
Цветовые схемы
Важные вопросы, которые следует задать перед выбором цвета
Полезные советы по созданию цветовых палитр
Создание монохромной цветовой палитры
Применяем нашу простую цветовую палитру
Расширение строгой цветовой палитры
Создание собственной цветовой палитры
4. Формы + элементы пользовательского интерфейса
Что такое элементы пользовательского интерфейса
Рекомендации. Часть 1. Формы.
Лучшие практики, часть 2: входы, часть 1
Лучшие практики, часть 2: входные данные, часть 2
Лучшие практики, часть 2: входы, часть 3
Лучшие практики, часть 2: входы, часть 4
Рекомендации, часть 3: кнопки
Как создавать компоненты в Figma
Использование атомарных элементов в Figma
Использование экземпляров в Figma
Редактирование экземпляров для создания новых компонентов
Использование ограничений для создания отзывчивых компонентов
Создание регистрационной формы в Figma
5. Изображения + иконография
Ресурсы и методы для создания отличных визуальных ресурсов
Работа с фотографиями в Figma Часть 1
Работа с фотографиями в Figma Часть 2
Работа с иллюстрациями в Figma
Использование плагинов Figma для быстрого поиска иконок
Создание собственных иконок
6. Доступность
Что такое доступность?
Вспомогательные технологии
Визуальные шаблоны для доступности (Часть 1)
Инструменты, которые сделают ваш дизайн доступным
Визуальные шаблоны для доступности (Часть 2)
04 ИЗУЧЕНИЕ ДИЗАЙНА — Дизайн приложений + Дизайн-системы
1. Шаблоны проектирования
Что такое шаблоны проектирования?
В чем ценность шаблонов проектирования?
Как применять шаблоны проектирования
Вместе анализируем шаблоны проектирования
Вместе анализировать и выбирать шаблоны дизайна
2. Мобильный дизайн
Лучшие практики мобильного дизайна (часть 1)
Лучшие практики мобильного дизайна (часть 2)
3. Применение визуального дизайна
Верность дизайна
Исследование стиля (навигация)
Исследование стиля (карты)
Исследование стиля (интересы)
Исследование стиля (новые элементы)
4. Движение
Важность движения
Цель движения
Введение в Smart Animate
Демонстрация возможностей Smart Animate
5. Микровзаимодействия
Что такое микровзаимодействия?
Почему они так важны?
Создание собственных микровзаимодействий (Часть 1)
Создание собственных микровзаимодействий (часть 2)
Использование Figmotion (Часть 1)
Использование Figmotion (Часть 2)
05 СОБИРАЕМ ВСЕ ВМЕСТЕ — Использование нашей системы дизайна и прототипирования Hi-Fi с Figma
1. Дизайн-системы
Что такое дизайн-система?
Основа (цвет)
Фундамент (решетки и интервалы)
Фонд (типографика)
Фонд (иконография)
Компоненты (кнопки)
Компоненты (входы)
Компоненты (карты)
Рецепты (макеты карточек)
Рецепты (поиск)
Рецепты (заказы)
2. Заключительные сочинения
Используя нашу дизайн-систему (Поиск)
Используя нашу дизайн-систему (Описание продукта)
Используя нашу дизайн-систему (Корзина)
06 ИЗ FIGMA НА ВЕБ-САЙТ (возьмите дизайн Figma и преобразуйте его в живой веб-сайт с помощью HTML и CSS)
07 HTML + HTML5
08 CSS + CSS3 — Основы CSS, CSS Grid, Flexbox, CSS-анимация
09 РАЗМЕЩЕНИЕ ВАШЕГО САЙТА ОНЛАЙН
Этот новый курс проведет вас от самых основ, где мы говорим о принципах и основах графического дизайна, до создания красивых продуктов, изучения UX / UI и взаимодействий, а также создания полного процесса дизайна, который вы сможете использовать со всеми ваших будущих проектов и клиентов. Мы в значительной степени охватываем все это, так что в следующий раз, когда вы будете отвечать за разработку продукта, у вас будет пошаговый план и руководство по работе в качестве профессионального дизайнера.
Мы научим вас навыкам, которые позволят вам тратить много денег на свое время. Не соревноваться за несколько долларов в час на случайных сайтах фрилансеров. Цель состоит в том, чтобы дать вам навыки ведущего дизайнера, и попутно мы собираемся разработать реальный продукт для компании, который вы сможете добавить в свое портфолио.
Этот курс не о том, чтобы вы просто смотрели, не понимая принципов, так что, когда вы закончите курс, вы не знаете, что делать, кроме как посмотреть другой учебник. Нет! Этот курс подтолкнет вас к тому, чтобы пройти путь от абсолютного новичка до ведущего дизайнера, которого можно нанять! Дизайн — это ценный навык, который не так быстро устаревает, как большинство технических навыков. Тенденции меняются, но навыки и основы, которые вы изучаете в этом курсе, перенесут вас на много лет в будущее.
Этот курс для вас, если:
— вы полный новичок, желающий стать дизайнером и фрилансером.
— Вы дизайнер, который хочет платить больше за свою работу.
— Вы разработчик, который хочет улучшить свои дизайнерские навыки.
Обучает:
Андрей — инструктор самых популярных курсов развития на Udemy, а также одного из самых быстрорастущих. Его выпускники перешли на работу в некоторые из крупнейших технологических компаний по всему миру, такие как Apple, Google, Tesla, Amazon, JP Morgan, IBM, UNIQLO и т. Д. Он работал старшим разработчиком программного обеспечения в Кремниевой долине и Торонто. в течение многих лет, и теперь он использует все, чему он научился, чтобы обучать навыкам программирования и помогать вам открывать для себя удивительные карьерные возможности, которые дает в жизни работа разработчика.
Будучи программистом-самоучкой, он понимает, что существует огромное количество онлайн-курсов, учебных пособий и книг, которые слишком многословны и не соответствуют необходимым навыкам. Большинство людей чувствуют себя парализованными и не знают, с чего начать, изучая сложный предмет, или, что еще хуже, у большинства людей нет 20000 долларов, которые можно потратить на учебный курс по программированию. Навыки программирования должны быть доступными и открытыми для всех. Учебный материал должен учить актуальным навыкам реальной жизни и не должен тратить зря драгоценное время ученика. Получив важные уроки из работы в компаниях из списка Fortune 500, технологических стартапах и даже в создании собственного бизнеса, он теперь посвящает 100% своего времени обучению других ценным навыкам разработки программного обеспечения, чтобы взять под контроль свою жизнь и работу в увлекательной промышленность с безграничными возможностями.
Андрей обещает вам, что нет других курсов, более всеобъемлющих и хорошо объясненных. Он считает, что для того, чтобы узнать что-то ценное, нужно начать с основы и развивать корни дерева. Только оттуда вы сможете изучить концепции и конкретные навыки (листья), связанные с фундаментом. При такой структуре обучение становится экспоненциальным.
Благодаря своему опыту в области педагогической психологии и программирования, курсы Андрея научат вас пониманию сложных предметов, о которых вы никогда не думали.
———
Дэниел — лидер в области технического дизайна с большим опытом помощи стартапам в создании и повторении своих продуктов. Дэниел увлечен обучением и расширением возможностей дизайнеров и работой с другими дисциплинами для создания целенаправленных продуктов, которые соответствуют как пользовательским, так и бизнес-целям.
Его подход к дизайну всегда продуман и многогранен. Дэниел часто работает вместе со своей командой, будь то набросок концепций и потоков или разработка стратегии дизайна с руководителями групп и внешними заинтересованными сторонами.
Даниэль — многогранный дизайнер, чей опыт распространяется во многих дизайнерских дисциплинах. Это включает в себя пользовательский интерфейс и визуальный дизайн , исследования пользователей , стратегию продукта , методологии бережливого и гибкого дизайна и многое другое. Работа HI помогла разработать различные решения для различных отраслей, таких как жилищное строительство, блокчейн и здравоохранение.
Когда он не занимается созданием продуктов, Даниэль выступал и выступал наставником на различных встречах и мероприятиях. Он стремится вернуть сообществу дизайнеров то, чему он научился и чему продолжает учиться. Дэниел стремится всегда помогать, обучать и поддерживать других дизайнеров в их карьере .
Увидимся на курсах!
Для кого этот курс:
Любой, кто хочет начать бизнес в области веб- или мобильного дизайна в качестве фрилансера или работать дизайнером в компании.
Веб-разработчики и разработчики мобильных приложений, желающие добавить еще один ценный навык в свой набор инструментов
Всем, кто хочет работать веб-дизайнером, мобильным дизайнером, UI / UX дизайнером.
Всем, кто хочет узнать о последних функциях CSS3, таких как Flexbox, CSS Grid и CSS-переменные, а также HTML5.
Курс на Английском языке, присутствуют английские субтитры