นำเสนอแบรนด์ Blockly

โค้ดของ Blockly เป็นโอเพนซอร์สและใช้ฟรีโดยไม่มีการระบุแหล่งที่มา

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

ดาวน์โหลดชิ้นงานทั้งหมด

วิธีอ้างถึง Blockly

การอธิบายและระบุแหล่งที่มา Blockly ในข้อความ

เมื่ออ้างอิงครั้งแรกในย่อหน้า ให้ใช้คำอธิบายบรรทัดเดียวหลักดังนี้

Blockly เป็นไลบรารีจาก Google สำหรับสร้างภาษาโปรแกรมแบบบล็อกสำหรับผู้เริ่มต้น

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

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

สิ่งที่ควรและไม่ควรทำเกี่ยวกับข้อมูลอ้างอิง

ควรทำ — โทรหาบล็อกว่า "เหมาะสำหรับมือใหม่" แทน "เหมาะกับเด็ก" Blockly ใช้กับแอปพลิเคชันหลากหลายประเภท ไม่ใช่แอปพลิเคชันทุกรายการที่มุ่งเป้าไปที่เด็ก

ไม่ควร — เรียกว่า "บล็อก" เป็นภาษาหนึ่ง (เช่น "ภาษาโปรแกรมแบบบล็อก") Blockly ไม่ใช่ภาษา แต่เป็นเครื่องมือหรือไลบรารีที่นักพัฒนาแอปใช้ในการสร้างภาษา

วิธีนำเสนอภาพ Blockly

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

สร้างขึ้นบน Blockly White สร้างขึ้นบน Black Blockly สีดำ สร้างขึ้นบน Blockly น็อกเอาต์
สำหรับพื้นหลังสีอ่อนที่มีรูปทรงที่ทับซ้อนกันหรือรูปแบบที่หลากหลาย สำหรับพื้นหลังสีเข้มที่มีรูปทรงที่ทับซ้อนกันหรือรูปแบบที่หลากหลาย สําหรับพื้นหลังสีเข้มแบบทึบ (ไม่มีรูปร่างหรือรูปแบบ) ที่มีคอนทราสต์สูง
PNG SVG PNG SVG PNG SVG

อย่าใช้เครื่องหมาย Blockly หรือเครื่องหมาย Blockly ที่รูปแบบอื่นๆ ร่วมกับชื่อโดยรวมของแอปพลิเคชัน ผลิตภัณฑ์ บริการ หรือเว็บไซต์ของคุณโดยไม่ได้รับอนุญาตจากทีม Blockly (โปรดส่งอีเมลถึง blockly-support@google.com เพื่อขอสิทธิ์) อย่าดัดแปลงหรือใช้เครื่องหมาย "บล็อก" ในลักษณะที่อาจสร้างความสับสนหรือทำให้เข้าใจผิด และห้ามใช้การสร้างแบรนด์แบบบล็อกเป็นองค์ประกอบที่โดดเด่นที่สุดในหน้าเว็บ

โลโก้ Standard Blockly

โลโก้ตัวเต็มแบบมาตรฐาน

โลโก้ตัวเต็มแบบมาตรฐานสามารถใช้ในชุดสไลด์และบล็อกโพสต์ได้

หากเป็นไปได้ โลโก้ควรแสดงเป็นโลโก้ตัวเต็มแนวนอนพร้อมโลโก้แบบสีและแบบ 700 (#5F6368) หรือมีสัญลักษณ์สีขาวทึบ

PNG SVG

โลโก้แนวตั้งแบบ Blockly โลโก้แบบบล็อกลี โลโก้ Blockly knockout
หากมีพื้นที่แนวนอนจำกัด คุณสามารถใช้โลโก้ตัวเต็มแนวตั้งกับโลโก้แบบสีและแบบ 700 (#5F6368) หรือสัญลักษณ์สีขาวทึบแสงได้ หากมีพื้นที่แนวตั้งและแนวนอนที่จำกัด คุณจะใช้เครื่องหมายโลโก้ได้โดยไม่ต้องใช้ตราสัญลักษณ์ เมื่อสีของโลโก้ตัดกับพื้นหลังไม่ดี คุณจะใช้เวอร์ชันน็อกเอาต์สีขาวทึบได้
PNG SVG PNG SVG PNG SVG

สีโลโก้

บล็อกสีฟ้า

#4285f4 หรือ hsla(217, 89%, 61%, 1)

บล็อกสีเทา

#c8d1db หรือ hsla(212, 21%, 82%, 1)

สีกลาง 700

#5f6368 หรือ hsla(213, 5%, 39%, 1)

การอ้างอิงความสูงสำหรับระยะห่างจากขอบของโลโก้

ขนาดและระยะห่าง

เพื่อให้แน่ใจว่าอ่านง่าย ไม่ควรใช้โลโก้ที่มีความสูงน้อยกว่า 24 พิกเซล

สำหรับโลโก้ตัวเต็ม ให้เว้นพื้นที่สีขาวอย่างน้อย x-height x2 รอบโลโก้ อย่าวางทับหรือซ้อนทับโลโก้กับองค์ประกอบอื่นๆ

ข้อผิดพลาดที่พบบ่อย

สิ่งที่ไม่ควรทำ...

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

ดูหลักเกณฑ์เกี่ยวกับวิธีใช้แบรนด์อื่นๆ ของ Google ได้ที่เว็บไซต์สิทธิ์การใช้แบรนด์