Скачать [Udemy] Полный веб и мобильный дизайн 2021 [Andrei Neagoie,Daniel Schifano]

Kail · 11.11.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.

Курс на Английском языке, присутствуют английские субтитры
23,5 ч