ไมโครอิลลัสเตรชัน

ใช้เพื่อถ่ายทอดข้อความเชิงปฏิบัติในขณะที่ยังคงสร้างอิทธิพลทางสายตาอย่างชัดเจน

Hero Image

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





โครงสร้าง

ไมโครอิลลัสเตรชันเป็นสะพานเชื่อมระหว่างพิกโตแกรมและไอเดียกราฟี โดยถ่ายทอดความหมายเชิงหน้าที่ผ่านน้ำเสียงภาพที่สอดคล้องกัน รูปทรงเรขาคณิตง่าย ๆ เป็นพื้นฐานของการแสดงวัตถุ บริการ หรืออุปกรณ์ ขณะที่ไอเดียแกรมแบบนามธรรมสื่อถึงการกระทำ สถานะ และคุณสมบัติ ซึ่งสร้างองค์ประกอบที่สมดุล รู้สึกตั้งใจ ชัดเจน และมีเอกลักษณ์ของ Spaceship










สี

สีเป็นองค์ประกอบสำคัญในการสร้างความกลมกลืนและความแตกต่าง ดึงดูดความสนใจของผู้ใช้และกำหนดบรรยากาศให้กับแพลตฟอร์มของเรา











สีที่สื่ออารมณ์

เพื่อสร้างอิทธิพลทางอารมณ์ เราสามารถทดลองผสมผสานสีต่าง ๆ ภายในกลุ่มสีเฉพาะ เช่น สีของแบรนด์หรือผลิตภัณฑ์ อย่างไรก็ตาม เราหลีกเลี่ยงการผสมกลุ่มสี ยกเว้น SPS Gray ที่สามารถจับคู่กับสีใดก็ได้







สีที่ใช้ในหน้าที่

เพื่อเพิ่มประสิทธิภาพการใช้งาน เราใช้สีหลักของแบรนด์ Spaceship หรือสีของผลิตภัณฑ์เฉพาะร่วมกับสีเทาเพื่อให้ดูสะอาดตา







สีแจ้งเตือน

สำหรับไมโครอิลลัสเตรชันที่ใช้ในการแจ้งเตือน ฟังก์ชันการใช้งานก็สำคัญเช่นกัน เราจึงยึดตามสีมาตรฐานของการแจ้งเตือน รวมถึง SPS Blue และ Gray







แนวทาง

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




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

อย่าทำให้การจัดองค์ประกอบซับซ้อนเกินไป ให้เน้นที่ข้อความหลักและความรู้สึกสำคัญที่ต้องการสื่อ

อย่าผสมสีแจ้งเตือนหลายสีเข้าด้วยกัน ให้จับคู่สีแจ้งเตือนแต่ละสีเฉพาะกับ SPS Gray เท่านั้น