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

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

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

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

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

สีเริ่มต้น

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

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