udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Основы пользовательского интерфейса - Adobe XD UI UX Design
User Experience Design Essentials - Adobe XD UI UX Design
★5 (всего оценок - 18)
Продолжительность
12 ч 46 мин
Категория
Adobe XDКоличество уроков
94 Видео
Дата добавления
26 февр. 2020 г., 21:01
Язык
Английский
Дата выхода
15 мая 2019 г., 22:56
Дата обновления
19 нояб. 2020 г., 19:08
Вы хотите попасть в мир UI / UX, но не знаете с чего начать? Этот курс позволит вам добавить UX-дизайнер в ваше резюме и начать получать деньги за ваши новые навыки.
О курсе
Всем привет! Меня зовут Дэн, я сертифицированный инструктор Adobe. Я здесь, чтобы помочь вам эффективно и всесторонне изучить Adobe XD. XD - это фантастический инструмент дизайна, используемый профессионалами отрасли для создания высококачественных и функциональных макетов. К концу этого курса вы сможете разработать практичные и эффективные проекты пользовательского интерфейса (UX) и пользовательского интерфейса (UI).
Практические навыки в реальных проектах
На протяжении всего курса я буду приглашать вас принять участие в реальном внештатном проекте, над которым я работаю. Это проект, который требует нового веб-интерфейса и мобильного приложения. Это подготовит вас к работе с реальными проектами, если вы решите развивать карьеру в UX / UI.
Кому подходит этот курс?
Этот курс предназначен для людей, интересующихся UI / UX Design. Мы начнем с самого начала и будем работать до конца, шаг за шагом. Если у вас уже есть опыт работы с UI / UX Design но вы хотите освоить Adobe XD, то этот курс также идеально подходит для вас!
Что вы изучите?
Основы UX и UI Design
Сначала мы рассмотрим различия между UX и UI Design. Мы рассмотрим краткое описание текущего проекта, а затем узнаем о низкокачественных каркасах и использовании существующих комплектов дизайна пользовательского интерфейса.
Инструменты Adobe XD
Я рассмотрю все основные инструменты, необходимые для создания отличных каркасов, включая: типографику, цвета, значки, Lorem ipsum, артборды, макеты, всплывающие окна, символы и повторяющиеся сетки. Мы даже будем использовать новое приложение для создания прототипов, чтобы вы могли испытать свой прототип на своем мобильном устройстве.
Интеграция с другими приложениями
Важной частью максимизации рабочего процесса UX Design является возможность использования другого программного обеспечения, такого как Photoshop и Illustrator. Я покажу, как использовать оба чтобы повысить производительность XD.
Новые возможности в XD
Одна из удивительных новых особенностей XD - это микро-взаимодействия. Я расскажу вам все о них и о том, как использовать их для создания иконок и сцен. Это одна из частей веб-дизайна, которая быстро развивается, поэтому важно изучить ее раньше.
Практические задания
На этом уроке вы выполните два классных проекта, которые помогут развить ваши навыки и дадут вам что-то для собственного портфолио.
Настало время обновить себя и изучить Adobe XD.
- Урок 1.00:02:54Introduction to the User Experience Course
- Урок 2.00:02:22Getting started with your Adobe XD project
- Урок 3.00:06:20What is UI vs UX - User Interface vs User Experience vs Product Designer
- Урок 4.00:11:23The UX brief & persona for our real life project
- Урок 5.00:01:59Wireframing (low fidelity) in Adobe XD
- Урок 6.00:13:07How wide should my website or app be in Adobe XD?
- Урок 7.00:07:50Working with existing UI kits in Adobe XD
- Урок 8.00:09:10Working with type in your XD wireframes
- Урок 9.00:14:15Basic Colors & buttons in Adobe XD wireframes
- Урок 10.00:11:46Free icons for your Adobe XD & UX UI projects
- Урок 11.00:05:28Adding footers & Lorem Ipsum to our XD wireframe
- Урок 12.00:04:21New Pages & Artboards in Adobe XD
- Урок 13.00:11:12Class Project 01 – Wireframe Homepage & Contact Us Page
- Урок 14.00:08:54Prototyping & adding interactivity to Adobe XD
- Урок 15.00:07:58How to create a Popup Modal or popup box in Adobe XD
- Урок 16.00:02:55Class project 02 – Prototype
- Урок 17.00:02:31Working with groups & isolation mode in Adobe XD
- Урок 18.00:17:20How to make & use symbols in Adobe XD
- Урок 19.00:03:53Production Video - Left Nav
- Урок 20.00:05:28Using the repeat grid in Adobe XD
- Урок 21.00:08:55Updating symbols & problems with using repeat grids
- Урок 22.00:06:04Prototype Trick to save time in Adobe XD
- Урок 23.00:04:49Navigation tricks & tips in Adobe XD
- Урок 24.00:04:08Class Project 03 - Symbols & Repeat Grids
- Урок 25.00:09:41Mocking up an App in Adobe XD
- Урок 26.00:08:05How to use the XD App on iPhone & Android
- Урок 27.00:03:11Adding iPhone & Android battery & status icons to mockup
- Урок 28.00:01:02How to fixed the position of the nav or battery icons in XD
- Урок 29.00:06:46Production Video - Login & Dashboard
- Урок 30.00:13:33Sharing Wireframes for comments in Adobe XD
- Урок 31.00:03:14Recording your interactions via video using Adobe XD
- Урок 32.00:01:22Class project - Wireframe Feedback
- Урок 33.00:07:44Mood Boards & resources for Hi fidelity UI design in Adobe XD
- Урок 34.00:01:00Class project - Mood Board
- Урок 35.00:04:58How to create a 12 Column or Grid in Adobe XD 2018
- Урок 36.00:09:03Working with colors inside Adobe XD CC
- Урок 37.00:06:35Tricks for using colors in Adobe XD
- Урок 38.00:03:51How to create gradients in Adobe XD
- Урок 39.00:02:15Class project 06 – Colors
- Урок 40.00:18:01Use Web safe fonts or iOS or Android specific fonts in Adobe XD
- Урок 41.00:07:00How to use Character Styles in Adobe XD
- Урок 42.00:05:44Font & Text tips tricks in Adobe XD
- Урок 43.00:05:40Adding our first Plugin Lorem Ipsum to Adobe XD
- Урок 44.00:13:16Creating realistic buttons in Adobe XD with paste properties
- Урок 45.00:02:22Class project 07 - Text & Buttons
- Урок 46.00:04:14How to draw your own custom icons in Adobe XD
- Урок 47.00:14:29Working with stokes & lines in Adobe XD
- Урок 48.00:14:35Learn to drawing with the pen tool in Adobe XD
- Урок 49.00:07:16Drawing practise with the pen tool in Adobe XD
- Урок 50.00:12:29Production Video with some drawing tips
- Урок 51.00:09:35Back and forth with Illustrator in Adobe XD
- Урок 52.00:01:50Class project 08 - Draw your own icons
- Урок 53.00:11:39Working with InDesign in Adobe XD
- Урок 54.00:03:59The pros & cons for working with images inside Adobe XD
- Урок 55.00:11:02Working with images and CC Library connection
- Урок 56.00:05:21Adobe Stock connection to find similar image for XD project
- Урок 57.00:01:49Free images to use in your XD mockups - Unsplash Pexels Freeimage
- Урок 58.00:06:45Masking & Opacity & Blurring background images
- Урок 59.00:08:42Working with Photoshop in Adobe XD
- Урок 60.00:12:13Production Video – Infographic
- Урок 61.00:05:39Class project 09 - Full Hi Def mockup
- Урок 62.00:18:09How to make a mobile phone mockup with Adobe XD & Photoshop
- Урок 63.00:01:25Class project 10 - Mobile Website
- Урок 64.00:05:18Hidden features for Adobe XD Repeat Grid
- Урок 65.00:04:30Plugin - Content Generator in Adobe XD
- Урок 66.00:03:16Plugin - UI Faces adding random profile photos to XD
- Урок 67.00:04:32Plugin - PhotoSplash automatically import Unspash images
- Урок 68.00:03:20Plugin - Copy Cat or Mimic to style and images from a site
- Урок 69.00:04:38Advanced Asset Panel tricks in Adobe XD
- Урок 70.00:07:54Advanced Symbol Tricks & Tips for Adobe XD
- Урок 71.00:07:22What are UI micro interactions in Adobe XD
- Урок 72.00:06:14Button grow or full screen image micro interaction in Adobe XD
- Урок 73.00:06:40Animated Image Gallery with micro interactions in Adobe XD
- Урок 74.00:08:20Full vector change micro interaction in Adobe XD
- Урок 75.00:05:13Class project 11 - Micro Interactions
- Урок 76.00:04:43Time delay transitions in Adobe XD
- Урок 77.00:12:17How to create a popup menu or modal in Adobe XD
- Урок 78.00:03:27Animated mobile side nav for burger menu in Adobe XD
- Урок 79.00:03:25How to make a working drop down menu in Adobe XD
- Урок 80.00:07:20How to use the drag transition in Adobe XD
- Урок 81.00:06:52How to make a number ticker scroll using masks in Adobe XD
- Урок 82.00:09:38How to add Alexa style voice commands to Adobe XD
- Урок 83.00:16:54What is user testing in Adobe XD
- Урок 84.00:12:08How to run an unmoderated UX User Test in Adobe XD
- Урок 85.00:02:24Class project 12 - User Testing
- Урок 86.00:09:22Mocking up your designs in situ on a real phone in Photoshop
- Урок 87.00:02:41Advanced micro interactions & prototyping with Protopie in Adobe XD
- Урок 88.00:09:40How to add animation in Adobe XD using Adobe After Effects
- Урок 89.00:12:57How to export images & assets from Adobe XD for developers
- Урок 90.00:10:50How to export code in XD for engineers using Design Specs
- Урок 91.00:10:30Class Project 13 – Roar Cycles
- Урок 92.00:37:25BONUS: Software Updates 2019
- Урок 93.01:00:19BONUS: Software Updates 2021
- Урок 94.00:06:12Conclusion for Adobe XD training course
Автор - udemy
Комментарии
SKSThis course needs to be updated. Thank you.