SlideShare a Scribd company logo
Program 
Introduction 
Gestalt principles 
Forms & symbolisms 
Exercise 1 
Exercise 2 
>> 
>> 
>> 
>> 
>>
Literature 
Lidwell, 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) 
>> 
>> 
>> 
>>
What are you going to learn? 
Photoshop (basic tools) 
“Design theory” - gestalt principles, methods for idea generation and conceptdevelopment 
Work methodical: Wireframes, Mockups, 3-ring-target 
Grid, Typography, colors, image formats Jpg, Gif, Png etc. 
>> 
>> 
>> 
>>
Modern creative agencies 
Monte Carlo 
Zulu comedy galla 
Brian Mørk show 
MobilePay 
Outlandish 
Carlsberg 
Google 
Diesel 
B&O 
Red Bull 
Modström 
Better place
“boring stuff”
No style is “boring” be creative
“My interest is only coding..” 
…. Companies are looking for creative developers ... Therefore, it is super important to understand in terms of design” 
>>
The principle of proximity (nærhed) 
The principle of closure (lukkethed) 
The principle of similarity (lighed) 
The principle of figure/ground (figur/grund)
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
EXCERCISE 1 
Find a website, where you can use more than one gestalt principles
BREAK...
FORMS
Cirkel - Symbolism 
Warm 
Eternal whole 
infinity
Square - Symbolism 
Stability 
Honesty 
Order 
(Closure)
Triangle - Symbolism 
Purpose 
Direction 
Action 
Progression 
Warning
EXERCISE 2 
Tutorial 1: Basic shapes, swatches and layers
EXERCISE 3 
Tutorial 2: Icons and images formats
QUESTIONS?

More Related Content

Similar to Design presentation INT

Interaction design
Interaction designInteraction design
Interaction design
markguy
 
Design Thinking talk
Design Thinking talkDesign Thinking talk
Design Thinking talk
Glyn Britton
 
Why Methods Trump Methodology
Why Methods Trump MethodologyWhy Methods Trump Methodology
Why Methods Trump Methodology
Jess McMullin
 
Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)
Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)
Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)
Koen Peters
 
Designerly ways of research
Designerly ways of researchDesignerly ways of research
Designerly ways of research
peterpur
 
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdfvisualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
dimce3
 
[open] Innovator @ The Hague University
[open] Innovator @ The Hague University[open] Innovator @ The Hague University
[open] Innovator @ The Hague University
jmsluijs
 
Interactive Paper 2014
Interactive Paper 2014Interactive Paper 2014
Interactive Paper 2014
姿儀 吳
 
Intro to Wireframing, HCD & Design Thinking
Intro to Wireframing, HCD & Design ThinkingIntro to Wireframing, HCD & Design Thinking
Intro to Wireframing, HCD & Design Thinking
Priya Dandawate
 
Extensive portfolio
Extensive portfolioExtensive portfolio
Extensive portfolio
Thomas Christian Dehn
 
Design Engineering With Swift
Design Engineering With SwiftDesign Engineering With Swift
Design Engineering With Swift
David Hoang
 
Intro to ba4 with images
Intro to ba4 with imagesIntro to ba4 with images
Intro to ba4 with images
Les Bicknell
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
Ji Lee
 
my dream job(to be designer)
my dream job(to be designer)my dream job(to be designer)
my dream job(to be designer)
muhammedsalihabbas
 
02_computational_designanddigital_fabrication_visual_programing.pdf
02_computational_designanddigital_fabrication_visual_programing.pdf02_computational_designanddigital_fabrication_visual_programing.pdf
02_computational_designanddigital_fabrication_visual_programing.pdf
Ayele Bedada
 
02 computational design and digital fabrication visual programing
02 computational design and digital fabrication visual programing02 computational design and digital fabrication visual programing
02 computational design and digital fabrication visual programing
Ayele Bedada
 
Graphic Designing Courses In Khanna
Graphic Designing Courses In KhannaGraphic Designing Courses In Khanna
Graphic Designing Courses In Khanna
Aarushidutta
 
Design thinking presentation (incl notes)
Design thinking presentation (incl notes)Design thinking presentation (incl notes)
Design thinking presentation (incl notes)
JerCar
 
Parents
ParentsParents
Visual Communications Design - a methadology
Visual Communications Design - a methadologyVisual Communications Design - a methadology
Visual Communications Design - a methadology
Paul Vickers
 

Similar to Design presentation INT (20)

Interaction design
Interaction designInteraction design
Interaction design
 
Design Thinking talk
Design Thinking talkDesign Thinking talk
Design Thinking talk
 
Why Methods Trump Methodology
Why Methods Trump MethodologyWhy Methods Trump Methodology
Why Methods Trump Methodology
 
Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)
Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)
Using Co-creation to Make Design Solutions that Work (DrupalCamp Leuven 2013)
 
Designerly ways of research
Designerly ways of researchDesignerly ways of research
Designerly ways of research
 
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdfvisualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
visualize data d83ae67f-6375-401f-b95a-f29eae37dd32.pdf
 
[open] Innovator @ The Hague University
[open] Innovator @ The Hague University[open] Innovator @ The Hague University
[open] Innovator @ The Hague University
 
Interactive Paper 2014
Interactive Paper 2014Interactive Paper 2014
Interactive Paper 2014
 
Intro to Wireframing, HCD & Design Thinking
Intro to Wireframing, HCD & Design ThinkingIntro to Wireframing, HCD & Design Thinking
Intro to Wireframing, HCD & Design Thinking
 
Extensive portfolio
Extensive portfolioExtensive portfolio
Extensive portfolio
 
Design Engineering With Swift
Design Engineering With SwiftDesign Engineering With Swift
Design Engineering With Swift
 
Intro to ba4 with images
Intro to ba4 with imagesIntro to ba4 with images
Intro to ba4 with images
 
What is UX Design?
What is UX Design?What is UX Design?
What is UX Design?
 
my dream job(to be designer)
my dream job(to be designer)my dream job(to be designer)
my dream job(to be designer)
 
02_computational_designanddigital_fabrication_visual_programing.pdf
02_computational_designanddigital_fabrication_visual_programing.pdf02_computational_designanddigital_fabrication_visual_programing.pdf
02_computational_designanddigital_fabrication_visual_programing.pdf
 
02 computational design and digital fabrication visual programing
02 computational design and digital fabrication visual programing02 computational design and digital fabrication visual programing
02 computational design and digital fabrication visual programing
 
Graphic Designing Courses In Khanna
Graphic Designing Courses In KhannaGraphic Designing Courses In Khanna
Graphic Designing Courses In Khanna
 
Design thinking presentation (incl notes)
Design thinking presentation (incl notes)Design thinking presentation (incl notes)
Design thinking presentation (incl notes)
 
Parents
ParentsParents
Parents
 
Visual Communications Design - a methadology
Visual Communications Design - a methadologyVisual Communications Design - a methadology
Visual Communications Design - a methadology
 

Recently uploaded

一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
zv943dhb
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
k4krdgxx
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
kmzsy4kn
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
p74xokfq
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
yqyquge
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
3vgr39kx
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
sf3cfttw
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
ubogumo
 
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
oabn3692
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
i990go7o
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
k4krdgxx
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
67n7f53
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
21uul8se
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
bljeremy734
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
ka3y2ukz
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
k4krdgxx
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
ynrtjotp
 
The Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el GoThe Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el Go
Kal-el Shows
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
67n7f53
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
k4krdgxx
 

Recently uploaded (20)

一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
一比一原版(UoB毕业证)英国伯明翰大学毕业证如何办理
 
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
一比一原版英国伦敦政治经济学院毕业证(LSE学位证)如何办理
 
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
一比一原版(KPU毕业证)加拿大昆特兰理工大学毕业证如何办理
 
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
一比一原版(USQ毕业证书)南昆士兰大学毕业证如何办理
 
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
一比一原版(ututaustin毕业证书)美国德克萨斯大学奥斯汀分校毕业证如何办理
 
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
一比一原版南安普顿索伦特大学毕业证Southampton成绩单一模一样
 
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
一比一原版美国明尼苏达大学双城分校毕业证(UMTC学位证)如何办理
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
一比一原版(Rice毕业证)美国莱斯大学毕业证如何办理
 
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
一比一原版(UW毕业证书)华盛顿大学毕业证如何办理
 
一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理一比一原版英国伦敦大学毕业证(London学位证)如何办理
一比一原版英国伦敦大学毕业证(London学位证)如何办理
 
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
一比一原版(CSU毕业证书)查尔斯特大学毕业证如何办理
 
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
一比一原版(NU毕业证书)诺森比亚大学毕业证如何办理
 
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
欧洲杯足彩-欧洲杯足彩比赛投注-欧洲杯足彩比赛投注官网|【​网址​🎉ac10.net🎉​】
 
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
一比一原版(Brunel毕业证)英国布鲁内尔大学毕业证如何办理
 
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
一比一原版(Deakin毕业证书)澳洲迪肯大学毕业证文凭如何办理
 
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
一比一原版(爱大毕业证)美国爱荷华大学毕业证如何办理
 
The Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el GoThe Color of Life Slideshow by: Kal-el Go
The Color of Life Slideshow by: Kal-el Go
 
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
一比一原版(OU毕业证)美国俄克拉荷马大学毕业证如何办理
 
一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样一比一原版马来西亚世纪大学毕业证成绩单一模一样
一比一原版马来西亚世纪大学毕业证成绩单一模一样
 

Design presentation INT

  • 1. Program Introduction Gestalt principles Forms & symbolisms Exercise 1 Exercise 2 >> >> >> >> >>
  • 2. Literature Lidwell, 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) >> >> >> >>
  • 3. What are you going to learn? Photoshop (basic tools) “Design theory” - gestalt principles, methods for idea generation and conceptdevelopment Work methodical: Wireframes, Mockups, 3-ring-target Grid, Typography, colors, image formats Jpg, Gif, Png etc. >> >> >> >>
  • 4. Modern creative agencies Monte Carlo Zulu comedy galla Brian Mørk show MobilePay Outlandish Carlsberg Google Diesel B&O Red Bull Modström Better place
  • 6. No style is “boring” be creative
  • 7. “My interest is only coding..” …. Companies are looking for creative developers ... Therefore, it is super important to understand in terms of design” >>
  • 8.
  • 9. The principle of proximity (nærhed) The principle of closure (lukkethed) The principle of similarity (lighed) The principle of figure/ground (figur/grund)
  • 10. 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
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26.
  • 27.
  • 28.
  • 29.
  • 30.
  • 31.
  • 32.
  • 33.
  • 34.
  • 35.
  • 36.
  • 37.
  • 38. EXCERCISE 1 Find a website, where you can use more than one gestalt principles
  • 40. FORMS
  • 41. Cirkel - Symbolism Warm Eternal whole infinity
  • 42. Square - Symbolism Stability Honesty Order (Closure)
  • 43. Triangle - Symbolism Purpose Direction Action Progression Warning
  • 44.
  • 45.
  • 46. EXERCISE 2 Tutorial 1: Basic shapes, swatches and layers
  • 47. EXERCISE 3 Tutorial 2: Icons and images formats