design presentation int
DESCRIPTION
A presentation about gestalt principles, design and formsTRANSCRIPT
![Page 1: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/1.jpg)
ProgramIntroduction
Gestalt principles
Forms & symbolisms
Exercise 1
Exercise 2
>>
>>
>>
>>
>>
![Page 2: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/2.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/3.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/4.jpg)
Modern creative agencies
Monte CarloZulu comedy gallaBrian Mørk show
MobilePayOutlandishCarlsberg
GoogleDieselB&O
Red BullModströmBetter place
![Page 5: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/5.jpg)
“boring stuff”
![Page 6: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/6.jpg)
No style is “boring” be creative
![Page 7: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/7.jpg)
“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](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/8.jpg)
![Page 9: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/9.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/10.jpg)
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](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/11.jpg)
![Page 12: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/12.jpg)
![Page 13: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/13.jpg)
![Page 14: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/14.jpg)
![Page 15: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/15.jpg)
![Page 16: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/16.jpg)
![Page 17: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/17.jpg)
![Page 18: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/18.jpg)
![Page 19: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/19.jpg)
![Page 20: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/20.jpg)
![Page 21: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/21.jpg)
![Page 22: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/22.jpg)
![Page 23: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/23.jpg)
![Page 24: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/24.jpg)
![Page 25: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/25.jpg)
![Page 26: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/26.jpg)
![Page 27: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/27.jpg)
![Page 28: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/28.jpg)
![Page 29: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/29.jpg)
![Page 30: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/30.jpg)
![Page 31: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/31.jpg)
![Page 32: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/32.jpg)
![Page 33: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/33.jpg)
![Page 34: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/34.jpg)
![Page 35: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/35.jpg)
![Page 36: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/36.jpg)
![Page 37: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/37.jpg)
![Page 38: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/38.jpg)
EXCERCISE 1
Find a website, where you can use more than one gestalt principles
![Page 39: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/39.jpg)
BREAK...
![Page 40: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/40.jpg)
FORMS
![Page 41: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/41.jpg)
Cirkel - Symbolism
Warm
Eternal whole
infinity
![Page 42: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/42.jpg)
Square - Symbolism
Stability
Honesty
Order
(Closure)
![Page 43: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/43.jpg)
Triangle - Symbolism
Purpose
Direction
Action
Progression
Warning
![Page 44: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/44.jpg)
![Page 45: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/45.jpg)
![Page 46: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/46.jpg)
EXERCISE 2
Tutorial 1: Basic shapes, swatches and layers
![Page 47: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/47.jpg)
EXERCISE 3
Tutorial 2: Icons and images formats
![Page 48: Design presentation INT](https://reader034.vdocument.in/reader034/viewer/2022052508/559be9921a28abc04a8b463a/html5/thumbnails/48.jpg)
QUESTIONS?