หลักการออกแบบกราฟฟิก

หลักการของการออกแบบแนะนำให้ผู้ออกแบบออกแบบองค์ประกอบต่างๆของเค้าโครงหน้าเว็บได้ดีที่สุดเพื่อเชื่อมต่อกับการออกแบบโดยรวมและกันและกัน

หลักการออกแบบทั้งหมดหรือที่เรียกว่าหลักการขององค์ประกอบใช้กับชิ้นส่วนที่คุณสร้างขึ้น วิธีการที่คุณใช้หลักการเหล่านี้จะเป็นตัวกำหนดว่าการออกแบบของคุณเป็นอย่างไรในการถ่ายทอดข้อความที่ต้องการและความน่าสนใจที่ปรากฏ มีเพียงไม่กี่วิธีที่ถูกต้องในการใช้หลักการแต่ละข้อ แต่ให้ตรวจสอบเอกสารของคุณเพื่อดูว่าคุณใช้หลักการออกแบบ 6 ประการนี้กันดีเพียงใด

สมดุล

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

ความใกล้ชิด / เอกภาพ

ในการออกแบบความใกล้ชิดหรือความใกล้ชิดสร้างความสัมพันธ์ระหว่างองค์ประกอบบนหน้าเว็บ องค์ประกอบที่อยู่ใกล้กันหรือห่างไกลกันจะแสดงความสัมพันธ์ (หรือขาด) ระหว่างส่วนที่แตกต่างกันอย่างอื่น ความสามัคคีสามารถทำได้ด้วยการใช้องค์ประกอบที่สามเพื่อเชื่อมต่อชิ้นส่วนที่ห่างไกล เป็นองค์ประกอบของชื่อด้วยกันหรือไม่? ข้อมูลการติดต่อทั้งหมดอยู่ในที่เดียวหรือไม่? ทำเฟรมและกล่องที่ผูกกันหรือแยกองค์ประกอบที่เกี่ยวข้องในเอกสารของคุณหรือไม่

การวางแนว

การจัดตำแหน่งทำให้เกิดความสับสนวุ่นวาย การจัดแนวประเภทและกราฟิกบนหน้าและความสัมพันธ์ซึ่งกันและกันทำให้รูปแบบของคุณง่ายขึ้นหรือยากที่จะอ่านทำความคุ้นเคยหรือสร้างความตื่นเต้นให้กับการออกแบบที่ล้าสมัย คุณใช้ตารางหรือไม่? มีการวางแนวทั่วไป - ด้านบนด้านล่างซ้ายขวาหรือกึ่งกลางระหว่างกลุ่มข้อความและกราฟิกบนหน้าเว็บหรือไม่ การจัดตำแหน่งข้อความจะช่วยให้สามารถอ่านได้ หากองค์ประกอบบางอย่างไม่อยู่ในแนวเดียวกันควรทำอย่างรอบคอบด้วยเป้าหมายการออกแบบที่เฉพาะเจาะจง

การทำซ้ำ / สม่ำเสมอ

การทำซ้ำองค์ประกอบของการออกแบบและการใช้สไตล์และรูปแบบกราฟิกที่สอดคล้องกันภายในเอกสารจะแสดงให้ผู้อ่านได้ทราบว่าจะไปที่ไหนและช่วยในการออกแบบและเค้าโครงของคุณได้อย่างปลอดภัย ตรวจสอบให้แน่ใจว่าเอกสารของคุณใช้หลักการของการทำซ้ำสม่ำเสมอและเป็นอันหนึ่งอันเดียวกันในการออกแบบหน้าเว็บ หมายเลขหน้าเว็บจะปรากฏในตำแหน่งเดียวกันจากหน้าหนึ่ง ๆ หรือไม่? หัวเรื่องหลักและหัวข้อย่อยสอดคล้องกับขนาดรูปแบบและตำแหน่งหรือไม่? คุณเคยใช้รูปแบบกราฟิกหรือภาพประกอบที่สม่ำเสมอหรือไม่?

ความแตกต่าง

ในการออกแบบองค์ประกอบขนาดใหญ่และเล็กข้อความขาวดำสี่เหลี่ยมและวงกลมสามารถสร้างความคมชัดในการออกแบบได้ ความคมชัดช่วยให้องค์ประกอบการออกแบบที่แตกต่างออกไป มีความคมชัดเพียงพอระหว่างขนาดตัวอักษรและสีพื้นหลังและรูปแบบเพื่อให้สามารถอ่านข้อความได้หรือไม่? ถ้าทุกสิ่งทุกอย่างมีขนาดเท่ากันแม้ว่าองค์ประกอบบางอย่างจะสำคัญกว่าคนอื่น ๆ การออกแบบก็ขาดความคมชัด

พื้นที่สีขาว

การออกแบบที่พยายามบีบอัดข้อความและกราฟิกที่มากเกินไปบนหน้าเว็บจะไม่สะดวกและอาจเป็นไปไม่ได้ในการอ่าน พื้นที่สีขาวช่วยให้ห้องออกแบบของคุณมีลมหายใจ คุณมีช่องว่างเพียงพอระหว่างคอลัมน์ของข้อความหรือไม่? ข้อความทำงานในเฟรมหรือกราฟิกหรือไม่? คุณมีขอบใจกว้าง? นอกจากนี้คุณยังสามารถมีพื้นที่สีขาวมากเกินไปหากรายการลอยอยู่บนหน้าเว็บโดยไม่มีผู้ประกาศข่าว

หลักการออกแบบเพิ่มเติม

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