Note from Design Foundation with Mat Helme

Note from Design Foundation with Mat Helme

KuReview – Desain merupakan salah satu aspek yang setidaknya harus kita pahami dasar-dasarnya. Karena, dalam kehidupan kita , kita selalu bertemu dengan yang namanya design. Apalagi dengan saat ini era digital dimana desagin menjadi sebuah keharusan dalam aspek visualisasi. Seperti desain situs, perangkat lunak untuk gawai, desain interior serta desain yang lainnya. Karena alasan itulah, saya memutuskan untuk belajar memahami pondasi pondasi di dalam desain. 
Untuk itu, saya juga akan membagikan kepada teman-teman mengenai catatan-catatan saya ketika saya mendengarkan Design Foundation with Mat Helme. Selamat membaca catatan saya ini ya. Bila ada yang ingin ditanyakan silahkan komentar. 

The 3 Principle of Architecture

  1. Durability – should last
  2. Usability – should has purpose
  3. Beauty – should appear delightful

Great Designer 

  1. Charles and Ray Eames (Architecture / Furnitures Designer ) :  The Eamas House, Powers of Ten, Eames Lounge Chair, Resin Molded Chairs
  2. Herb Lubalin (Graphic Designer / Typografer)
  3. Paul Rand (Grapich Designer) : Apple, IBM, ABC
  4. Saul Bass (Grapich / Motion Designer): The Man with Golden Arm, 
  5. Erik Spiekerman (Typografer /Graphic Designer) : Font Shop,Berliner Grotest, Meta Serif,
  6. Dieter Rams (Industrial Designer)

The Ten Principles of Good Design

  1. Good Design is Innovative
  2. Good Design make product usefull
  3. Good Design is aesthetic
  4. Good Design make product understandable
  5. Good Design is unobtrusive
  6. Good Design is honest
  7. Good Design is long-lasting
  8. Good Design is thorough down to the last detail
  9. Good Design is environmentally friendly
  10. Good Design is as little design as possible

Format Line

Line is a start from single node to other node.
Thickness = Weight
Distance from start to stop = Length
There are 4 Line :
  1. Organic
  2. Metrickal
  3. Roof
  4. Ajacktil Line

Size and Texture

Size : Quality of the primary visual element line and shape. All Element have a definition of size , which its  measurable form
Size and Scale play a huge  role in design
Texture : The quality of feel  , appearance or consistency  of an object or objects
Implied = Touch, Visual = Motif


Is the way  light reflect off an object.
Can define a shape , portray emotion or emphasize  an object.
Is measured by hue, saturation and value.
Naming a color  by description is its hue.
Red, Blue , Green
Color sensations  are used to  categorize hues
Warm and Cold Color
When  a group of colors are the same hue,tint tone and shade
Monochromatic means of same color, or one color
Tint is a mixture  of color with white
A shade is a mixture of color with black
Tone is a mixture of color with gray
Primary Color : Red , Yellow and Blue
Complemenary Colors : ….the color that are directly opposite of each other
Triad Colors Combination : are 3 colors of equal distance
Saturation refers to intensity, strength and chroma
Achromatic : colors that have no saturation
Simultaneous Contrast :


Is the placement or arrangement of visual elements or ingredient in a layout
Structure :
  • Positive shapes
  • Vice Versa
  • Equal  inverse

Composition Techniques

  1. Rule of Third : A way to cut the composition up into nine different sections and use the opposing sections to balance one another or to highlight a specific element
  2. Rule of Odds : an odd number of object is more pleasing to the eye than an even number
  3. Rule of Space : Creating movement  in an composition

Space Grouping

In a two dimensional design creates a third dimension
Ambiguous space : when two  or more possible meanings
Impossible Space : when spaces just don’t make sense
Atmospheric perspective : creating  depth through space , making it small object darker or bluring
Liniear Perspective : make line, each side has vanishing point
3 Dimensional : create object that appears to have  weight to it, by sampling adding shading to the circle make it appear to be a 3 dimensional
White Space : refers to the comparison of elements within composition
Grouping : connection / unity two object . 
Gestalt Principles : 
  • Touching
  • Overlaping
  • Transparency
  • Union
  • Subtraction
  • Intersection

Contrast and Balance

Balance : The Equal distribution of weight within a composition
Symmetrical Balance : whan a layout appears mirrored
Radial Balance : an organized repeating pattern within a composition

Emphasis, Movement and Unity

Emphasis : applying intentional focus on one or more object, thought: Size, Color and Shape
Implement Movement : sequential,repeating images, bluring or motion indicators to apply movement.
Unity : joining two or more elements being joined as a whole


A method to analyze something
Process Problem Solving
Psychology : Explenation of why we do what we do
Cognition : Our mental process or the order in which we think. Problem solving is a form of cognition

The 4 P’s problem solving :

  1. Prep : Preparation. Identify problems.
  2. Plan 
  3. Perform
  4. Perfect 
Jika dirasa bermanfaat Note from Design Foundation with Mat Helme ini bermanfaat. Silahkan dishare ke teman-teman yang lain ya. Jika kawan kawan ingin melihat Course Design Foundation with Mat Helme bisa klik link berikut ini :
Sekian dan Terima kasih. Jangan lupa untuk melihat artikel saya yang lain seperti Perbedaan Antara macOS dan Linux serta Bahaya Berbagi Informasi Pribadi di Internet.

Leave a Reply

Your email address will not be published. Required fields are marked *