15+ Adobe XD уроци (от начинаещи до напреднали)

Adobe XD е инструмент за прототип на Photoshop до прототип, който е част от Creative Cloud Suite (а нашето Adobe XD 101 интро е добро място за стартиране!). Това е здрав инструмент с много функционалност, но може да се нуждаете от помощ, за да научите как да го използвате. Днес събрахме някои от най-добрите уроци за Adobe XD, за да ви помогнем да започнете.

Adobe XD може да бъде малко смущаващ на пръв поглед. Кои са най-добрите ресурси за обучение? Подбрахме най-добрите уроци по Adobe XD за всички, от начинаещи до напреднали потребители (и ги сортирахме, така че можете да скочите на правилното място за вашето ниво на опит).

Учебници за начинаещи Adobe XD

Едно от най-добрите места за получаване на начинаещи XD уроци е точно от Adobe. Те имат доста солидна библиотека за обучение, която е пълна с всички основи, за да ви преведе през използването на софтуера за първите няколко пъти.

Запознайте се с Adobe XD

Този видео урок продължава 20 минути и е грунд за използване на Adobe XD. Това е солидно начално място за потребителите преди да започнат да използват софтуера или за онези, които са в пробна версия, които се опитват да вземат решение за закупуването му.

Урокът включва някои примерни файлове, които ще ви помогнат да практикувате по време на видео урока.

Направете изскачащ слой

Един от най-добрите начини да научите Adobe XD е да създавате по-малки проекти и да се запознаете с инструментите. Този урок ви води стъпка по стъпка с писмени и визуални инструкции за извършване на изскачащо покритие.

Ще използвате научете, за да коригирате размера за различни иззорни екрани, да зададете параметри за търсене и скриване и да добавите меню.

Направете отзивчив дизайн

Създаването на отзивчив дизайн е безпроблемно през 2020 г., а Adobe XD е инструмент с пълна отзивчивост. Този урок ви превежда чрез използване на функцията Responsive Resize и свързаните с нея ограничения, така че да можете да създадете дизайн, който да изглежда страхотно навсякъде.

Хубавото на този урок е, че ви превежда през използваем инструмент, който може да ви помогне да ускорите работния си процес, когато знаете как да се възползвате максимално от него.

Създайте икони

Друг малък проект, който трябва да опитате в Adobe XD, е да създавате икони. С този урок можете да използвате примерния файл, който да ви насочи или дори да нарисувате свои собствени икони, докато четете стъпките.

Урокът дори ви показва как да подреждате множество икони за по-сложни форми и да ги използвате в проекти.

Създайте повтарящи се елементи

Adobe XD включва инструмент Repeat Grid, създаден за създаване на множество елементи. Този урок ви показва как да използвате тази функция, използвайки графика или текст.

Мрежата за повторение е чудесна за създаване на ред от бутони или елементи от менюто с хоризонтални или вертикални линии от подобни елементи. И този инструмент прави бърза работа и от него!

Дизайн на миниатюри за видеоклипове в YouTube

След по-малко от час можете да използвате Adobe XD, за да създадете персонализирани миниатюри за вашите видеоклипове в YouTube. (Това е страхотна техника за изграждане на вашия канал и марка).

Урокът ви превежда чрез създаване на миниатюри и предлага много ресурси, които да ви помогнат да се възползвате максимално от този инструмент, включително икони, илюстрации, градиенти, фонове и други, с които да работите.

Учене на Adobe XD

Ако търсите изчерпателно ръководство за начинаещи за Adobe XD, LinkedIn Learning (по-рано Lynda) има хубав курс за начинаещи. Той продължава 4 часа, но обхваща всички основи. Той се предлага с файлове за практика и ви помага да разберете всичко - от използването на дъски и мрежи до работа с гласови взаимодействия и анимации.

Този курс е разбит на малки уроци (само няколко минути всеки) и идва с платени абонаменти (или можете да започнете с безплатна пробна версия).

Междинни уроци за Adobe XD

Когато навлезете в по-изчерпателни уроци за Adobe XD, може да започнете да търсите абонаментни услуги за обучение. Въпреки че можете да намерите много съвети в YouTube, има и повече премиум опции.

Дизайн, прототип и връщане от Scratch


След като затворите основните инструменти и как работи Adobe XD, ще сте готови да създадете по-сложен уеб интерфейс, като приложение. Този урок ще ви помогне да направите точно това, като използвате най-добрите практики, да използвате повторно стилове и елементи на дизайна и да завършите процеса от проектирането до предаването.

Урокът от Udemy е базиран на видео и се предлага със сертификат за завършеност, активи за изтегляне и доживотен достъп до материалите.

Adobe XD за UI и UX дизайнери

Този урок / клас за дизайнери на потребителски интерфейс и потребителски опит предполага, че вече знаете нещо за създаването на цифрови проекти. Това, което ще научите тук, е как да работите с елементи в софтуера, включително форми, текст, маски и др.

Този урок е част от Skillshare и се предлага с абонамент.

Adobe XD Animation


Трудно е да се намери уебсайт без анимирани ефекти. Работещите познания на Adobe XD могат да ви помогнат сами да създадете тези ефекти за проекти. Този урок предоставя без кодове подход за работа и създаване на анимации в Adobe XD.

Ще се научите да анимирате икони, бутони, плъзгачи, диаграми, текстови елементи и други, както и да ги добавяте към създадени дизайни и прототипи и да ги споделяте с клиенти.

Създайте интерактивно меню

След като имате възможност да направите по-малки елементи в Adobe XD, вероятно сте готови да преминете към пълни страници на проекти, като този урок за интерактивно меню.

Урокът в YouTube включва примерни файлове за работа и ви превежда през процеса за по-малко от 10 минути с функционален дизайн и използва Adobe XD по начин, който е доста лесен за разбиране.

Разширени уроци за Adobe XD

След като покриете основните положения, използването на Adobe XD може да бъде част от ежедневните ви работни процеси. Може да се използва за създаване на стабилни проекти, включително пълноценни уебсайтове и дизайн на приложения.

Създайте целева страница

Едно от най-добрите неща за използването на Adobe XD е, че работи с други приложения на Adobe. Този урок ви показва как да активираме активи от Photoshop, за да проектираме целева страница в XD.

Ще създадете телена рамка, ще редактирате съдържание и след това ще можете да споделяте дизайна за обратна връзка. Урокът включва текст и видео, както и примерни файлове за работа.

Дизайн на приложения за Android с Adobe XD

Замислен като по-обширен урок, Android App Design с Adobe XD включва 48 индивидуални урока, които се събират за цялостен курс по проектиране на приложение, използвайки естетически дизайн на материали.

Ръководствата включват всичко - от дизайн и спецификации до експортиране на активи и използване на кодирано ръководство за стил. Ще научите и как да раздавате дизайни на разработчиците, използвайки Zeplin. Това е изчерпателен урок от Skillshare.

Beats Design UI Design в Adobe XD

Този урок ви превежда чрез редизайн на уебсайт в Adobe XD. Попада в категорията за напреднали, защото не включва много инструкции, а само видео, което се възпроизвежда, докато преподавателят изпълнява задачи.

Хубавото на този урок е, че можете да видите всяко действие, както се случва по пътя към създаването на дизайн на уебсайт. Има и стартерни файлове, които вървят заедно с видеоклипа в YouTube, за да можете да работите заедно с урока.

Adobe XD Masterclass

Майсторският клас на Adobe XD е може би най-интензивният от всички уроци в този кръг, защото ще бъдете изгубени, ако нямате стабилно разбиране за това, което този инструмент може да направи. Това е повече от 2 часа упражнения, предназначени да ви помогнат максимално да използвате инструмента.

Ще работите чрез два примера в този урок за Skillshare - 6-странично уеб приложение и уебсайт интерфейс.

Да се ​​надяваме, че няколко от тях, в съчетание с нашия избор на най-добрите Adobe XD UI комплекти и шаблони, ще ви изведат на бърз път до експертиза с приложението!

© Copyright 2024 | computer06.com