จุด(Dot)
จุดเป็นองค์ประกอบที่มีขนาดเล็ก โดยมีขนาดความกว้างและความยาวใกล้เคียงกัน
คุณสมบัติของจุด
เรียกร้องความสนใจของสายตาได้ดี
บอกและกำหนดตำแหน่งภาพ
การจางจุด 2 จุด ดราจะได้พื้นที่ระหว่างจุดที่ให้ความรู้สึกดึงดูดระหว่างกัน
|
|
เส้น (line)
เส้นเป็นองค์ประกอบที่มีขนาดยาว เกิดจากการนำจุดมาเคลื่อนที่
หรือนำมาวางเรียงต่อ ๆ กัน เส้นมีคุณสมบัติเด่นในการนำสายตา
คุณสมบัติของเส้น
เส้นมีความยาวมากกว่าความกว้างและความหนาอย่างเห็นได้ชัด
จึงทำให้เกิดความรู้สึกไปทางด้านยาวอย่างเดียว
นำสายตา กำหนดทิศทาง และความต่อเนื่อง
แบ่งซอยภาพ
|
|
ระนาบ (Plane)
ระนาบเป็นองค์ประกอบที่เกิดจากเส้นที่ขยายตัว
หรือกลุ่มของจุด เกิดความกว้าง ความยาว เป็นองค์ประกอบที่เป็น 2 มิติ ระนาบมีอิทธิพลในภาพเป็นอย่างมาก
เพราะมักจะครองพื้นที่โดยรวมของภาพเอาไว้
|
1. วงกลม (Circle)
เมื่อวางรูปร่างวงกลมในภาพ
จะให้ ความรู้สึกเป็นศูนย์กลาง เป็นที่รวมความสนใจ หรือการปกป้องคุ้มครอง
|
ระนาบรูปร่างวงกลมที่อยู่หลังรูป
คอมพิวเตอร์ ทำให้เรารู้สึกว่าจุดนั้นกำลังเป็นจุกศูนย์กลางที่เรากำลังเพ่งความสนใจ
|
2. สี่เหลี่ยม (Square)
เมื่อวางรูปร่างสี่เหลี่ยมในภาพจะให้ความรู้สึกสงบ
มั่นคง เป็นระเบียบ เมื่อวางตามแนวตั้งฉาก ให้ความรู้เคลื่อนไหว และสร้างจุดสนใจได้ดี
เมื่อวางทะแยง สามารถจัดเป็นกลุ่มก้อนให้ลงตัวได้ง่าย
|
องค์ประกอบสี่เหลี่ยมในภาพดูเรียงกันอย่างลงตัวและมีระเบียบ
เสริมเน้นลูกเล่นให้กับภาพโดยการเปลี่ยนสี่ของสี่เหลี่ยม |
3. สามเหลี่ยม (Triangle)
เมื่อวางรูปร่างสามเหลี่ยมในภาพ จะให้ความรู้สึกหยุดนิ่ง มั่นคง แต่ที่ส่วนปลายมุมทั้งสามด้าน
ให้ความรู้สึกถึงทิศทาง ความเฉียบคม และมีแรงพลักดัน
|
รูปร่างสามเหลี่ยม
(สี่เหลี่ยมที่ถูกบีบมุมให้เล็ก จนดูเป็นสามเหลี่ยม )พุ่งเข้าสู่จุด จุดหนึ่ง
ในภาพสามเหลี่ยม ช่วยสร้างพลัง สร้างแรงพลักดัน จนดูเสมือนมีแรงกระจายพุ่งเข้าไปในภาพ |
4. หกเหลี่ยม
เมื่อวางรูปร่างหกเหลี่ยมในภาพ จะให้ความรู้สึกถึงการเชื่อมโยง การเป็นหน่วยย่อยหน่วยหนึ่ง
Modular ที่สามารถนำมาต่อกันได้อย่างไม่มีขอบเขต
|
ปุ่มที่ใช้คลิกไปยังหัวข้อต่างๆ ของงาน ถูกออกแบบให้เป็นไอคอนรูปร่างหกเหลี่ยม
แต่ละปุ่มแทนความเป็นส่วนย่อย ของเนื้อหาที่ต้องเรียนรู้ขององค์กร โดยสามารถนำปุ่มไอคอนมาวางเพิ่มได้ |