โลโก้ IBM 8 แถบ: ทำไมค่าที่เท่ากันอาจดูไม่เท่ากันทางสายตา

ศึกษาโลโก้ Paul Rand ผ่านข้อมูล IBM Design Language และเช็กลิสต์ปรับน้ำหนัก พื้นสว่าง–มืด และขนาดใช้งานจริง
37

โปรแกรมบอกว่าตรงกลาง แต่ตายังรู้สึกเอียง?

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

สิ่งที่ IBM อธิบายไว้

IBM ระบุว่า Paul Rand ออกแบบโลโก้ 8 แถบซึ่งโครงพื้นฐานใช้มาตั้งแต่ปี 1972 ในแบบพื้นสว่าง แถบดำวาดหนากว่าแถบขาวเพื่อให้ดูใกล้เคียงกันทางสายตา ส่วนแบบกลับสีบนพื้นมืดมีแถบขาวที่บางกว่าแถบดำ และปรับรูปทรงช่องว่างบางจุด รายละเอียดเหล่านี้เป็นการชดเชยความแตกต่างทางการมองเห็น

โลโก้ IBM 8 แถบ: ทำไมค่าที่เท่ากันอาจดูไม่เท่ากันทางสายตา

บทเรียนที่นำไปใช้กับโลโก้ของเรา

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

  1. ทดสอบสองพื้น: วางโลโก้บนพื้นสว่างและมืดในขนาดเท่ากัน ดูเส้น ช่องไฟ และพื้นที่ปิดภายใน
  2. ทดสอบหลายขนาด: ดูที่ขนาดใช้งานจริง เช่น ไอคอนและฉลาก ไม่ตัดสินจากหน้าจอที่ซูมใหญ่เพียงอย่างเดียว
  3. ดูแบบสีเดียว: ลดสิ่งรบกวนจากสีเพื่ออ่านรูปทรงหลัก
  4. ปรับทีละจุด: เก็บต้นแบบไว้ เทียบก่อน–หลัง และระบุเหตุผลของการปรับ
  5. ทำคู่มือ: หากมีเวอร์ชันพื้นสว่างและมืด ให้บันทึกว่าแต่ละแบบใช้เมื่อไร

แบบฝึกหัดสั้น ๆ

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

เครื่องมือสำหรับทดลอง

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

แหล่งข้อมูลและเครดิต

IBM Design Language — 8-Bar
IBM History — The IBM logo

โลโก้เป็นทรัพย์สินของ IBM · ผู้ออกแบบ Paul Rand · ภาพอ้างอิงและข้อมูลโครงสร้าง: IBM Design Language · วิเคราะห์และจัดบทเรียนเพื่อการศึกษา: Gorra Design