UI / UX Design Tips

on


Colours

First, think about the colour you want to use?

RED - love, Intensity, energy

YELLOW - joy, intellect, attention

GREEN - freshness, growth, safety

BLUE - stability, trust, serenity

PURPLE - Royalty, wealth, feminity


Combining Colors

Use colour wheel

Analogous colours

Complementary colours - good for logo design / not good for interfaces

split colours 

Triadic colours - outdated

Monochromatic - trend 


Tools for colour pallets


Color Hunt:

http://www.colorhunt.co/

Flat UI Colors:

http://flatuicolors.com/

Material Palette

https://www.materialpalette.com

Color Zilla

http://www.colorzilla.com/


Interesting facts about colour pallets

https://uxplanet.org/create-emotion-with-color-in-ux-design-446a3766b085#.833er7ned


Typography

Serif - Having corners - by ancient times

  • Old style - Adobe Jenson
  • Transitional - Times New Roman
  • Modern - Didot 
  • Slab-Serif - American Typewriter - Newspaper printing

San serif - Modern than Serif

  • Grotesque - New Gothic
  • Neo Grotesque - Helvetica
  • Humanist - Gill Sans
  • Geometric  - Futura
consider about open spaces

  • Give headings in serifs and body in san serif or vice versa.
  • Do not give the same style for both headings and body.
  • do not use too many fonts
  • only use good 2 different fonts.

Tools

  1. WhatFont - Chrome and Firefox extension
  2. Font Squirrel - Free 
  3. Sky Fonts - Macs

Refer




Source - London App Brewery

Comments

Post a Comment