So far, so good - PowerPoint PPT Presentation


Title: 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
View by Category
About This Presentation
Title:

So far, so good

Description:

Web design's Bermuda Triangle - CVT. Visual. Content. Talent. Content ... http://www.microsoft.com/en/us/default.aspx. http://www.zeldman.com/externals ... – PowerPoint PPT presentation

Number of Views:54
Avg rating:3.0/5.0
Slides: 22
Provided by: clintea
Category:
Tags: bermuda | far | good | triangle

less

Write a Comment
User Comments (0)
Transcript and Presenter's Notes

Title: 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
About PowerShow.com