Visual design rules you can safely follow every time
Here are some visual design rules you can learn once and use many times in your career. They’re safe. Pure black looks unnatural on a screen, and pure white is too bright. Use close-to-black and close-to-white instead. Any other references to “black” and “white” in these rules assume you’re following this rule. A neutral is generally a black, white, or grey. If you use colour in your interface, add a little bit of that colour to your neutrals. This will make the colour palette feel more coherent. If you use the HSB colour system (and you should) less than 5 Saturation should do it. Important elements means buttons, content, or anything else that the user needs to notice. A higher contrast means that the element will grab attention, which is useful for important elements. Elements that the user does not need to notice (e.g. structural elements, drop-shadows) can use as little contrast as possible. You should be deliberate about absolutely everything in your design. This means whitespace
Visual design rules you can safely follow every time Visual design rules you can safely follow every time You do not have to follow these rules every time. If you have a good reason to break any of them, do. But they are safe to follow every time. Use near-black and near-white instead of pure black and white Pure black often has uncomfortably high contrast with other colours, and pure white is too bright. Use close-to-black and close-to-white instead. Any other references to “black” and “white” in these rules assume you’re following this rule. Saturate your neutrals A neutral is generally a bl
Explore this link on the map →saved by
- Michelle Pan
- Shaahana Naufal
- brunella k
- Varun Shenoy
- HudZah
- Jas Tiwana
- collette smith
- Dũng Hoàng
- Aaron Pham
- Brixton Sandhals
- Alex Becker
- Maxwell Jiang
related reading
- Details That Make Interfaces Feel Betterjakub.kr
- Say precisely what you mean.index.how
- Visual design techniquesanthonyhobday.com
- Visual Design Principles | Business Communication Skills for Managerscourses.lumenlearning.com
- Design Tip: Never Use Black by Ian Storm Taylorianstormtaylor.com
- 37 Easy Ways to Spice Up Your UI Designs – Learn UI Designlearnui.design
- 101 Design Rules | COLLINSwearecollins.com
- Mediumuxdesign.cc
- Mediumblog.prototypr.io
- Web Interface Guidelinesrauno.me
- Details That Make Interfaces Feel Betterinterfaces.dev
- Tips for better typographyseangrindal.com