การสร้างสมดุลในการออกแบบ: ตัวอย่างในชีวิตจริงและเคล็ดลับระดับมืออาชีพ

เผยแพร่แล้ว: 2023-01-25

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

ความสมดุลในการออกแบบคืออะไร?

หลักการพื้นฐานของการออกแบบที่ดี มีดังต่อไปนี้

  • สมดุล
  • เน้น
  • ความเคลื่อนไหว
  • ลวดลาย
  • การทำซ้ำ
  • สัดส่วน
  • จังหวะ
  • ความหลากหลาย
  • ความสามัคคี

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

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

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

ตัวอย่างด้านล่างของความสมดุลในการออกแบบจะอธิบายความหมายของมันได้ดีขึ้น:

โปสเตอร์หนังเชอร์ล็อก โฮล์มส์

ความสมดุลในการออกแบบตัวอย่างจากแบรนด์ต่างๆ

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

เว็บไซต์ฮับสปอต

ความสมดุลในการออกแบบตัวอย่าง

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

โลโก้สตาร์บัคส์

ความสมดุลในการออกแบบตัวอย่าง

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

เว็บไซต์ Apple iPhone 12

ความสมดุลในการออกแบบตัวอย่าง

Apple ไม่ขาดตกบกพร่องในด้านการออกแบบและความสมดุล และหน้าสำหรับ Apple iPhone 12 ก็ไม่มีข้อยกเว้น เป็นตัวอย่างที่สวยงามของความสมมาตรแบบสะท้อนแสง iPhones วางบนหน้าจอเท่าๆ กัน ในขณะที่ข้อความด้านบนมีความยาวเท่ากันทั้งสองด้าน สมมาตรการสะท้อนแสง คือการที่ครึ่งหนึ่งของภาพสะท้อนอีกครึ่งหนึ่ง เป็นที่รู้จักกันว่าเส้นหรือสมมาตรกระจก

โฆษณาสิ่งพิมพ์เอเวียง

ความสมดุลในการออกแบบตัวอย่าง

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

โลโก้ชาแนล

ความสมดุลในการออกแบบตัวอย่าง

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

หน้าแรก สังคม เว็บไซต์

ความสมดุลในการออกแบบตัวอย่าง

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

โลโก้ปิโตรเลียมอังกฤษ

ความสมดุลในการออกแบบตัวอย่าง

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

จดหมายข่าว Netflix

ความสมดุลในการออกแบบตัวอย่าง

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

โฆษณาดิจิทัลของไฮนซ์

ความสมดุลในการออกแบบตัวอย่าง

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

โปสเตอร์ออรัล-บี

ความสมดุลในการออกแบบตัวอย่าง

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

เว็บไซต์ Rodionov & Sons

ความสมดุลในการออกแบบตัวอย่าง

อีก ตัวอย่างที่ยอดเยี่ยมของสมมาตรการสะท้อน คือเว็บไซต์ของบริษัท Rodionov & Sons ซึ่งเป็นโรงกลั่นของรัสเซีย เมื่อคุณมาถึงหน้านี้ คุณจะได้รับการต้อนรับจากด้านบนของขวดที่มีการหมุนวนรอบๆ เมื่อคุณเลื่อนลงมาคุณจะพบหน้าที่เต็มไปด้วยความสมดุลที่สมมาตร

โปสเตอร์หนังแฮรี่พอตเตอร์

ความสมดุลในการออกแบบตัวอย่าง

การต่อสู้ระหว่างความดีและความชั่วแสดงให้เห็นอย่างสมดุลในโปสเตอร์ภาพยนตร์ Harry Potter and the Deathly Hallows: Part 2 กระจายน้ำหนักเท่าๆ กัน ทำให้เรารู้สึกว่าตอนจบสามารถนำมาซึ่งชัยชนะหรือโศกนาฏกรรม (อย่างน้อยสำหรับผู้ที่ไม่ได้อ่านหนังสือ)

นามบัตรที่ออกแบบโดย Penji

ความสมดุลในการออกแบบตัวอย่าง

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

เว็บไซต์แอตแลนติก

ความสมดุลในการออกแบบตัวอย่าง

สิ่งที่ตรงกันข้ามกับการออกแบบที่สมดุลคือความสมดุลอีกประเภทหนึ่งที่เรียกว่า ความไม่สมดุล (หรือที่เรียกว่าความไม่ลงรอยกัน) นี่เป็นเรื่องยุ่งยากเนื่องจากเป็นการผสมผสานระหว่างความโกลาหลและความเป็นระเบียบเรียบร้อย เว็บไซต์ของ The Atlantic เป็นตัวอย่างที่ดีในเรื่องนี้ ดูเหมือนว่าจะขาดแผนกสมดุลและในขณะเดียวกันก็ให้รูปลักษณ์ที่น่าดึงดูด

โลโก้ไนกี้

ความสมดุลในการออกแบบตัวอย่าง

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

ป้ายโฆษณา Mountain Dew

ความสมดุลในการออกแบบตัวอย่าง

พื้นผิวสามารถเพิ่มความสมดุลให้กับงานออกแบบของคุณได้ การสร้างพื้นที่ในการออกแบบของคุณด้วย รายละเอียดที่สลับซับซ้อนจะสร้างความสมดุลหากคุณวางไว้ข้างพื้นที่เรียบและไม่มีพื้นผิว ป้ายโฆษณานี้จาก Mountain Dew อธิบายได้ดีที่สุด

โฆษณาเครื่องสำอาง Jacqueline Cochran

ความสมดุลในการออกแบบตัวอย่าง

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

โฆษณา Spotify

ความสมดุลในการออกแบบตัวอย่าง

ในปี 2019 Spotify ได้เปิดตัวโฆษณาหลายชุดบนหลายแพลตฟอร์ม โดยส่วนใหญ่เป็นโฆษณาบนบิลบอร์ดและโฆษณากลางแจ้ง นี่เป็นตัวอย่างที่ยอดเยี่ยมของการใช้พื้นที่สีขาวเพื่อให้เกิดความสมดุลในการออกแบบ Space ทำสองสิ่ง: เชื่อมต่อและแยกองค์ประกอบต่างๆ ในการออกแบบ ตามที่โฆษณานี้แสดงให้เห็น

ID Sarrieri Instagram โฆษณา

ความสมดุลในการออกแบบตัวอย่าง

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

ปกหนังสือฤดูใบไม้ร่วงเล็กน้อย

ความสมดุลในการออกแบบตัวอย่าง

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

การออกแบบแพ็คเกจกาแฟ Archer Farms

ความสมดุลในการออกแบบตัวอย่าง

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

โฆษณาแคดเบอรี

ความสมดุลในการออกแบบตัวอย่าง

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

ปกอัลบั้ม Touché Amoré

ความสมดุลในการออกแบบตัวอย่างจากแบรนด์ต่างๆ

เมื่อมองแวบแรก ไม่มีอะไรให้ดูมากนักในปกอัลบั้ม Is Survived By ของ Touché Amoré วงดนตรีแนวโพสต์ฮาร์ดคอร์จากแคลิฟอร์เนีย แต่ถ้าดูดีๆ ก็ เป็นการศึกษาที่ดีในการสร้างความสมดุลในการออกแบบ รอยเปื้อนทางด้านซ้ายแสดงถึงสมาชิกของวง ทางด้านขวาเป็นภาพพร่ามัวของภาพทิวทัศน์ของเมือง ทั้งสององค์ประกอบเสริมซึ่งกันและกันเพื่อสร้างความสมดุลให้กับการออกแบบ

หน้าแรกของ Pinterest

ความสมดุลในการออกแบบตัวอย่าง

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

ความคิดสุดท้าย

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

นักออกแบบกราฟิกของ Penji เข้าใจความสมดุลในการออกแบบ คุณไม่ต้องกังวลเกี่ยวกับการออกแบบด้วยตัวเอง ดูวิดีโอสาธิตของเราที่นี่หรือลงทะเบียนวันนี้เพื่อเริ่มต้นการออกแบบของคุณ