Showing posts with label visual design. Show all posts
Showing posts with label visual design. Show all posts

Friday, April 24, 2015

Day 86 - Ten Typography Tips

  1. Don't be trendy.
  2. Don't use too many fonts.
  3. Choose different typefaces that work together.
  4. Don't forget about serifs.
  5. Be consistent.
  6. Create a hierarchy.
  7. Legibility is important across all devices, sizes, and experiences.
  8. Don't crowd the typography.
  9. Create equal 'Perceived' space between letters.
  10. Less is more.

Day 85 - White Space

Five ways white space affects the user experience:
  1. White space makes your content stand out.
  2. White space helps the user focus on what's critical.
  3. White space simplifies your designs.
  4. White space makes your designs elegant.
  5. White space allows for scannability.

Saturday, March 28, 2015

Day 82 - Clean Visual Design Tips

  1. Clean design reduces conscious effort on part of the user to find information.
  2. Deciding relevance. Does user even care about your information?
  3. Ability to scan an overview. Convey the main ideas.
  4. Basic comprehension.  Use visual design to make it easier on user to understand the information.
  5. Ability to easily find actionable details.

Tuesday, July 8, 2014

Day 27 - 10 Color Tips for UX Visual Design

"Why do two colors, put one next to the other, sing? Can one really explain this? no. Just as one can never learn how to paint." ~ Pablo Picasso

Casual observations and anecdotal evidence about color suggest that in can persuade decision making. Color matters although ultimately the psychology of color and color preferences are dependent on personal experiences.

When dealing with color:
  1. Use existing colors that are on brand and follow the brand's style guide or visual specification.
  2. If no previous color specification exists, free color generators such as Adobe Kuler or Colour Lovers can help you explore color themes and palettes.
  3. Color is part of your brand's personality. Keep it simple and use it wisely.
  4. Choose a harmonious font color palette for your headings (titles), subtitles, body text, and links.
  5. Ensure that your font colors are accessible to people with disabilities and have proper contrast.
  6. If you're on brand but you're at a deadlock as to which of two colors to use for your call to action button, run an A/B test on the colors.
  7. Combine color with design fundamentals like shape, space, and typography. Don't rely on color alone. 
  8. Test pages and designs by going to grayscale to make sure usability doesn't break when color goes away.
  9. Use tints and shades instead of additional colors.
  10. Although subjective, think about emotional reaction:
  • Red: Exciting, passionate, dangerous
  • Pink: Sweet, young, energetic
  • Orange: Friendly, tangy, pleasing
  • Yellow: Energetic, warm, cheerful, cautious
  • Gold: Stable, elegant
  • Green: Alive, friendly, organic, money
  • Dark Blue: Peaceful, stable, logical, trustworthy, water
  • Light Blue: Healthy, cool, young
  • Purple: Elegant, mysterious, regal
Now it's your turn: Look up the meaning of complimentary colors, as wells as analogous colors and see how they relate to each other on the color wheel.