Designing and Prototyping a Website with Adobe XD
Category: Tutorials
- views: 80
- date: 25 April 2025
- posted by: AD-TEAM

Designing and Prototyping a Website with Adobe XD
MP4 | Video: 720p | Duration: 1:25:44 | English | Subtitles: VTT | 858.7 MB
Learn how to design a website using Adobe Experience Design CC (Adobe XD) and how to create prototypes. This course demonstrates each step, starting with how to create graphics, make page layouts, add headers, and add body text. Next, learn how to create complex screen designs with repeated lists and grids. Then, discover how to ensure your designs are flexible enough to work on multiple devices. This course also covers how to make interactive prototypes and recordings that capture how the website will work from one screen to the next, both which can be used as demos of your design and as guides for those who will build it.
Topics include:
- Using the Adobe XD workspace
- Creating and importing graphics
- Adding text and effects
- Creating multiple screen layouts
- Designing for mobile
- Repeating elements using grids
- Prototyping a single interaction
- Prototyping an entire website
- Making content scroll
- Recording a video of interactions
- Sharing prototypes
- Exporting artboards and assets

AusFile
RapidGator
We need your support!
Make a donation to help us stay online
Bitcoin (BTC)
bc1q08g9d22cxkawsjlf8etuek2pc9n2a3hs4cdrld
Bitcoin Cash (BCH)
qqvwexzhvgauxq2apgc4j0ewvcak6hh6lsnzmvtkem
Ethereum (ETH)
0xb55513D2c91A6e3c497621644ec99e206CDaf239
Litecoin (LTC)
ltc1qt6g2trfv9tjs4qj68sqc4uf0ukvc9jpnsyt59u
USDT (ERC20)
0xb55513D2c91A6e3c497621644ec99e206CDaf239
USDT (TRC20)
TYdPNrz7v1P9riWBWZ317oBgJueheGjATm
Information |
|||
![]() |
Users of GUESTS are not allowed to comment this publication. | ||









