So far, so good

1
So far, so good

• Hooman Nili

2
Web Design

• Topics on design theories
• Part 1

3
Web designs Bermuda Triangle - CVT
Content
Visual
Talent
4
Content

• Copy (for now, textual content)
• Graphical content
• Other

5
Visuals

• Presentation of content
• Layout
• Design graphics

6
Talent

• Content organisation and distribution
• Creative design
• Unique contents, features, etc(e.g.
  interactivity)

7
Pre-design phase

• Information gathering
• information organisation
• analysis
• design proposal

8
Post Design - Layout

• What is Layout
• Layout considerations
• Usability vs aesthetics
• Good vs bad design

9
Examples
10
(No Transcript)
11
(No Transcript)
12
Themes

• Themes and branding (and identity)
• Unified themes
• non-unified themes

13
Web page skeleton

• Front-end vs back-end (wrapper, body)
• Identify the common elements of these sites
• http//www.brunel.ac.uk/
• http//www.bbc.co.uk/
• http//www.microsoft.com/en/us/default.aspx
• http//www.zeldman.com/externals/
• http//www.csszengarden.com/

14
Examples
15
Intro to Deign Theory

• The Grid Theory

16
The grid Theory

• All designs/layouts can be contained in
  rectangular blocks (grids)
• Blocks are to both organise and present the
  content in the most efficient and aesthetic way

17
The golden ratio

• Also known as the natural ratio/proportion and
  other names.
• Golden ratio Natural beauty
• Divide up your layout golden ratios and expect
  natural beauty.

18
The golden ratio

• Roughly speaking use the following ratio to
  divide your layout or place blocks
• 1/1.62
• Example 3/5, 5/8, 8/13,

19
Go, find some examples

• This is just a quick techie demo

20
The rule of thirds (3rds)

• A simple application of the golden ratio
• Can be used to enhance focal points
• Simply put divide into 3 and position your
  elements accordingly

21
Lets see a demo

• This is just a quick techie demo