communication and visualisation (lecture 2)

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

Upload: foteini-valeonti

Post on 15-May-2015

871 views

Category:

Education


0 download

DESCRIPTION

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

TRANSCRIPT

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