แอตทริบิวต์ Blockly

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

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

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

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

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

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

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

เมื่อพูดถึง Blockly ในบริบทของแอปอื่นที่ใช้ 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 ในลักษณะที่อาจทำให้สับสนหรือเข้าใจผิด และห้ามใช้การแสดงแบรนด์ Blockly เป็นองค์ประกอบที่โดดเด่นที่สุดในหน้าเว็บ

โลโก้ Standard Blockly

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

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

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

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

สีของโลโก้

น้ำเงิน Blockly

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

สีเทาแบบบล็อก

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

Neutral 700

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

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

ขนาดและการเว้นวรรค

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

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

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

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

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

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