19
SCREW IT, LET’S DO IT www.valeonti.com_

Communication and Visualisation (Lecture 2)

Embed Size (px)

DESCRIPTION

The second lecture of the Communication and Visualisation unit of the BA Sound Design course at Ravensbourne 2011.

Citation preview

Page 1: Communication and Visualisation (Lecture 2)

SCREW IT, LET’S DO IT

www.valeonti.com_

Page 2: Communication and Visualisation (Lecture 2)

BUILDING A SOUND DESIGNER’S PORTFOLIOFOTEINI VALEONTI RAVENSBOURNE

Page 3: Communication and Visualisation (Lecture 2)

AGENDA

- U.I. DESIGN PRINCIPLES

- HANDS-ON: WORDPRESS.COM

Page 4: Communication and Visualisation (Lecture 2)

U.I. DESIGN

Page 5: Communication and Visualisation (Lecture 2)

- STRUCTURE

- METAPHOR

- FEATURE EXPOSURE

- COHERENCE

- FOCUS

- FEEDBACK

- SIMPLICITY

RESOURCES http://en.wikipedia.org/wiki/Principles_of_user_interface_design

http://www.sylvantech.com/~talin/projects/ui_design.html

U.I. DESIGN PRINCIPLES

Page 6: Communication and Visualisation (Lecture 2)

SIMPLICITY

Page 7: Communication and Visualisation (Lecture 2)

SIMPLICITY

Page 8: Communication and Visualisation (Lecture 2)

RESOURCES http://lawsofsimplicity.com/?tag=laws&page=1

SIMPLICITY

Page 9: Communication and Visualisation (Lecture 2)

HANDS-ON

WORDPRESS.COM

Page 10: Communication and Visualisation (Lecture 2)

A WEBSITE

STRUCTURE

CONTENT

APPEARANCE

Page 11: Communication and Visualisation (Lecture 2)

A BLOG

POST 1

POST 2

POST 3

TAG

1TA

G 2

TAG

1

TAG

2

CATEGORY 1

CATEGORY 5

CATEGORY 1

Page 12: Communication and Visualisation (Lecture 2)

A BLOG CATEGORY 1

POST 1

POST 3

TAG

1TA

G 2

CATEGORY 1

CATEGORY 1

Page 13: Communication and Visualisation (Lecture 2)

A BLOG

POST 1

POST 2

POST 3

TAG

1TA

G 2

TAG

1

TAG

2

CATEGORY 1

CATEGORY 5

CATEGORY 1

Page 14: Communication and Visualisation (Lecture 2)

A BLOG TAG 1

POST 1

POST 2

TAG

1TA

G 1

TAG

2

CATEGORY 1

CATEGORY 5

Page 15: Communication and Visualisation (Lecture 2)

A WEBSITE

STRUCTURE

CONTENT

APPEARANCE

Page 16: Communication and Visualisation (Lecture 2)

A WEBSITE

STRUCTURE

CONTENT

APPEARANCE

Page 17: Communication and Visualisation (Lecture 2)

A WEBSITE

STRUCTURE

CONTENT

APPEARANCE

Page 18: Communication and Visualisation (Lecture 2)

A WEBSITE

STRUCTURE

CONTENT

APPEARANCE

Page 19: Communication and Visualisation (Lecture 2)

@HOME

- MAKE A STRUCTURE

- ADD POSTS

- FINILISE APPEARANCE