โปรโตคอลการออกแบบของ World

หลักการ แนวทาง และทรัพยากร

หลักการออกแบบ

  • มนุษย์

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

  • ความเป็นสากล

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

  • มองโลกในแง่ดี

    ความเชื่อมั่นในมนุษยชาติและบทบาทของเทคโนโลยีในการยกระดับทุกคน

ภาพรวมของแบรนด์

เครื่องมือทั้งหมดอยู่ภายใต้แบรนด์หลักคือ World

อัตลักษณ์ด้านภาพ

โลโก้ของ World

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

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

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

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

ระยะเว้นห่าง คือระยะห่างขั้นต่ำระหว่างโลโก้กับองค์ประกอบอื่นภายในการจัดวางทั้งหมด ความกว้างของ “o” ใน World กำหนดขอบเขตของการเว้นระยะรอบโลโก้

เมื่อแสดงถึงความร่วมมือหรือการทำงานร่วมกัน โลโก้ World สามารถรวมกับโลโก้แบรนด์อื่นได้ในรูปแบบต่อไปนี้

การไล่ระดับสี

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

สร้างการไล่ระดับสี (คู่มือ PDF)

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

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

แบบอักษร

Lausanne เป็นแบบอักษรที่ไม่มีเชิง (sans-serif) ที่มีความทันสมัยและเรียบหรู มีความยืดหยุ่นสูง เหมาะสำหรับการใช้งานทั้งข้อความและการแสดง แบบอักษรไม่มีเชิงนี้มีคลาสสิกอันยอดเยี่ยม ขณะเดียวกันก็ผสานลักษณะเฉพาะของแบบอักษรแบบดิจิทัล Lausanne เป็นแบบอักษรเดียวที่ใช้งานในแบรนด์ World

น้ำหนักตัวอักษร

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

โดยทั่วไป สามารถใช้กฎเหล่านี้ได้เกือบทุกครั้งที่เกี่ยวข้องกับการจัดวางข้อความของแบรนด์

เนื้อหาข้อความและข้อความยาวใช้ Lausanne น้ำหนัก 300 หัวข้อกหลักและข้อความแสดงขนาดใหญ่ใช้ 400 ในขณะที่หัวข้อย่อยและชื่อเรื่องขนาดเล็กใช้ 450 เพื่อคงความหนาไว้แต่ปรับให้เล็กกว่าหัวข้อหลักเล็กน้อย

การจัดบรรทัด & ระยะตัวอักษร
การจัดแนว

Tiempos Collection คือตระกูลแบบอักษรมีเชิง (serif) สมัยใหม่สำหรับงานออกแบบงานบรรณาธิการ Tiempos Headline ออกแบบมาสำหรับการใช้หัวเรื่องขนาดใหญ่โดยเน้นความสมดุลระหว่างประโยชน์ใช้สอยและความสง่างาม

น้ำหนักตัวอักษร

ด้านล่างคือน้ำหนักตัวอักษรทั้งสองน้ำหนักของ Tiempos Headline ที่ใช้กับแบรนด์ World ข้อยกเว้นหรือเพิ่มเติมใด ๆ ต้องได้รับอนุมัติจากภายในก่อน

Tiempos Headline คือแบบอักษรรองของเรา ใช้ในบางเฉพาะกรณีเท่านั้น ส่วนใหญ่เมื่อแบรนด์สื่อสารโดยตรงกับผู้ใช้และต้องการสร้างความรู้สึกใกล้ชิด

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

บทบาทของแบบอักษร

โพสต์โซเชียลมีเดีย, แคมเปญ, สิทธิพิเศษเฉพาะ

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

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

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

ภาษาจีนกลาง: Noto Sans HKn
ภาษาญี่ปุ่น: Noto Sans JP
ภาษาอาหรับ: Noto Sans Arabic
ภาษาเบงกาลี: Noto Sans Bengali
ภาษาฮีบรู: Noto Sans Hebrew
ภาษาซีริลลิก: Noto Sans

ในกรณีที่ไม่สามารถใช้ Lausanne ได้ เช่น Google Slides สามารถใช้แบบอักษรจาก Google Fonts แทนได้: ข้อความเนื้อหาใช้ Inter ส่วนพาดหัวใช้ Inter Tight และต้องใช้เฉพาะเมื่อไม่สามารถใช้ Lausanne ได้เท่านั้น

องค์ประกอบงานออกแบบ

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

เนื้อหาภายใน

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

โลโก้เดี่ยว

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

โปรไฟล์โซเชียลมีเดีย
โลโก้บนพื้นไล่ระดับสี

เมื่อวางโลโก้บนพื้นหลังไล่ระดับสี ควรวางไว้บริเวณที่สว่างเสมอเพื่อไม่ให้กระทบต่อความสามารถในการอ่าน

ภาพประกอบ

แต่ละผลิตภัณฑ์หลักของ World มีภาพประกอบเฉพาะของตัวเอง ซึ่งได้แรงบันดาลใจมาจากลักษณะของผลิตภัณฑ์หรือสิ่งนั้น

World ID
World App
World Chain
Worldcoin
Orb

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

ตัวอย่างที่ 1 - แผนภูมิแท่ง
ตัวอย่างที่ 2 - โมเดลสเกล
ตัวอย่างที่ 3 - กราฟราคา

กริดไล่ระดับสีเป็นกราฟิกที่มีสีสันและสร้างความรู้สึก สามารถใช้งานได้สองรูปแบบ:

  1. เป็นตัวแทนในแต่ละพื้นที่โดยใช้สีของแผนที่ประเทศมาเป็นพื้นฐานสำหรับการเปลี่ยนไล่ระดับสี
  2. กราฟิกแสดงบรรยากาศ ไม่อิงกับสีใด ๆ โดยตรง แต่แสดงอารมณ์หรือพลังงานเป็นหลัก
ตัวอย่างที่ 1 - โคลอมเบีย
ตัวอย่างที่ 2 - อาร์เจนตินา

ไอคอน

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

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

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

มุมบนซ้าย
ตรงกลาง

ทรัพยากร

ทรัพยากรสำหรับภาพหลัก, ไล่ระดับสี, สัญลักษณ์สกุลเงิน WLD, Orb, World App, World Chain ฯลฯ