Top Banner
Program Introduction Gestalt principles Forms & symbolisms Exercise 1 Exercise 2 >> >> >> >> >>
48

Design presentation INT

Jul 07, 2015

Download

Design

TrineHansen

A presentation about gestalt principles, design and forms
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Design presentation INT

ProgramIntroduction

Gestalt principles

Forms & symbolisms

Exercise 1

Exercise 2

>>

>>

>>

>>

>>

Page 2: Design presentation INT

LiteratureLidwell, William et al: Universal Principles of Design.p. 44-45 + 96-97 + 132-133 + 196-197 + 226-227

Park, Ji Young: Visual Communication in Digital Design. p. 70-73

Dabner, David et al.: Graphic design school. p. 38-39

Lynda.com Photoshop CC Essential Training, with Julieanne Kost (Chapter. 8, 11, 20)

>>

>>

>>

>>

Page 3: Design presentation INT

What are you going to learn?Photoshop (basic tools)

“Design theory” - gestalt principles, methods for idea genera-tion and conceptdevelopment

Work methodical: Wireframes, Mockups, 3-ring-target

Grid, Typography, colors, image formats Jpg, Gif, Png etc.

>>

>>

>>

>>

Page 4: Design presentation INT

Modern creative agencies

Monte CarloZulu comedy gallaBrian Mørk show

MobilePayOutlandishCarlsberg

GoogleDieselB&O

Red BullModströmBetter place

Page 5: Design presentation INT

“boring stuff”

Page 6: Design presentation INT

No style is “boring” be creative

Page 7: Design presentation INT

“My interest is only coding..”…. Companies are looking for creative developers ... Therefore, it is super important to understand in terms of design”

>>

Page 8: Design presentation INT
Page 9: Design presentation INT

The principle of proximity (nærhed)

The principle of closure (lukkethed)

The principle of similarity (lighed)

The principle of figure/ground (figur/grund)

Page 10: Design presentation INT

1) Eyes contribute information to the brain

2) By processing and then make sense

3) Good design = An understanding of the process

4) The relationships between visual elements works like the way we think about them

Page 11: Design presentation INT
Page 12: Design presentation INT
Page 13: Design presentation INT
Page 14: Design presentation INT
Page 15: Design presentation INT
Page 16: Design presentation INT
Page 17: Design presentation INT
Page 18: Design presentation INT
Page 19: Design presentation INT
Page 20: Design presentation INT
Page 21: Design presentation INT
Page 22: Design presentation INT
Page 23: Design presentation INT
Page 24: Design presentation INT
Page 25: Design presentation INT
Page 26: Design presentation INT
Page 27: Design presentation INT
Page 28: Design presentation INT
Page 29: Design presentation INT
Page 30: Design presentation INT
Page 31: Design presentation INT
Page 32: Design presentation INT
Page 33: Design presentation INT
Page 34: Design presentation INT
Page 35: Design presentation INT
Page 36: Design presentation INT
Page 37: Design presentation INT
Page 38: Design presentation INT

EXCERCISE 1

Find a website, where you can use more than one gestalt principles

Page 39: Design presentation INT

BREAK...

Page 40: Design presentation INT

FORMS

Page 41: Design presentation INT

Cirkel - Symbolism

Warm

Eternal whole

infinity

Page 42: Design presentation INT

Square - Symbolism

Stability

Honesty

Order

(Closure)

Page 43: Design presentation INT

Triangle - Symbolism

Purpose

Direction

Action

Progression

Warning

Page 44: Design presentation INT
Page 45: Design presentation INT
Page 46: Design presentation INT

EXERCISE 2

Tutorial 1: Basic shapes, swatches and layers

Page 47: Design presentation INT

EXERCISE 3

Tutorial 2: Icons and images formats

Page 48: Design presentation INT

QUESTIONS?