อัตราส่วนทองคำในการออกแบบและเหตุใดจึงสำคัญกับแบรนด์ของคุณ

คุณรู้หรือไม่ว่า DNA และ The Sacrament of the Last Supper ของ Salvador Dali ของเรามีอะไรที่เหมือนกันกับแบรนด์อย่าง Pepsi? เป็นตัวอย่างของอัตราส่วนทองคำในการออกแบบ อัตราส่วนทองคำเป็นอัตราส่วนทางคณิตศาสตร์ที่สามารถใช้เพื่อสร้างผลลัพธ์ที่น่าพึงพอใจ และไม่ใช่แค่เรื่องของผลลัพธ์ที่มนุษย์สร้างขึ้นเท่านั้น แต่ยังพบอัตราส่วนทองคำได้ทั่วทั้งธรรมชาติและแม้แต่ในร่างกายมนุษย์

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

อัตราส่วนทองคำคืออะไรกันแน่?

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

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

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

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

ความสำคัญของอัตราส่วนทองคำในการออกแบบ

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

การใช้อัตราส่วนทองคำในการออกแบบ

รูปร่างที่มีอัตราส่วนทองคำ

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

อัตราส่วนทองคำในการพิมพ์

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

สมมติว่าคุณต้องหาลำดับชั้นของข้อความที่สำคัญที่สุด (A) ข้อความที่ค่อนข้างสำคัญ (B) และข้อความที่ไม่สำคัญมาก (C) หากขนาดฟอนต์ที่เล็กที่สุดคือ 10px คุณสามารถคูณมันด้วย 1.618 เพื่อรับคำแนะนำโดยประมาณสำหรับขนาดฟอนต์ที่จะต้องใหญ่ขึ้น

อัตราส่วนทองคำในการแต่งภาพ

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

อัตราส่วนทองคำในโลโก้

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

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

อัตราส่วนทองคำในการเลือกเลย์เอาต์

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

อัตราส่วนทองคำและเนื้อหาบนเว็บ

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

เลย์เอาต์ของคุณอาจไม่อนุญาตให้มีอัตราส่วนทองคำที่แน่นอน แต่ตราบใดที่คุณเข้าใกล้อัตราส่วน 1:1.61 ให้มากที่สุด คุณก็จะได้รับประโยชน์จากการผสมผสานอัตราส่วนทองคำ

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

แบ่งองค์ประกอบของคุณด้วยอัตราส่วนทองคำ

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

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

ใช้อัตราส่วนทองคำเพื่อครอบตัดรูปภาพ

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

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

กฎสามส่วนคืออะไร?

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

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

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

อัตราส่วนทองคำและการออกแบบปกนิตยสาร

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

เครื่องมือที่สามารถช่วยให้คุณใช้อัตราส่วนทองคำในการออกแบบได้

การทำความคุ้นเคยกับการใช้กฎอัตราส่วนทองคำในการออกแบบอาจเป็นเรื่องที่ท้าทายในตอนแรก ต่อไปนี้คือเครื่องมือบางอย่างที่อาจใช้เมื่อคุณนึกถึงการออกแบบให้เสร็จ

PhiMatrix

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

เครื่องคิดเลข GRT

GRT Calculatore จะช่วยในการตัดสินใจขนาดตัวอักษรและความกว้างของเนื้อหาได้อย่างง่ายดาย ช่วยให้นักออกแบบสามารถลองใช้แบบอักษรเวอร์ชันต่างๆ บนหน้าจอได้

จุดสนใจ

หากคุณต้องการออกแบบให้สำเร็จบน WordPress โฟกัสคือเครื่องมือที่ลงตัว นี่เป็นธีม WP ที่เน้นไปที่อัตราส่วนทองคำอย่างสมบูรณ์ นอกจากนี้ยังมีคุณสมบัติอื่นๆ อีกมากมายที่ต้องมีสำหรับเว็บไซต์สมัยใหม่ในอุดมคติ

เครื่องคิดเลขพี

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

เครื่องวัดเส้นผ่าศูนย์กลาง Golden Mean

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

คำสุดท้ายเกี่ยวกับอัตราส่วนทองคำในการออกแบบ

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

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