Was ist Adobe XD? | Einführung in die Benutzeroberfläche

Eine Website oder App besteht heutzutage meist aus vielen verschiedenen Screens in einheitlicher Designsprache. Dies lässt sich meist nicht mehr mit Photoshop oder einfacheren pixelbasierten Programmen übersichtlich umsetzen.

Genau hier kommen User Experience Design Tools wie Adobe XD, Sketch oder Figma ins Spiel.

Wir werfen heute einen Blick auf Adobe XD. Nach diesem Video kennst du die Grundlegenden Funktionen und kannst mit der Benutzeroberfläche umgehen.

Adobe XD ist ein vektorbasiertes User Experience Design Tool für Web, Desktop und Mobile Anwendungen. Mit Adobe XD lassen sich einfache Wireframes oder auch detailgenaue Screendesigns entwerfen. Erstellte Screens können dabei als Prototyp mit einfacher statischer Funktionalität veröffentlicht werden, um diese mit Auftraggebern zu teilen oder an Kunden zu testen.

Die in XD festgelegten Farben, Icons und Größenverhältnisse können dann mit Entwicklern ausgetauscht werden, um das Konzept mit Code umzusetzen.

Adobe XD: https://www.adobe.com/de/products/xd....

▬ Online-Kurs ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Responsive Webdesign mit HTML, CSS, Bootstrap und Tailwind: https://shop.heise-academy.de/respons...

▬ Timestamps ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

00:00 1. Intro
00:33 2. Was ist Adobe XD?
01:40 3. Startscreen
02:07 4. Navigation
02:57 5. Werkzeugleiste
05:28 6. Artboards
07:08 7. Assets
10:34 8. Ebenen
12:36 9. Details
17:02 10. Prototyp
17:27 11. Schluss

▬ Social Media ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Twitter:   / fabianhiller  
▸ LinkedIn:   / fabianhiller  
▸ GitHub: https://github.com/fabian-hiller
▸ Instagram:   / fabian.hiller  

▬ Weitere Links ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Impressum: https://www.sifa-digital.de/impressum/