การจัดวางองค์ประกอบ

1) สิ่งที่สำคัญมากสำหรับการออกแบบ คือ ทำความเข้าใจ จุดประสงค์ในการใช้งานให้ชัดเจน แวบแรกต้องดูรู้ว่าจะสื่อถึงอะไร

2) ต้องคิดก่อนว่าทำให้ใครดู ?

3) จัดลำดับความสำคัญของข้อมูลโดนแบ่งเป็นข้อ ๆ

4) ขนาดกล่อง ระยะห่างระหว่างกล่อง ระยะห่างภาพต้องเท่ากันเสมอ จะทำให้อ่านง่ายและมีระเบียบ

5) สร้างความแตกต่างระหว่างชื่อเรื่องและเนื้อหา

6) การวางองค์ประกอบ

        6.1 การวางจุดสนใจไว้กึ่งกลางภาพ

       6.2 การวางองค์ประกอบแบบสามเหลี่ยม โวลุ่มลงที่ฐานและมียอดด้านบน

       6.3 การวางองค์ประกอบแบบสมมาตร

       6.4 การจัดองค์ประกอบภาพตามเส้นแนวทแยงมุม

       6.5 กฎสามส่วน คือ ลากเส้นแบ่งหน้ากระดาษเป็นสามส่วนแนวตั้งและแนวนอน วางองค์ประกอบที่สำคัญตามจุดตัดตรงกลาง จะทำให้นำสายตาอ่านง่าย สวยงาม

7) เลเอาต์ที่คำนึงถึงจังหวะ




ฟอนต์ตัวอักษร

8) ควรเลือกชนิดและขนาดฟอนต์ตามธีมงาน

             serif          => Traditional, หรูหรา

             san serif    =>​ Modern, ไม่เป็นทางการ

9) การจัดช่องไฟและระยะห่างระหว่างบรรทัดมีผลต่อภาพรวม

            ตัวอักษรชิดกัน   =>  สร้างความเข้มข้น  

            ตัวอักษรห่างกัน  =>  สร้างความรู้สึกสบายๆ 



สี

10) ลองใช้สัดส่วน 6:3:1 ต่อการใช้สี 3 สีสร้างสมดุล

                สีเบส : สีหลัก : สีตัด    =>  6:3:1 

11) จะให้สีดึงดูดสายตา ต้องใช้สีโทนร้อน

12) ต้องคำนึงถึงความหนักเบาของกลุ่มสีที่ใช้

                บนเข้ม ล่างอ่อน => ภาพรวมดูหนัก
                บนอ่อน ล่างเข้ม => ภาพรวมดูมั่นคง

13) ลองใช้สีขาวกับสีดำเข้าไปผสมกับสีหลักกับสีรองดู อาจได้ส่วนผสมที่แปลกใหม่

ภาพถ่าย

14) ต้องเลือกภาพที่เข้ากับเนื้อหาและคำโปรยมากที่สุด
 
15) ควรมีขนาดใหญ่เล็ก มีไดนามิกในการจัดวางให้ดูน่าสนใจ

16) เลือกภาพโดยดูองค์ประกอบของภาพด้วย

17) การครอปภาพที่ดีจะช่วยดึงเสน่ห์ของภาพออกมาได้สูง และสื่อความหมายได้ดี

18) เลือกภาพที่มีความละเอียดสูง



เว็บไซต์ & moblie app

19) ปุ่มกดในแอปมือถือไม่ควรเล็กเกินไปจนกดไม่ถนัด หรือติดกับปุ่มอื่นมากเกินไป

20) ความรู้สึกแรกเมื่อกดเข้าเว็บไซต์เป็นสิ่งสำคัญมาก ต้องแบ่งหน้าจอให้คนอ่านไม่รู้สึกสับสน

21) หน้าเว็บล็อกอินก็เป็นอีกจุดที่สามารถเล่าคอนเซปต์ของเว็บได้

22) การออกแบบหน้าเมนูของสมาร์ทโฟน อินเตอร์เฟสที่เหมาะสมกับการใช้งาน

           ใช้งานง่าย ไม่งง  => ควรเลือกแบบไอคอน

           โดดเด่น           => ควรเลือก Modal window มีหน้าต่างแสดงขึ้นมา

           นำเสนอข้อมูลจำนวนมาก => ควรใช้แท็บ

           ให้เลือกข้อมูลที่เหมาะสมที่สุดจากตัวเลือกจำนวนมาก => ควรใช้แบบดรอปดาวน์