เมื่อความสมมาตรจะเหมาะสมในการออกแบบเว็บ?

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

Perfect Symmetry ที่สมบูรณ์แบบและ Symmetry โดยประมาณ

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

ความเป็นมืออาชีพและศิลปะ

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

มุ่งเน้นไปที่การใช้งานง่าย

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

ความสมดุลและความไม่สมดุล

เหตุผลความไม่สมดุลในการออกแบบเว็บทำงาน - และทำงานได้ดี - เป็นเพราะมันยังคงสมดุล ตามที่ Joshua David McClurg-Genevese ในบทความของเขา "หลักการออกแบบ" ดุลเป็นสมดุลขององค์ประกอบและน้ำหนักภาพของพวกเขาในหน้า เว็บไซต์ส่วนใหญ่มีคุณสมบัติการออกแบบที่ไม่สมดุลและองค์ประกอบภาพและบล็อกข้อความขนาดใหญ่ ประโยชน์อย่างหนึ่งของความไม่สมดุลคือช่วยให้ดวงตาเคลื่อนที่ไปทั่วไซต์อย่างละเอียดโดยนำผู้เยี่ยมชมไปยังเนื้อหาที่สำคัญที่สุดอย่างละเอียด

ตัวอย่างของการออกแบบสมมาตร

เค้าโครงสมมาตรทั่วไปคือการใช้คอลัมน์สองคอลัมน์ที่ด้านข้างของเนื้อหาจำนวนมาก เป็นที่นิยมโดยเฉพาะในบล็อก ดู Facebook ซึ่งมีความสมมาตรที่แข็งแกร่งแม้ว่ามันจะไม่สมมาตรในระดับสากล Google+ ใช้การออกแบบที่คล้ายกันมาก อีกตัวอย่างหนึ่งคือการออกแบบของ Twitter ซึ่งมีความสมมาตรโดยประมาณกับคอลัมน์ที่อยู่กึ่งกลางของหน้า ในหลอดเลือดดำที่แตกต่างกันคือหน้าหลักของ MySpace แทนที่จะเป็นคอลัมน์มันมีความสมมาตรในแนวนอนและแนวตั้งโดยประมาณ: สองแถวแรกส่วนใหญ่มีความสมมาตรซึ่งกันและกันและโมดูลด้านล่างจะมีความสมมาตรกันมากที่สุด

ตัวอย่างของการออกแบบอสมมาตร

ดีไซเนอร์ Patrick McNeil เขียนบทความสำหรับ "Webdesigner Depot" เรียกว่า "Asymmetrical Balance ในการออกแบบเว็บ" ซึ่งมีตัวอย่างหลายตัวอย่างของการออกแบบที่ไม่สมดุล อีกตัวอย่างหนึ่งคือเว็บไซต์ Blizzard ซึ่งใช้องค์ประกอบภาพขนาดใหญ่ที่สมดุลกับบล็อกข้อความที่มองเห็นระหว่างส่วนหัวและเนื้อหาของหน้า