Adobe XD ist ein Photoshop-to-Prototype-Tool, das Teil der Creative Cloud Suite ist (und unser Adobe XD 101-Intro ist ein guter Anfang!). Es ist ein robustes Tool mit vielen Funktionen, aber Sie benötigen möglicherweise Hilfe beim Erlernen der Verwendung. Heute haben wir einige der besten Adobe XD-Tutorials zusammengestellt, um Ihnen den Einstieg zu erleichtern.
Adobe XD kann auf den ersten Blick ein wenig einschüchternd sein. Was sind die besten Lernressourcen? Wir haben die besten Adobe XD-Tutorials für alle ausgewählt, vom Anfänger bis zum fortgeschrittenen Benutzer (und wir haben sie sortiert, damit Sie an der richtigen Stelle für Ihr Erfahrungsniveau einspringen können).
Adobe XD-Tutorials für Anfänger
Einer der besten Orte, um XD-Tutorials für Anfänger zu erhalten, ist direkt von Adobe. Sie haben eine ziemlich solide Lernbibliothek, die alle Grundlagen enthält, die Sie zum ersten Mal mit der Software führen.
Lernen Sie Adobe XD kennen
Dieses Video-Tutorial dauert 20 Minuten und ist eine Einführung in die Verwendung von Adobe XD. Dies ist ein solider Ausgangspunkt für Benutzer, bevor sie die Software verwenden, oder für Benutzer einer Testversion, die versuchen, eine Kaufentscheidung zu treffen.
Das Tutorial enthält einige Beispieldateien, die Ihnen beim Üben während der Videolektion helfen sollen.
Erstellen Sie eine Popup-Überlagerung
Eine der besten Möglichkeiten, Adobe XD zu erlernen, besteht darin, kleinere Projekte zu erstellen und sich mit den Tools vertraut zu machen. Dieses Tutorial führt Sie Schritt für Schritt mit schriftlichen und visuellen Anweisungen zum Erstellen eines Popup-Overlays.
Sie lernen, die Größe für verschiedene Ansichtsfenster anzupassen, Such- und Ausblendparameter festzulegen und ein Menü hinzuzufügen.
Machen Sie ein Responsive Design
Das Erstellen eines reaktionsschnellen Designs ist im Jahr 2020 ein Kinderspiel, und Adobe XD ist ein Tool mit voller Reaktionsfähigkeit. Dieses Tutorial führt Sie durch die Verwendung der Funktion "Responsive Resize" und die damit verbundenen Einschränkungen, damit Sie ein Design erstellen können, das überall gut aussieht.
Das Schöne an diesem Tutorial ist, dass es Sie durch ein benutzerfreundliches Tool führt, mit dem Sie Ihren Workflow beschleunigen können, wenn Sie wissen, wie Sie das Beste daraus machen können.
Erstellen Sie Symbole
Ein weiteres kleines Projekt, das Sie in Adobe XD ausprobieren sollten, ist das Erstellen von Symbolen. Mit diesem Tutorial können Sie die Beispieldatei verwenden, um Sie zu führen, oder sogar Ihre eigenen Symbole zeichnen, während Sie die Schritte durchlesen.
Das Tutorial zeigt Ihnen sogar, wie Sie mehrere Symbole für komplexere Formen stapeln und in Projekten verwenden können.
Erstellen Sie sich wiederholende Elemente
Adobe XD enthält ein Repeat Grid-Tool, mit dem mehrere Elemente erstellt werden können. Dieses Tutorial zeigt Ihnen, wie Sie diese Funktion mithilfe von Grafiken oder Text verwenden.
Das Wiederholungsraster eignet sich hervorragend zum Erstellen einer Reihe von Schaltflächen oder Menüelementen mit horizontalen oder vertikalen Linien ähnlicher Elemente. Und dieses Tool macht es auch schnell!
Entwerfen Sie Miniaturansichten für YouTube-Videos
In weniger als einer Stunde können Sie mit Adobe XD benutzerdefinierte Miniaturansichten für Ihre YouTube-Videos erstellen. (Dies ist eine großartige Technik zum Aufbau Ihres Kanals und Ihrer Marke).
Das Tutorial führt Sie durch die Erstellung von Miniaturansichten und enthält zahlreiche Ressourcen, mit denen Sie dieses Tool optimal nutzen können, darunter Symbole, Illustrationen, Verläufe, Hintergründe und mehr, mit denen Sie arbeiten können.
Adobe XD lernen
Wenn Sie nach einem umfassenden Leitfaden für Anfänger zu Adobe XD suchen, bietet LinkedIn Learning (ehemals Lynda) einen schönen Anfängerkurs. Es dauert 4 Stunden, deckt aber alle Grundlagen ab. Es wird mit Übungsdateien geliefert und hilft Ihnen dabei, alles zu verstehen, von der Verwendung von Zeichenflächen und Gittern bis zur Arbeit mit Sprachinteraktionen und Animationen.
Dieser Kurs ist in kleine Lektionen unterteilt (jeweils nur wenige Minuten) und beinhaltet kostenpflichtige Abonnements (oder Sie können mit einer kostenlosen Testversion beginnen).
Fortgeschrittene Adobe XD-Tutorials
Wenn Sie in umfassendere Adobe XD-Tutorials einsteigen, suchen Sie möglicherweise nach Abonnementdiensten zum Lernen. Während Sie auf YouTube viele Ratschläge finden, gibt es auch mehr Premium-Optionen.
Design, Prototyp und Übergabe von Grund auf neu
Sobald Sie sich mit den grundlegenden Tools und der Funktionsweise von Adobe XD vertraut gemacht haben, können Sie eine komplexere Weboberfläche wie eine App entwerfen. Dieses Tutorial hilft Ihnen dabei, Best Practices zu verwenden, Stile und Designelemente wiederzuverwenden und den Prozess vom Design bis zur Übergabe abzuschließen.
Das Tutorial von Udemy basiert auf Videos und enthält ein Abschlusszertifikat, herunterladbare Assets und lebenslangen Zugriff auf die Materialien.
Adobe XD für UI- und UX-Designer
In diesem Tutorial / dieser Klasse für Benutzeroberflächen- und User Experience-Designer wird davon ausgegangen, dass Sie bereits etwas über das Erstellen digitaler Projekte wissen. Hier erfahren Sie, wie Sie mit Elementen in der Software arbeiten, einschließlich Formen, Text, Masken und mehr.
Dieses Tutorial ist Teil von Skillshare und mit einem Abonnement erhältlich.
Adobe XD Animation
Es ist schwer, eine Website ohne animierte Effekte zu finden. Wenn Sie über Kenntnisse in Adobe XD verfügen, können Sie diese Effekte für eigene Projekte erstellen. Dieses Tutorial bietet einen codefreien Ansatz zum Arbeiten mit und Erstellen von Animationen in Adobe XD.
Sie lernen, Symbole, Schaltflächen, Schieberegler, Diagramme, Textelemente usw. zu animieren, diese zu erstellten Designs und Prototypen hinzuzufügen und sie für Kunden freizugeben.
Erstellen Sie ein interaktives Menü
Sobald Sie in Adobe XD kleinere Elemente erstellen können, können Sie wahrscheinlich mit vollständigen Projektseiten fortfahren, z. B. mit diesem interaktiven Menü-Tutorial.
Das Tutorial auf YouTube enthält Beispieldateien, mit denen Sie arbeiten können, und führt Sie in weniger als 10 Minuten durch den Prozess mit einem Design, das funktionsfähig ist und Adobe XD auf eine Weise verwendet, die ziemlich einfach zu verstehen ist.
Erweiterte Adobe XD-Tutorials
Sobald Sie die Grundlagen behandelt haben, kann die Verwendung von Adobe XD ein Teil Ihrer täglichen Arbeitsabläufe sein. Es kann verwendet werden, um robuste Projekte zu erstellen, einschließlich umfangreicher Websites und App-Designs.
Entwerfen Sie eine Landing Page
Eines der besten Dinge bei der Verwendung von Adobe XD ist, dass es mit anderen Adobe-Apps funktioniert. Dieses Tutorial zeigt Ihnen, wie Sie Assets aus Photoshop verwenden, um eine Zielseite in XD zu entwerfen.
Sie erstellen ein Drahtmodell, bearbeiten Inhalte und können das Design für Feedback freigeben. Das Tutorial enthält Text und ein Video sowie Beispieldateien, mit denen Sie arbeiten können.
Android App Design mit Adobe XD
Android App Design mit Adobe XD wurde als umfassenderes Tutorial entwickelt und umfasst 48 Einzellektionen, die zu einem umfassenden Kurs zum Entwerfen einer App unter Verwendung einer Material Design-Ästhetik zusammengefasst werden.
Die Tutorials umfassen alles von Design und Spezifikationen bis hin zum Exportieren von Assets und der Verwendung eines codierten Styleguides. Außerdem erfahren Sie, wie Sie mit Zeplin Entwürfe an Entwickler weitergeben. Dies ist ein umfassendes Tutorial von Skillshare.
Beats Website UI Design in Adobe XD
Dieses Tutorial führt Sie durch die Neugestaltung einer Website in Adobe XD. Es fällt in die Kategorie "Erweitert", da es nicht viele Anweisungen enthält, sondern nur ein Video, das abgespielt wird, wenn der Tutor Aufgaben erledigt.
Das Schöne an diesem Tutorial ist, dass Sie jede Aktion auf dem Weg zum Erstellen eines Website-Designs sehen können. Es gibt auch Starterdateien, die zum YouTube-Video gehören, damit Sie mit dem Tutorial arbeiten können.
Adobe XD Masterclass
Die Adobe XD-Meisterklasse ist wahrscheinlich die intensivste aller Tutorials in dieser Zusammenfassung, da Sie verloren gehen, wenn Sie nicht genau wissen, was dieses Tool leisten kann. Es sind mehr als 2 Stunden Übungen, mit denen Sie das Tool optimal nutzen können.
In diesem Skillshare-Tutorial werden Sie zwei Beispiele durcharbeiten - eine 6-seitige Web-App und eine Website-Oberfläche.
Hoffentlich bringen Sie einige davon zusammen mit unserer Auswahl der besten Adobe XD UI-Kits und -Vorlagen auf die Überholspur, um mit der App vertraut zu werden!
Siehe Auch
So richten Sie RCN-E-Mails auf dem iPad einWie bekomme ich Pokemon Go Off My iPhoneSo erstellen Sie ein Design, das im Raum lebtErstellen einer visuellen Hierarchie mit Typografie
FAQs
Is Adobe XD hard to learn? ›
Adobe XD is a relatively new addition to the Adobe Creative Cloud, and because it is frequently updated, learning the program can be a bit more challenging than learning other, more established Adobe Creative Cloud tools.
Can I learn Adobe XD in one day? ›In just around 1 hour and a half you will be able to learn everything you need to start creating beautiful designs in Adobe XD, turning your ideas into reality and being able to perform efficiently at your job or in your freelance practice.
What is the hardest Adobe to learn? ›Adobe Premiere Pro
Premiere Pro is probably one of the most challenging programs to master.
Get Started with Adobe XD
Without any coding needed, Adobe XD allows you to create clickable presentations, application mockups, dynamic web designs, and more for all of your classroom needs.
Designers and design teams around the world use Adobe XD for collaborating through the design process, from ideation and wireframing to developer handoff. With the ability to share links to designs and specifications, team members can view and leave feedback easily via comments directly in the browser.
Does Adobe XD need coding? ›Adobe XD is a prototyping tool which allows you to create your initial design without code. After your design is ready, you will have to export your assets and recreate your design in an HTML editor.
Can you animate on XD? ›Wire up your artboards and select these options in the prototype Property Inspector: Trigger: select Drag. Action: select Auto-Animate. Destination: select the destination artboard to transition the animation.
What are the two modes you will be using in Adobe XD? ›XD. provides two modes for your work: Design and Prototype. In Design mode, you use XD's tools and features to create elements and add artboards.
Is Adobe XD good for graphic design? ›Adobe XD is also a great tool for creating illustrations and graphic design elements, offering an extensive creative library with vector images, shapes, colors, and fonts. The interactive prototypes update in real time so your workflow is fast and responsive when building mobile apps, doing web design, and more.
How long does it take to master Adobe? ›Average Time it Takes to Learn Adobe
On average, it takes about three months of extensive training to become proficient in one application. However, it could take between a month and a year to thoroughly learn an application, depending on its complexity.
How do you break a line in XD? ›
User should be able to use a soft return (shift+return) to break a line of text without adding paragraph spacing .
Which is better Photoshop or XD? ›SPEED. The work in XD is more straightforward and quicker than in Photoshop. The main reason is XD is targeted primarily to designing and prototyping. Photoshop has extensive functionality — photo and illustrations creation and editing, 3D graphics designing etc.
Can you learn Adobe on your own? ›AdobeTV (Free) Adobe provides a series of free tutorials for all of their creative suite products, including Photoshop, InDesign, Illustrator, Premiere, and more. Each software has a set of 5-10 'Getting Started' tutorials as well as specific tutorials for certain techniques and effects.
How long is Adobe XD starter plan? ›How long is the Adobe XD free trial? The Adobe XD free trial is 7 full days of total access. Get the time you need to explore tools, interact with features, and build something from the ground up.
What is the best Adobe skill to learn? ›Photoshop is easily Adobe's best-known application. This powerful program is where many creatives start when learning online image production in general. In some cases, it will serve as the prime program in your project; in others, you may combine Photoshop with Illustrator or Lightroom.
Do professionals use Adobe? ›Uses of Adobe Products
Over 90% of the world's creative professionals use Adobe Photoshop (you can too, with this Photoshop free trial!)
- Creativity.
- Time management.
- Proactivity.
- Project management.
- IT automation.
- Data analysis and statistics.
While some fields of programming require you to have extensive knowledge of mathematics (such as game development and machine learning), you don't need advanced math skills for most coding jobs.
Is UX design harder than coding? ›Many people are considering the career change because UX design seems much easier than coding and still pays pretty well and you're working in tech.
What programming language is Adobe XD written in? ›XD plugins are written in JavaScript, the language of the web which is also frequently used for servers, OS scripting, and more.
What type of design is Adobe XD best used for? ›
Adobe XD features are used for creating wireframes, prototypes, and screen designs for digital products such as websites and mobile apps.
What was the most frustrating aspect of using Adobe XD? ›The disadvantage of Adobe XD is being unable to export projects to PSD. Overall, a poor number of functions and file export. Shapes are a crucial part of any design. However, there's no option for customized shapes.
Does XD have auto layout? ›Responsive Resize in Adobe XD helps you do just that. Either set the controls to Auto to have XD auto-magically adjust the sizing and placement of your content, or override it using the manual setting and adjusting the constraints.
How easy is Adobe XD to use? ›Adobe XD is a powerful and easy-to-use vector-based experience design platform that gives teams the tools they need to craft the world's best experiences collaboratively. Available on Mac and Windows systems, XD meets teams where they're working with cross-platform compatibility.
What programming language does Adobe XD use? ›XD plugins are written in JavaScript, the language of the web which is also frequently used for servers, OS scripting, and more.