Thursday, November 19, 2015

web design principles

General Content


  1. Prioritize Simple Content, left to right
  2. Content in small articles with adjustable layout
  3. Add a read more button, cut information overload
  4. On click show content instead of show all 
  5. navigation labels intuitive and not in main content area
  6. link out to new windows instead of embedding
  7. <100 kb image size auto-size like Google has small, medium, large, original 
  8. Avoid small images with no real purpose like decoration
  9. Use CSS2.0 to control template, color,style

General Layout


  1. Use dynamic width to suit mobile devices
  2. small table using % based width not absolute 
  3. Use remove formatting to copy texts
  4. Simple Layout

Reference:

http://iwant2study.org/ospsg/index.php/2-home
http://iwant2study.org/ospsg/index.php/2-home