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” 
>>
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)
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
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
Design presentation INT
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
Design presentation INT
Design presentation INT
EXERCISE 2 
Tutorial 1: Basic shapes, swatches and layers
EXERCISE 3 
Tutorial 2: Icons and images formats
QUESTIONS?

More Related Content

PDF
Digital Portfolio - Mohamed Daniel
PPTX
Mohinder Kohsla Design thinking A complimentary approach to agile
PPTX
design thinking.pptx.....................
PDF
Design Principles for All the Designers
PDF
A Complete Guide to Understanding Graphic Design Principles for Non-Designers
PPTX
Aesthetics
PPTX
Unit -3.pptx
PDF
The Language of Design.pdf
Digital Portfolio - Mohamed Daniel
Mohinder Kohsla Design thinking A complimentary approach to agile
design thinking.pptx.....................
Design Principles for All the Designers
A Complete Guide to Understanding Graphic Design Principles for Non-Designers
Aesthetics
Unit -3.pptx
The Language of Design.pdf

Similar to Design presentation INT (20)

PPT
Visual Perception
PDF
The Principles and Laws of UX Design.pdf
PDF
Your App is Ugly
PDF
PPTX
visual perception ppt2.pptx
PPT
Principles Of Design 1
PPT
Vector graphics
PDF
Principles of Design
PPTX
Gestalt Principles and its application in Web Design
PDF
Design academy lecture & workshop
PDF
Elements-Principles-of-Design_032609.pdf
PDF
Design principles
PPTX
Graphic design
PDF
Design 101 - a quick start guide
PPTX
Fundamental Principles of Visual Graphic Design.pptx
PPT
Gestalt & single image composition for designers
PPTX
introduction of graphic design
PDF
Rune madsen (graphicdesign&code)
PPT
An Introduction To Graphic Design
PDF
Imaging and Design in Online Environment (Lecture).pdf
Visual Perception
The Principles and Laws of UX Design.pdf
Your App is Ugly
visual perception ppt2.pptx
Principles Of Design 1
Vector graphics
Principles of Design
Gestalt Principles and its application in Web Design
Design academy lecture & workshop
Elements-Principles-of-Design_032609.pdf
Design principles
Graphic design
Design 101 - a quick start guide
Fundamental Principles of Visual Graphic Design.pptx
Gestalt & single image composition for designers
introduction of graphic design
Rune madsen (graphicdesign&code)
An Introduction To Graphic Design
Imaging and Design in Online Environment (Lecture).pdf
Ad

Recently uploaded (20)

PDF
Architecture Design Portfolio- VICTOR OKUTU
PDF
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
PDF
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PPTX
PROPOSAL tentang PLN di metode pelaksanaan.pptx
PPTX
Drafting equipment and its care for interior design
PDF
The Basics of Presentation Design eBook by VerdanaBold
PDF
1 Introduction to Networking (06).pdfbsbsbsb
PPTX
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
PDF
321 LIBRARY DESIGN.pdf43354445t6556t5656
PPTX
Drawing as Communication for interior design
PDF
Timeless Interiors by PEE VEE INTERIORS
PPT
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
PPTX
Bitcoin predictor project presentation
PDF
GSH-Vicky1-Complete-Plans on Housing.pdf
PPTX
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
PPTX
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
PDF
analisis snsistem etnga ahrfahfffffffffffffffffffff
PPT
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
PDF
Test slideshare presentation for blog post
PPTX
a group casestudy on architectural aesthetic and beauty
Architecture Design Portfolio- VICTOR OKUTU
The Complete Guide to Buying Verified Stripe Accounts 2025.pdf
IARG - ICTC ANALOG RESEARCH GROUP - GROUP 1 - CHAPTER 2.pdf
PROPOSAL tentang PLN di metode pelaksanaan.pptx
Drafting equipment and its care for interior design
The Basics of Presentation Design eBook by VerdanaBold
1 Introduction to Networking (06).pdfbsbsbsb
lecture-8-entropy-and-the-second-law-of-thermodynamics.pptx
321 LIBRARY DESIGN.pdf43354445t6556t5656
Drawing as Communication for interior design
Timeless Interiors by PEE VEE INTERIORS
EthicsNotesSTUDENTCOPYfghhnmncssssx sjsjsj
Bitcoin predictor project presentation
GSH-Vicky1-Complete-Plans on Housing.pdf
22CDH01-V3-UNIT-I INTRODUCITON TO EXTENDED REALITY
ENG4-Q2-W5-PPT (1).pptx nhdedhhehejjedheh
analisis snsistem etnga ahrfahfffffffffffffffffffff
aksharma-dfs.pptgfgfgdfgdgdfgdfgdgdrgdgdgdgdgdgadgdgd
Test slideshare presentation for blog post
a group casestudy on architectural aesthetic and beauty
Ad

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” >>
  • 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
  • 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
  • 46. EXERCISE 2 Tutorial 1: Basic shapes, swatches and layers
  • 47. EXERCISE 3 Tutorial 2: Icons and images formats