1. Design: Design includes content, image and some dummy
texts. It is an important part. After deciding the topic, some ideas come in
our mind and by using those ideas we make our designs. Designing is the main
element because in the absence of design we can’t prototype and share anything.
2. Prototyping: This is the second stage in adobe XD. After
making wireframes or design we prototypes them. Prototyping refers to the
linking between different artboards or pages. it is an important part. It gives
life to our design.
3. Share: Adobe XD also allows to share our designs. We
can create a public link and share it with the public. On the other hand, we
can share it with the privacy and password. we can also save our file on
computer.
Features of Adobe XD
There are many features in Adobe XD like:-
- plugins: Adobe XD feature plugins increase your design workflow. It Creates a deep connection with external tools and services. For example:- if you have a need to use any icon , maps and etc. , you can install and use it.
- Repeat grid: This feature gives this software an edge. When you need to create same design multiple times you can use repeat grid. The repeat grid saves your time, and makes your design better.
- Prototypes and animation: After making wireframes and designs, it is the prototypes which gives life to our design. Good designs might look great on screen but prototypes generate the actual user experience. Prototypes creates a link between different artboards. Prototypes makes our work more attractive.
- Responsive resize: Since, people now a days use web on devices of different sizes so its important to have responsive design. It has basically become need of an hour. To ease our work now Responsive Resize feature comes to use. If we want to place same content on the other artboard, we can do it easily with the help of this feature of Adobe XD. It works magically and automatically resize the content such as images and text.
- Voice design: This is an interesting feature of Adobe XD. Users can Create designs with the voice commands. It works like a smart-assistants.
- Symbols: we can create our own symbols and logo or icons. And we can use them whenever we need. This is our one-time investment. After doing one time we can enjoy it lifetime.
Use of Assets in Adobe XD
Assets are very useful feature in Adobe XD. We can save many component
like:- color, character styles, etc. we can do our work easily without wasting
time. And it also creates a balance in our design. You can even add emoticons
in XD along with labels. Reordering of assets can be done. It is done in the
asset panel. Assets also helps in highlighting the missing fonts and displays
it on the canvas. And you can also replace them with the similar fonts. Sometime
XD automatically activates. It increases user experience.
Now, What if you want to Add or
Remove Assets?
Lets have a look that,
How can we add colors to the asset panel :
Firstly select an object or can even
select group of objects on the artboard. After this click + sign which is given
along colors in the asset panel. Now for adding color to the selected object
follow the steps that are given below :
- Fill the color using color asset panel by selecting color from it and then select Fill command
- To give the stroke to the object, select a color in the assets panel and right-click on it and select Apply as Border.
To add character styles as assets:
To apply the style to the text, select the text on the screen and apply any
text style from the Property Inspector. Select the styled text and select +
icon next to the Character Styles in the Assets Panel.
Conclusion :
I am sure you must have got some idea about features and assets in Adobe XD. I am pursuing Web Master Course from ADMEC Multimedia Institute. I have written this blog as a part of my project that I was given after the successful completion of the Adobe XD course.
