Design for non designer HocVT Hanoi 05/2019 Content 1 Reduce clutter 2 Make sure your design works as well as it looks 3 Intuition and Inspiration 4 Refactoring UI Hierarchy is Everything 5 Refactorin[.]
Design for non-designer HocVT - Hanoi 05/2019 Content Reduce clutter Make sure your design works as well as it looks Intuition and Inspiration Refactoring UI: Hierarchy is Everything Refactoring UI: Layout and Spacing References Reduce clutter If you want your design to feel more beautiful, reduce visual clutter Reduce clutter Reduce clutter by adding a grid to line things up Reduce clutter Small misalignments might be hard to see, but contribute to a feel of “clutter” within a design Reduce clutter In short, reduce the clutter-y feeling by lining things up Reduce clutter Reduce clutter by limiting the colors in your design Reduce clutter by reducing the number of fonts you use Reduce the feeling of clutter by adding whitespace In conclusion, remember to reduce clutter for a better looking and feeling design Make sure your design works as well as it looks Think about the purpose of your design, whether it’s getting someone to fill out a form, to find information, or something use Make sure your designs support that purpose and improve the user experience with that in mind Don’t forget about your content — simplify your words and write content and headlines that talk benefits, not details Show your designs to others and get feedback to find where user experience issues might be hiding Intuition and Inspiration Steal like an artist Think of inspiration like visual debugging Looking at great design and inspiration will help you figure out solutions to problems you may run into when creating your own designs Do not rip off designs Intuition and Inspiration Size isn’t everything Refactoring UI: Hierarchy is Everything Try and stick to two or three colors: ● A dark color for primary content (like the headline of an article) ● A grey for secondary content (like the date an article was published) ● A lighter grey for tertiary content (maybe the copyright notice in a footer) Similarly, two font weights are usually enough for UI work: ● A normal font weight (400 or 500 depending on the font) for most text ● A heavier font weight (600 or 700) for text you want to emphasize Refactoring UI: Hierarchy is Everything Labels are a last resort Refactoring UI: Hierarchy is Everything Combine labels and values