โปรโตคอลการออกแบบของ 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 เพราะรองรับภาษาทั่วโลกอย่างกว้างขวาง และสร้างความสอดคล้องกลมกลืนทางสายตาในการจัดวางตัวพิมพ์สำหรับสคริปต์ที่หลากหลาย รวมถึงภาษาจีน อาหรับ ซีริลลิก และญี่ปุ่น
แนวทางนี้ทำให้เราคงความสอดคล้องของแบรนด์และการโอบรับไม่แบ่งแยก มั่นใจว่าการสื่อสารของเราจะเข้าถึงผู้ใช้ทั่วโลกในภาษาของพวกเขาเอง โดยไม่สูญเสียความสามารถในการอ่านหรือความสวยงามของตัวอักษร
ในกรณีที่ไม่สามารถใช้ Lausanne ได้ เช่น Google Slides สามารถใช้แบบอักษรจาก Google Fonts แทนได้: ข้อความเนื้อหาใช้ Inter ส่วนพาดหัวใช้ Inter Tight และต้องใช้เฉพาะเมื่อไม่สามารถใช้ Lausanne ได้เท่านั้น
องค์ประกอบงานออกแบบ
กริดเป็นหนึ่งในเครื่องมือสำคัญที่สุดในระบบการออกแบบ จำเป็นต่อทุกการจัดวางและองค์ประกอบทั้งหมดควรใช้กริดเสมอ ไม่ว่าจะเป็นกริด 2, 4, 6 หรือ 8 คอลัมน์ ขึ้นกับขนาดอาร์ตบอร์ดและจำนวนองค์ประกอบข้างใน แต่องค์ประกอบทุกชิ้นต้องจัดเรียงตามกริดและจัดช่องว่างสัมพันธ์ขอบเสมอ
เนื้อหาภายใน
สำหรับเอกสารภายในและสื่อส่งเสริมแบรนด์ทั้งหมดที่จะมีโลโก้ร่วมกับองค์ประกอบหรือเนื้อหาอื่น ๆ ให้วางโลโก้ไว้ที่มุมบนซ้ายของการจัดวางเสมอเพื่อคงความสม่ำเสมอ
โลโก้เดี่ยว
สำหรับการจัดวางที่มีเฉพาะโลโก้ เช่น การ์ดวิดีโอหรือแคมเปญหรือประกาศบางรายการ โลโก้จะต้องอยู่ตรงกลางของการจัดวาง
โปรไฟล์โซเชียลมีเดีย
โลโก้บนพื้นไล่ระดับสี
เมื่อวางโลโก้บนพื้นหลังไล่ระดับสี ควรวางไว้บริเวณที่สว่างเสมอเพื่อไม่ให้กระทบต่อความสามารถในการอ่าน
ภาพประกอบ
แต่ละผลิตภัณฑ์หลักของ World มีภาพประกอบเฉพาะของตัวเอง ซึ่งได้แรงบันดาลใจมาจากลักษณะของผลิตภัณฑ์หรือสิ่งนั้น
แม้ว่าจะมีหลายวิธีในการแสดงข้อมูล แต่ควรใช้รูปแบบเดียวกันเสมอ เช่น โครงร่าง, รูปทรงสำหรับกราฟหรือแผนภูมิ, การใช้สีและไล่ระดับสีอย่างละเอียดและกลมกลืน ซึ่งเป็นองค์ประกอบที่ควรมีอย่างสม่ำเสมอในการแสดงข้อมูลด้วยภาพ
กริดไล่ระดับสีเป็นกราฟิกที่มีสีสันและสร้างความรู้สึก สามารถใช้งานได้สองรูปแบบ:
- เป็นตัวแทนในแต่ละพื้นที่โดยใช้สีของแผนที่ประเทศมาเป็นพื้นฐานสำหรับการเปลี่ยนไล่ระดับสี
- กราฟิกแสดงบรรยากาศ ไม่อิงกับสีใด ๆ โดยตรง แต่แสดงอารมณ์หรือพลังงานเป็นหลัก
ไอคอน
เพื่อช่วยในการระบุและนำทาง แต่ละผลิตภัณฑ์จะมีไอคอนกำกับเฉพาะ ซึ่งพัฒนาต่อยอดจากภาพประกอบของผลิตภัณฑ์นั้น
ไอคอนผลิตภัณฑ์ควรรักษาความรู้สึกเดียวกันในแง่ของน้ำหนักเมื่อใช้ในขนาดที่ต่างกัน โดยใช้น้ำหนักพื้นฐานที่ 1.0 px เมื่อไอคอนถูกตั้งไว้ที่ความกว้าง 60 px และเมื่อมีการปรับให้ใหญ่หรือเล็กกว่านั้น น้ำหนักควรปรับให้เหมาะสมเพื่อให้ดูใกล้เคียงกับน้ำหนักพื้นฐานในเชิงสายตา
เมื่อใช้ไอคอนร่วมกับองค์ประกอบอื่น ๆ ในการจัดวาง เช่น บนเว็บไซต์ ไอคอนควรจัดให้อยู่ที่มุมซ้ายบนเสมอ ในบางสถานการณ์ที่แสดงไอคอนรวมกันโดยไม่มีองค์ประกอบเพิ่มเติม สามารถวางไอคอนไว้ที่กึ่งกลางขององค์ประกอบได้
ทรัพยากร
ทรัพยากรสำหรับภาพหลัก, ไล่ระดับสี, สัญลักษณ์สกุลเงิน WLD, Orb, World App, World Chain ฯลฯ
