Graphic Design Basic

ความคิดสร้างสรรค์ เราลองมาดูโจทย์สนุก ๆ ที่จะช่วยอธิบายคำว่าความคิดสร้างสรรค์กันดีกว่า โจทย์ : พยายามลากเส้น 4 เส้นให้ต่อเนื่องกัน (ห้ามยกมือ) โดยผ่านจุดทุกจุดที่คุณเห็น

ความคิดสร้างสรรค์ มาดูเฉลยกันดีกว่า

การออกแบบและการสื่อความหมาย Design & Meaning ภาษาภาพ (Visual Language)

การออกแบบและการสื่อความหมาย Design & Meaning การรับรูภาพ (Perception Image) ภาพที่เราเห็น (Visual Image) ภาพที่เรานึกคิด (Conceptual Image)

การออกแบบและการสื่อความหมาย Design & Meaning การรับรูภาพ (Perception Image)

การออกแบบและการสื่อความหมาย Design & Meaning

Design & Meaning ตัวอย่าง โจทย์: “งานออกแบบเครื่องหมายการค้า โจทย์: “งานออกแบบเครื่องหมายการค้า ร้านซักผ้า Point Wash” keyword: ซัก น้ำ ความสะอาด ฟอง ผงซักฟอก ภาพ: ความสะอาด การซักผ้าแสดงฟองแห่งความสะอาดที่ล่องลอย ตีความหมาย: ความสะอาด=สีขาว,น้ำ=สีฟ้า ภาพ: ฟองผงซักฟอก=วงกลมเล็กๆที่ล่องลอย การออกแบบภาพน่าจะใช้ โทนสีเย็นเป็นหลัก ส่วนองค์ประกอบในภาพอาจจะใช้หยดน้ำที่สื่อ ถึงความสดชื่นของผลิตภัณฑ์

Design & Meaning ตัวอย่าง

Basic Elements องคประกอบพื้นฐานของภาพ Basic Elements ภาพงานออกแบบกราฟกที่มีองคประกอบพื้นฐานหลักคือ จุด เสน ระนาบประกอบอยูภายใน

Basic Elements องคประกอบพื้นฐานของภาพ Basic Elements

Basic Elements จุด Dot คุณสมบัติของจุด เรียกรองความสนใจของสายตาไดดี บอกและกําหนดตําแหนงในภาพ การวางจุด 2 จุด เราจะไดพื้นที่ระหวางจุดที่ใหความรูสึก ดึงดูดระหวางกัน

Basic Elements Note ขนาดของจุดตองเปรียบเทียบกับขนาดของกรอบภาพหรือเฟรม (Frame) จุดถึงมีขนาดเทากัน แตวางอยูในกรอบภาพที่ตางกัน จุดก็อาจจะกลายเปน ระนาบได้

Basic Elements เสน Line เปนองคประกอบที่มีขนาดยาว เกิดจากการนําจุดมาเคลื่อนที่ หรือนํามาวางเรียงตอ ๆ กัน เสนมีคุณสมบัติเดนในการนําสายตา เปนแนวแบงภาพ คุณสมบัติของเสน เสนมีความยาวมากกวาความกวางและความหนาอยางเห็นไดชัดจึง ทําใหเกิดความรูสึกไปทางดานยาวดานเดียว นําสายตา กําหนดทิศทาง และความตอเนื่อง แบงซอยภาพ ความรูสึก อารมณของเสนตาง ๆ ในภาพ เสนตรง ใหความรู สึกมั่นคงเปนระเบียบ

Basic Elements ความรูสึก อารมณของเสนตาง ๆ ในภาพ เสนตรง ใหความรูสึกมั่นคงเปนระเบียบ เสนนอน ใหความสงบ นิ่ง เรียบรอย

Basic Elements ความรูสึก อารมณของเสนตาง ๆ ในภาพ เสนเฉียง ใหความรูสึกถึงการเคลื่อนไหว ความไมหยุดนิ่ง พลังขับเคลื่อน เสนโคง ใหความรูสึกที่นิ่มนวล พลิ้วไหว เสนหยึกหยัก ใหความรูสึกถึงความไมเปนระเบียบ การไมอยูในกรอบ ความอิสระ หรือความสับสนวุนวายได ทั้งนี้ขึ้นอยูกับเสนจะหยักมากนอยแคไหน เสนเล็กและบาง ใหความรูสึกเบาและเฉียบคม ในขณะที่เสนหนาใหความ หนักแนนในการนําสายตา

Basic Elements ระนาบ Plane ระนาบ เปนองคประกอบที่เกิดจากเสนที่ขยายตัว หรือกลุมของจุดเกิดความกวาง ความยาวเปนองคประกอบที่เปน 2 มิติ ระนาบมีอิทธิพลในภาพ เปนอยางมาก เพราะมักจะครองพื้นที่โดยรวมของภาพเอาไว เมื่ออยูในภาพตัวระนาบที่เรามีอยูมักจะมีรูปราง (Shape) ตางกันออกไป รูปรางแตละชนิดก็มีความหมายและใหความรูสึกตาง ๆ กัน ยกตัวอยางระนาบรูปรางตาง ๆ ที่เรามักพบเห็น ไดแก

Basic Elements วงกลม Circle เมื่อวางรูปรางวงกลมในภาพจะใหความรูสึกเปนศูนยกลาง เปนที่รวมความสนใจ หรือการปกปองคุมครอง

Basic Elements Note ระนาบรูปรางวงกลม ทําใหเรารูสึกวาจุดนั้นกําลังเปนจุดศูนยกลางที่เรา กําลังเพงความสนใจ

Basic Elements สี่เหลี่ยม Square เมื่อวางรูปรางสี่เหลี่ยมในภาพ จะใหความรูสึก สงบ มั่นคง เปนระเบียบ เมื่อวางตามแนวตั้งฉาก ใหความรูสึกเคลื่อนไหวและสรางจุดสนใจไดดี เมื่อวางทแยงสามารถจัดเปนกลุมกอนใหลงตัวไดงาย

Basic Elements Note องคประกอบสี่เหลี่ยมในภาพดูเรียงกันอยางลงตัว และมีระเบียบ เสริมเนนลูกเลนใหกับภาพ โดยการเปลี่ยนสีของสี่เหลี่ยม

Basic Elements Note

Basic Elements สามเหลี่ยม Triangle เมื่อวางรูปรางสามเหลี่ยมในภาพ จะใหความรูสึกหยุดนิ่ง มั่นคง แตที่ สวนปลายมุมทั้ง 3 ดาน ใหความรูสึกถึงทิศทาง ความเฉียบคม และมีรงผลักดัน

Basic Elements สามเหลี่ยม Triangle

Basic Elements หกเหลี่ยม Hexagon เมื่อวางรูปรางหกเหลี่ยมในภาพ จะใหความรูสึกถึงการเชื่อมโยง การ เปนหนวยยอยหนวยหนึ่งModular ที่สามารถตอไปไดอยางไมสิ้นสุดไมมีขอบเขต

Basic Elements หกเหลี่ยม Hexagon

Basic Elements รูปรางธรรมชาติ Organic รูปรางธรรมชาติใหความรูสึกถึงความอิสระ การเลื่อนไหล การไมมีกฎเกณฑ ที่แนนอนตายตัว รูปรางที่เปนอิสระสราง ความรูสึกเคลื่อนไหว แบบเลื่อนไหลอยูในภาพ บางครั้งก็ใหจินตนาการ ของงานที่ซอนอยูลึก ๆ ภายในไดเชนกัน