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