चित्रलिपियाँ
छोटे, सरल ग्राफिकल एसेट्स जो प्रमुख वेब घटकों को बेहतर बनाते हैं, विचारों को जल्दी और प्रभावी ढंग से संप्रेषित करते हैं।
शाब्दिक, कार्यात्मक और ज्यामितीय — हमारे पिक्टोग्राम विचारों को उनकी सबसे शुद्ध रूप में संक्षिप्त करते हैं, स्पष्ट उद्देश्य और कालातीत सरलता को दर्शाते हैं।
प्रकार
Spaceship पिक्टोग्राम दो प्रकारों में आते हैं: नियमित और comp। comp प्रकार एक नियमित पिक्टोग्राम को Spaceship की Iconography Library से एक आइकन के साथ जोड़ता है, जिससे हम अधिक जटिल और विशिष्ट अवधारणाओं को व्यक्त कर सकते हैं।
संस्करण
सभी Spaceship पिक्टोग्राम दो संस्करणों में उपलब्ध हैं: भरा हुआ (प्राथमिक) और आउटलाइन (माध्यमिक)। आउटलाइन संस्करण का उपयोग केवल तब किया जाना चाहिए जब किसी पिक्टोग्राम को पास के पिक्टोग्राम, टेक्स्ट या UI घटकों की तुलना में कम दृश्य भार की आवश्यकता हो। यह जटिल लेआउट में दृश्य पदानुक्रम स्थापित करने में मदद करता है।
निर्माण
पिक्टोग्राम एक नियमों के सेट पर आधारित होते हैं, बेस ग्रिड से लेकर ग्रेडिएंट और स्ट्रोक पैरामीटर तक, ताकि लगातार और संतुलित परिणाम सुनिश्चित किए जा सकें।
आकार
Spaceship पिक्टोग्राम को स्केलेबल होने के लिए डिज़ाइन किया गया है, जिससे दृश्य स्थिरता बनी रहती है और सर्वोत्तम पठनीयता सुनिश्चित होती है। हमारे डिज़ाइन सिस्टम में पाँच पिक्टोग्राम आकार हैं।
रंग
पिक्टोग्राम सामान्यतः एक ही रंग का उपयोग करते हैं। एकमात्र अपवाद comp प्रकार है, जिसमें ब्रांड या सूचना रंग शामिल हो सकते हैं, जिनके बारे में आपको नीचे और जानकारी मिलेगी। UI संदर्भों में स्थिरता सुनिश्चित करने के लिए, पिक्टोग्राम Spaceship Design System के रंग संदर्भों का पालन करते हैं।
डिफ़ॉल्ट रंग
पिक्टोग्राम के लिए ग्रे डिफ़ॉल्ट रंग है और इसे संदेश, क्रियाओं या फीचर्स को दर्शाने के लिए उपयोग किया जाना चाहिए। विशेष मामलों में, इसे उत्पादों के लिए भी उपयोग किया जा सकता है। आउटलाइन पिक्टोग्राम केवल डिफ़ॉल्ट रंग में उपलब्ध हैं।
ब्रांड रंग
SPS Blue, SPS Dark Gray या सफेद को डिफ़ॉल्ट रंग के स्थान पर तब उपयोग किया जा सकता है जब अधिक दृश्य प्रभाव की आवश्यकता हो या Spaceship पहचान को मजबूत करना हो। अधिक जानकारी के लिए रंग पृष्ठ देखें।
उत्पाद रंग
मुख्य उत्पाद रंग का उपयोग उत्पाद-समर्पित संदर्भों (उत्पाद पृष्ठ, उत्पाद कार्ड आदि) में सभी वर्तमान और आगामी उत्पादों के लिए पिक्टोग्राम में किया जाना चाहिए।
सूचना रंग
इन रंगों का उपयोग सूचना संदेश को मजबूत करने के लिए किया जाना चाहिए। comp संस्करण का उपयोग केवल सामान्य सिस्टम संदेशों में किया जाना चाहिए, चेतावनी स्थितियों में नहीं।
मार्गदर्शन
यहाँ कुछ उदाहरण दिए गए हैं कि पिक्टोग्राम बनाते और उपयोग करते समय किन बातों से बचना चाहिए।
नियमित पिक्टोग्राम के मुख्य तत्वों को निचले दाएँ कोने में न गिरने दें।
भरे हुए संस्करणों में जटिल या बहुरंगी ग्रेडिएंट का उपयोग न करें।
comp प्रकार में भरे हुए और आउटलाइन तत्वों को न मिलाएँ।
ऊपर बताए गए रंगों के अलावा भरे हुए संस्करणों में कोई अन्य रंग न उपयोग करें।
आउटलाइन संस्करणों में डिफ़ॉल्ट रंग के अलावा कोई अन्य रंग न उपयोग करें।
डिफ़ॉल्ट रंग को Spaceship ब्रांड के प्राथमिक और सूचना रंगों के अलावा किसी अन्य रंग के साथ न मिलाएँ।