In this video Emmanuel Henri explores the proper guidelines to follow when you create designs for web.
- [Narrator] When you design elements for websites…or web applications, you need to consider a few…areas that will help you create more accurate…designs when you hand them off to developers.…The first area to consider and one that I have seen…be a problem many times from design to application…is the width and sometimes height resolution.…Often the designs don't take this into consideration.…There are so many different screen sizes that…it is often the hardest area to nail properly.…At which resolution do you switch the design…while maintaining the content and design consistency?…Always design for different sizes.…
In the same category and what you may have heard often…from developers and UX articles, design mobile first.…This is by far the most used size…when people look at websites and applications.…You need to nail this size, first and foremost.…The content must be available on their one to…two taps on their mobile experience.…And as your size grows, follow the same rules…while maintaining great styles throughout…
Released
12/11/2018- The language of the developer
- How React relates to Framer X and prototyping
- Design elements for web and native mobile development
- Exporting CSS and SVG assets from Framer X
- Working with a design system
- Using React components in Framer X
- Customizing components in Framer X
Share this video
Embed this video
Video: Design elements for web development