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. Мы рассмотрим, в чем состоит наше краткое описание этого реального проекта, а затем узнаем о низкокачественных каркасах и о том, как использовать существующие комплекты дизайна пользовательского интерфейса.
Я рассмотрю все основные инструменты, необходимые для создания отличных каркасов, в том числе: тип, цвета, значки, Lorem ipsum, артборды, макеты, макеты и всплывающие окна, символы и повторяющиеся сетки. Мы даже будем использовать новое приложение для создания прототипов, чтобы вы могли испытать свой прототип на своем мобильном устройстве.
Важной частью максимизации рабочего процесса UX Design является возможность использования другого программного обеспечения, такого как Photoshop и Illustrator. Вот почему я буду учить вас, как использовать оба способа, чтобы повысить производительность 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.