Scribd
Upload
38 views2 pages

Adobe XD

The document discusses the process of creating effective mockups for graphic design, emphasizing the need for preparation and consideration of various components before finalizing designs. It highlights the advantages of using tools like Adobe XD and Figma for creating dynamic, interactive mockups that can adapt to different screen sizes. Key recommendations include designing components thoughtfully, managing layers, and utilizing online libraries for UI rules and guidelines.

Uploaded by

aloya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
38 views2 pages

Adobe XD

The document discusses the process of creating effective mockups for graphic design, emphasizing the need for preparation and consideration of various components before finalizing designs. It highlights the advantages of using tools like Adobe XD and Figma for creating dynamic, interactive mockups that can adapt to different screen sizes. Key recommendations include designing components thoughtfully, managing layers, and utilizing online libraries for UI rules and guidelines.

Uploaded by

aloya
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 2

nobody started with this topic.

I made and sent it


Graphic designers to start all process (to help understand main
problem after HR departm. coclussions).
My conclusion for workshops is: start with yours
Mockups Icons / Logos and my points, explain that before mockups we
need to prepare a little bit more (looks on
structure, use (it's possible) existing components,
how it can looks on mobile, desktop with all good
habits - not only desktop, look at the details)

lister les composants, lister pour chaque variantes les sens


Online Library (ex : le sens de telle couleur pour un bouton, ou telle autre
couleur), règle UI : rédurie au maximum le besoin de
scroller #remarque de Milosz
• Design every components as needed
• Implement a lot of functions to make customize and elegant components (gradients,
brightness, shadows, effects)
• Manage layers and insert files
• Export files to PNG, JPG, SVG
X But files are images, so components are static

• Add dynamic and interactive components to mockups like a real web page
• Slider / Carousel design, links, scrolling, menu display, worldmap
The best way to
• Exports files to PNG, JPG, SVG, PDF ; + web (HTML, CSS)
improve your
• Assets / Plugins to add automatically dynamics contents
mockups is
• Generate both mobile and desktop views
Adobe XD :
• Get all pages in one tool, + mockup guidelines
• Examples : https://www.youtube.com/watch?v=3csABJDMgWQ
Main problems with mockups designed only with Photoshop :
• Mockups are not able to be test with different size screen (responsive)
• Many mockups are required for only one page to show interactions
• The guidelines (Sitemap and Userflow) are complicate to build Equivalent of Adobe XD : Figma :
Great Design With User Research - Design
a Mobile App Using Figma - YouTube

You might also like