3 principle of_design

493 views

Published on

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
493
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
7
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

3 principle of_design

  1. 1. Principles of DesignBalance 1. Symmetrical balance 2. Asymmetrical
  2. 2. Principles of Design– Symmetrical balance สมดุล แบบ สมมาตร (2 ข้า งเท่า กัน ) ทั้ง ซ้า ยขวา เหมือ นกัน การสมดุล แบบนีจ ะทำา ให้ด ู ้ มัน คงหนัก แน่น ยุต ธ รรม ่ ิ– Asymmetrical balance สมดุล แบบ อสมมาตร (2 ข้า งไม่เ ท่า กัน ) ด้า นซ้า ยและ ขวาจะไม่เ หมือ นกัน แต่ม องดูแ ล้ว เท่า กัน ด้ว ยนำ้า หนัก ทางสายตา เช่น สมดุล ด้ว ยนำ้า หนัก และขนาดของรูป ทรง ด้ว ยจุด สนใจ ด้ว ยจำา นวนด้ว ยความแตกต่า งของราย
  3. 3. Symmetry Balance
  4. 4. Symmetry Balance
  5. 5. Symmetry Balance
  6. 6. Asymmetrical Balance
  7. 7. Asymmetrical Balance
  8. 8. Symmetry and asymmetry work together on the home page forBen Hulse Design. The central image is mostly symmetrical,though some asymmetry is introduced in the people looking indifferent directions. The asymmetry is continued with thelocation of the text and the colorful rectangles at the top.
  9. 9. Asymmetrical Balance
  10. 10. Asymmetrical Balance
  11. 11. Asymmetrical Balance
  12. 12. Asymmetrical Balance
  13. 13. Symmetry Balance VS Asymmetrical Balance
  14. 14. Contrast ความขัด แย้ง• การ จัด องค์ป ระกอบให้เ กิด ความแตกต่า ง เพื่อ ดึง ดูด ความสนใจหรือ ให้เ กิด ความ สนุก ตื่น เต้น น่า สนใจ ลดความเรีย บ น่า เบือ ให้ค วามรู้ส ก ฝืน ใจ ขัด ใจ แต่ช วน ่ ึ มอง
  15. 15. Contrast ความขัด แย้ง
  16. 16. Contrast ความขัด แย้ง
  17. 17. Contrast with Size
  18. 18. Contrast with ColorThis is just a simple 2-dimensional design usingtwo colors
  19. 19. Contrast with Texture Hands with water texture can be easily distinguished from the textured grains of water background.
  20. 20. Contrast with Position The layout of the brochure below is a simple example of how the title is very interesting because its located in a different position to other content.
  21. 21. Contrast with Shape The layout of the brochure below is a simple example of how the title is very interesting because its located in a different position to other content.
  22. 22. Contrast with Movement Just need a few seconds for anyone to be able to understand the message and visual identity that protrudes from the logo Killed Productions below. The letter i which has the same shape and color with other letters still attract attention due to the different movement directions.
  23. 23. Emphasis (Dominance) การเน้น ให้เ กิด จุด เด่น
  24. 24. Point
  25. 25. Line
  26. 26. Form
  27. 27. http://www.digital-web.com/articles/principles_and_elements_of_design/
  28. 28. การสร้า งจุด เด่น เน้น จุด สำา คัญ มี 3 ส่ว น1. วางตำา แหน่ง จุด สนใจในงาน (Focus Point) : ใช้ก ฎ 3 ส่ว น (Rule of Third)2. การสร้า งความแตกต่า งในงาน (Contrast) :3. การวางแยกองค์ป ระกอบให้โ ดดเด่น (Isolation)
  29. 29. Unity เอกภาพ• คือ ความเป็นอันหนึ่งอันเดียวกัน เป็นกลุ่มเป็น ก้อน โดยที่องค์ประกอบภายในต้องกลมกลืนกัน ความใกล้ชิดขององค์ประกอบ (Proximity)
  30. 30. http://jayce-o.blogspot.com/2010/12/graphic-design-and-gestalt-theory.html Proximity (closeness of the position)• The objects on the logo above perceived as a group (the letter U) because it has proximity to each other position.
  31. 31. Similarity (similar form)The three triangles in the bottom of the logo actuallyis part of a bird icon in the logo. But because it hasa similar form with another triangle, the object isperceived as part of a group triangles that make upthe circle.
  32. 32. Closure (closing the form)We can recognize that the icons on the WWFlogo is a panda. In fact, the picture is incompleteor not fully closed.
  33. 33. Continuity (continuous pattern)The circles are perceived as a group because of thecontinued pattern. Although the actual objects areseparated from each other.
  34. 34. เอกภาพ (Unity)
  35. 35. เอกภาพ (Unity)
  36. 36. Rhythm จัง หวะ (Rhythm)• จัง หวะแบบเหมือ นกัน ซำ้า ๆกัน เป็น การนำา เอาองค์ป ระกอบหรือ รูป ที่เ หมือ น ๆ กัน มา จัด วางเรีย งต่อ กัน การออกแบบลายต่อ เนื่อ ง เช่น ลายเหล็ก ดัด ลายกระเบือ งปู ้ พื้น หรือ ผนัง ลายผ้า• จัง หวะสลับ กัน ไปแบบคงที่ เป็น การนำา องค์ป ระกอบหรือ รูป ที่ต ่า งกัน มาวางสลับ กัน อย่า งต่อ เนือ ง เป็น ชุด เป็น ช่ว ง ให้ ่ ความรู้ส ก เป็น ระบบ สมำ่า เสมอ ความ ึ แน่น อน
  37. 37. Rhythm จัง หวะ (Rhythm)• จัง หวะสลับ กัน ไปแบบไม่ค งที่ เป็น การนำา องค์ป ระกอบหรือ รูป ที่ต ่า งกัน มาวางสลับ กัน อย่า งอิส ระ ทั้ง ขนาด ทิศ ทาง ระยะ ห่า ง ให้ค วามรู้ส ก สนุก สนาน ึ• จัง หวะจากเล็ก ไปใหญ่ห รือ จากใหญ่ ไปเล็ก เป็น การนำา รูป ที่เ หมือ นกัน มา เรีย งต่อ กัน แต่ม ข นาดต่า งกัน โดย ี เรีย งจากเล็ก ไปใหญ่ห รือ จากใหญ่ไ ป เล็ก อย่า งต่อ เนื่อ งทำา ให้ภ าพมีค วาม ลึก มีม ิต ิ
  38. 38. Rhythm จัง หวะ (Rhythm)
  39. 39. Rhythm จัง หวะ (Rhythm)
  40. 40. ขนาดและสัด ส่ว นการจัด องค์ป ระกอบ (Scale & Proportion)
  41. 41. ขนาดและสัด ส่ว นการจัด องค์ป ระกอบ (Scale & Proportion)
  42. 42. ขนาดและสัด ส่ว นการจัด องค์ป ระกอบ (Scale & Proportion)
  43. 43. ขนาดและสัด ส่ว นในการจัด องค์ป ระกอบ (Scale & Proportion)
  44. 44. ที่ว ่า งในการออกแบบ (Spacing)• ส่วน Background กับ Foreground
  45. 45. ที่ว ่า งในการออกแบบ (Spacing)
  46. 46. ที่ว ่า งในการออกแบบ (Spacing)
  47. 47. ที่ว ่า งในการออกแบบ (Spacing)
  48. 48. ที่ว ่า งในการออกแบบ (Spacing)
  49. 49. ที่ว ่า งในการออกแบบ (Spacing)
  50. 50. Consistency is a good goal for any design.

×