How to Use Adobe XD Wireframes
10.8 هزار بار بازدید -
4 سال پیش
-
Adobe XD, which stands for
Adobe XD, which stands for Experience Design, is an application tool used by designers to create functional wireframes, mockups and prototypes. The first tutorial is about wireframes. Followed up by mockups and then prototypes.
🔔 Subscribe for more tips just like this: http://bit.ly/ulearn-subscribe.
⏰ Timestamps:
00:00 Intro
00:18 Opening Adobe XD
00:30 Adobe XD Welcome Splash Screen
01:00 Adobe XD Interface
01:08 Design, Prototype and Share
01:37 Adobe XD Tools
01:40 Adobe XD Tools: Pointer Tool
02:04 Adobe XD Tools: Shape Tool
02:45 Adobe XD Tools: Pen Tool
04:01 Adobe XD Tools: Text Tool
04:38 Adobe XD Tools: Artboard Tool
05:51 Adobe XD Tools: Zoom Tool
06:32 Create Wireframes in Adobe XD
06:54 Get UI Kits and Wireframes
07:13 Use sketches as references
07:18 Import or Drag Sketches in Adobe XD
07:46 Draw simple shapes for wireframes
07:53 Duplicate items
08:24 Imply an Image in Adobe XD
08:30 Drawing our first wireframe
09:54 Repeat Grids
10:23 Align objects
10:40 Finishing our first wireframe in silence!
10:54 Look, we done our first wireframe, let's do a second the one now
10:56 Duplicate Artboards in Adobe XD
11:35 Create our second page or wireframe
12:59 Create our third wireframe
13:50 Repeat Grids
14:10 Conclusion
🎬 Watch our most recent videos: http://bit.ly/ulearn-videos
🎓 If you love the channel but want to learn even more, read our blog for in-depth tutorials: https://ulearn.tech/blog
🎥 Thank you for watching this video. For more content just like this make sure to subscribe to the channel, so that you're the first to be notified when there are new videos released:
🔔 http://bit.ly/ulearn-subscribe
Let's get started and have some fun!
ulearn.tech
#️⃣ Relevant hashtags:
#adobexd, #adobe, #xd, #wireframes, #wieframing, #ux. #experiencedesign, #madewithadobexd
🔔 Subscribe for more tips just like this: http://bit.ly/ulearn-subscribe.
⏰ Timestamps:
00:00 Intro
00:18 Opening Adobe XD
00:30 Adobe XD Welcome Splash Screen
01:00 Adobe XD Interface
01:08 Design, Prototype and Share
01:37 Adobe XD Tools
01:40 Adobe XD Tools: Pointer Tool
02:04 Adobe XD Tools: Shape Tool
02:45 Adobe XD Tools: Pen Tool
04:01 Adobe XD Tools: Text Tool
04:38 Adobe XD Tools: Artboard Tool
05:51 Adobe XD Tools: Zoom Tool
06:32 Create Wireframes in Adobe XD
06:54 Get UI Kits and Wireframes
07:13 Use sketches as references
07:18 Import or Drag Sketches in Adobe XD
07:46 Draw simple shapes for wireframes
07:53 Duplicate items
08:24 Imply an Image in Adobe XD
08:30 Drawing our first wireframe
09:54 Repeat Grids
10:23 Align objects
10:40 Finishing our first wireframe in silence!
10:54 Look, we done our first wireframe, let's do a second the one now
10:56 Duplicate Artboards in Adobe XD
11:35 Create our second page or wireframe
12:59 Create our third wireframe
13:50 Repeat Grids
14:10 Conclusion
🎬 Watch our most recent videos: http://bit.ly/ulearn-videos
🎓 If you love the channel but want to learn even more, read our blog for in-depth tutorials: https://ulearn.tech/blog
🎥 Thank you for watching this video. For more content just like this make sure to subscribe to the channel, so that you're the first to be notified when there are new videos released:
🔔 http://bit.ly/ulearn-subscribe
Let's get started and have some fun!
ulearn.tech
#️⃣ Relevant hashtags:
#adobexd, #adobe, #xd, #wireframes, #wieframing, #ux. #experiencedesign, #madewithadobexd
4 سال پیش
در تاریخ 1399/12/07 منتشر شده
است.
10,835
بـار بازدید شده