พิกโตแกรมของ Spaceship มีสองประเภท: ปกติ และ comp ประเภท comp จะผสมผสานพิกโตแกรมปกติกับไอคอนจาก Spaceship’s Iconography Library ทำให้เราสามารถถ่ายทอดแนวคิดที่ซับซ้อนและเฉพาะเจาะจงมากขึ้น

พิกโตแกรมของ Spaceship ทั้งหมดมีสองเวอร์ชัน: เติมสี (หลัก) และ เส้นขอบ (รอง) เวอร์ชันเส้นขอบควรใช้เฉพาะเมื่อพิกโตแกรมต้องการน้ำหนักภาพน้อยกว่าพิกโตแกรม ข้อความ หรือองค์ประกอบ UI ที่อยู่ใกล้เคียง เพื่อช่วยสร้างลำดับชั้นภาพในเลย์เอาต์ที่ซับซ้อน

พิกโตแกรมสร้างขึ้นตามชุดกฎ ตั้งแต่กริดฐานไปจนถึงพารามิเตอร์ไล่เฉดและเส้นขอบ เพื่อให้ได้ผลลัพธ์ที่สม่ำเสมอและสมดุล

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

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

สีเริ่มต้น

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

นี่คือตัวอย่างบางส่วนของสิ่งที่ควรหลีกเลี่ยงเมื่อสร้างและใช้พิกโตแกรม