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

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

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

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

วิธีพูดถึง Blockly

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

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

Blockly เป็นคลังจาก Google สำหรับการสร้างบล็อกแบบเกมสำหรับมือใหม่ ภาษาโปรแกรม

เมื่อพูดถึง Blockly ในบริบทของแอปอื่นที่ใช้ Blockly คุณควรใช้วลี "สร้างด้วย Blockly"

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

สิ่งที่ควรและไม่ควรทำในข้อมูลอ้างอิง

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

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

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

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

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

โปรดทำไฮเปอร์ลิงก์ป้ายไปยังหน้าแรกของ Blockly ที่ https://g.co/dev/blockly

การปรับขนาดและระยะห่างของป้าย

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

สำหรับโลโก้ตัวเต็ม ให้เว้นพื้นที่ว่างรอบความสูง x และกว้าง x1 เป็นอย่างน้อย โลโก้ ไม่เบียดกันหรือวางซ้อนโลโก้กับองค์ประกอบอื่นๆ

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

โลโก้ Standard Blockly

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

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

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

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

สีโลโก้

บล็อกสีฟ้า

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

สีเทาบล็อก

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

Neutral 700

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

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

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

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

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

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

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

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

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