เล่นกลกับดวงตาของเรา: ภาพลวงตาในการออกแบบ

เผยแพร่แล้ว: 2021-01-19

เล่นกลกับดวงตาของเรา: ภาพลวงตาในการออกแบบ

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

ว่างเปล่า

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

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

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

วิธีที่เราประสบกับภาพลวงตา

ว่างเปล่า

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

ภาพลวงตาบอกเราว่าสีเป็นเรื่องส่วนตัว

ว่างเปล่า

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

ภาพลวงตาสามารถช่วยให้มีมาตรการด้านความปลอดภัยได้

ว่างเปล่า

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

ภาพลวงตาทั่วไปและเรื่องราวเบื้องหลัง

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

The Spinning Dancer
ว่างเปล่า

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

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

ขนาดเท่ากันหรือเล็กกว่า?
ว่างเปล่า

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

สามเหลี่ยม Kanizsa

ว่างเปล่า

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

ภาพลวงตาในการออกแบบ

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

ภาพลวงตาในการออกแบบ: Triangle Bisection
ว่างเปล่า
ใน GIF นี้ สามเหลี่ยมจะจัดแนวตามเซนทรอยด์

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

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

ในการทำให้สามเหลี่ยมในภาชนะดูมีจุดศูนย์กลางเชิงแสง คุณจะต้องหาจุดศูนย์กลางของสามเหลี่ยมนั้น นี่คือ 1/3 ของระยะทางจากแต่ละด้านถึงจุดยอดตรงข้าม

ภาพลวงตาในการออกแบบ: Mach Bands
ว่างเปล่า

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

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

ภาพลวงตาในการออกแบบ: The Herring Illusion
ว่างเปล่า
เลื่อนขึ้นและลงเพื่อให้ได้ผลเต็มที่

คุณเคยเห็นโลโก้ที่มีเส้นละเอียดมากหรือรูปภาพที่มีจุดเล็กๆ ที่ดูเหมือนเป็นจังหวะหรือเคลื่อนไหวเมื่อคุณเลื่อนหรือไม่ เช่นเดียวกับหากคุณกำลังดูวิดีโอที่มีทีวีเป็นพื้นหลังที่มีเส้นหยัก

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

แบรนด์ที่ใช้ภาพลวงตาในการออกแบบ

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

เมื่อ Dior กลายเป็นความลับ
ว่างเปล่า

แฟชั่นเป็นเรื่องของความกล้าหาญและความกล้าหาญ ดิออร์คำนึงถึงสิ่งนี้และวิ่งไปพร้อมกับมันเพื่อรณรงค์เรื่องน้ำหอมพิษ แสดงให้เห็นกะโหลกศีรษะและผู้หญิงที่กำลังส่องกระจกในเวลาเดียวกัน โฆษณานี้เป็นการพักผ่อนหย่อนใจของงานศิลปะที่รู้จักกันดีที่เรียกว่า "All is Vanity" โดย Charles Allan Gilbert การจำลองภาพวาดนี้เป็นสิ่งที่ทำให้ลูกค้าได้มองสองครั้งและเห็นความหมายสองประการเบื้องหลังภาพนั้น

Pavement Picasso ของ Nokia ในสิงคโปร์
ว่างเปล่า

Nokia ต้องการวิธีโปรโมตโทรศัพท์ซีรีส์ N เข้าสู่ Julian Beaver ศิลปินชาวอังกฤษที่สร้างงานศิลปะ 3 มิติสำหรับ Nokia ในปี 2550 สิ่งนี้เรียกว่า "วิญญาณแห่งเอเชีย" และเป็นผลงานที่ยอดเยี่ยมที่ใช้เวลา 36 ชั่วโมงในการสร้างสรรค์ โดยแสดงให้เห็นโทรศัพท์รุ่น N ซีรีส์เทียบกับสิ่งที่มองว่าเป็นแบบเอเชียดั้งเดิม ความคมชัดเป็นสิ่งที่สะกดจิตอย่างแท้จริง

นกยูง Snooty
ว่างเปล่า

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

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

โฆษณา 'Only for Children' โดย Anar Foundation

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

ตอนนั้นคนขับคิทแคทไม่ได้ขับ
ว่างเปล่า

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

กาแฟแมคโดนัลด์ไซส์ใหญ่
ว่างเปล่า

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

สร้างภาพมายาให้เป็นจริง

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