पदानुक्रम
Spaceship Design System परतों में बनाया गया है, जिनमें से प्रत्येक स्पष्टता, संरचना और उद्देश्य जोड़ती है। ये एक पदानुक्रम बनाते हैं जो यह मार्गदर्शन करता है कि हम उत्पादों को कैसे डिज़ाइन, बनाते और स्केल करते हैं — सबसे छोटे दृश्य निर्णय से लेकर सबसे व्यापक उपयोगकर्ता यात्रा तक।
Atomic Design के सिद्धांतों का पालन करते हुए, हमने अपने मुख्य संसाधनों को निम्नलिखित श्रेणियों में संरचित किया है, जिससे वे सभी टीमों के लिए उपयोग में आसान हो गए हैं।
Foundations
हमारी दृश्य भाषा के मूल नियमों को परिभाषित करता है — रंग, टाइप, स्पेसिंग, ग्रिड, मोशन और टोकन। ये हमें काम करने के लिए एक सुसंगत आधार देते हैं।
Components
आधारभूत नियमों को पुन: प्रयोज्य इंटरफ़ेस तत्वों में जीवंत बनाते हैं, जो रोज़मर्रा की डिज़ाइन समस्याओं का समाधान करते हैं।
Templates
दिखाते हैं कि components और patterns संदर्भ में एक साथ कैसे काम करते हैं, पूर्ण पृष्ठों और अनुभवों के लिए तैयार संरचनाएँ प्रदान करते हैं।
Patterns
सिद्ध समाधानों और सर्वोत्तम प्रथाओं को संजोते हैं, यह सुनिश्चित करते हुए कि हमारा काम हर टचपॉइंट पर सुसंगत, सुलभ और उपयोगकर्ता-केंद्रित बना रहे।
Foundations
Spaceship Design System के आवश्यक atoms। ये उन दृश्य और संरचनात्मक नियमों को परिभाषित करते हैं जिन पर हर component और pattern बनाया जाता है।
Color
ब्रांड और कार्यात्मक पैलेट्स को परिभाषित करता है जो उत्पादों में सामंजस्य, सुलभता और लचीलापन सुनिश्चित करते हैं।
Typography
एक type ramp के साथ पदानुक्रम और स्पष्टता स्थापित करता है, जिससे सामग्री को पढ़ना और स्कैन करना आसान हो जाता है।
Spacing
मार्जिन, पैडिंग और लेआउट रिदम के लिए एक व्यवस्थित स्केल प्रदान करता है ताकि इंटरफ़ेस सुसंगत बने रहें।
Grids
ऐसे रिस्पॉन्सिव लेआउट बनाता है जो संरचना और संरेखण बनाए रखते हुए विभिन्न डिवाइसों के अनुसार अनुकूलित होते हैं..
Motion
ध्यान आकर्षित करने, स्थिति बताने और इंटरैक्शन को स्वाभाविक महसूस कराने के लिए ट्रांज़िशन और एनीमेशन का उपयोग करता है।
Design Tokens
मूलभूत मूल्यों को कोड में रूपांतरित करता है, एकल सत्य स्रोत के रूप में कार्य करते हुए तेज़ और आसान अपडेट को संभव बनाता है।
स्पष्ट आधारों का अर्थ है कम बाधाएँ, अधिक समावेशिता, और शून्य से शुरू करने के बजाय वास्तविक समस्याओं को हल करने में अधिक समय।
Components
ये Spaceship Design System के पुन: प्रयोज्य तत्व हैं। प्रत्येक एक विशिष्ट इंटरफ़ेस समस्या का समाधान करता है — बटन और इनपुट से लेकर नेविगेशन और फ़ीडबैक संदेशों तक। हर कंपोनेंट सुलभ, रिस्पॉन्सिव और विभिन्न संदर्भों या डिवाइसों के अनुसार आसानी से अनुकूलित किया जा सकता है।
पुन: प्रयोज्य कंपोनेंट यह सुनिश्चित करते हैं कि हम जो भी उत्पाद बनाते हैं, वह तेज़ी से तैयार हो और बड़े परिप्रेक्ष्य से जुड़ा हुआ महसूस हो।
Templates
टेम्पलेट्स बिल्डिंग ब्लॉक्स और उपयोगकर्ता अनुभव के बीच की कड़ी हैं। वे foundations और components को पूर्ण-पृष्ठ संदर्भों में जोड़ते हैं, यह दिखाते हुए कि सिस्टम व्यवहार में कैसे काम करता है।
Product Page Templates
लैंडिंग और प्रोडक्ट पेजों के लिए उच्च-स्तरीय पेज संरचनाएँ, जहाँ डिज़ाइनर मुख्य रूप से सामग्री अपडेट करते हैं और प्रत्येक संदर्भ के अनुरूप मॉड्यूल समायोजित करते हैं।
Shareable components
तुलना तालिकाओं या प्राइसिंग कार्ड्स जैसी अधिक जटिल, पुन: प्रयोज्य संरचनाएँ इस तरह डिज़ाइन की जाती हैं कि वे विभिन्न उत्पादों में विशिष्ट परिदृश्यों को एकरूपता से संभाल सकें।
शुरुआत के लिए तैयार संरचनाओं के साथ, टीमें लेआउट संबंधी निर्णयों पर कम और वास्तविक उपयोगकर्ता आवश्यकताओं को संबोधित करने पर अधिक ध्यान दे सकती हैं।
Patterns
पैटर्न परीक्षण, फ़ीडबैक और वास्तविक उपयोग से मिली हमारी सीख को संजोते हैं और उन्हें पुन: प्रयोज्य, मानकीकृत समाधानों में बदलते हैं। प्रत्येक पैटर्न उपयोगकर्ता के इरादे पर आधारित होता है, चाहे वह checkout प्रक्रिया को सरल बनाना हो, त्रुटियों को संभालना हो, या उपयोगकर्ताओं को फ़ॉर्म्स के माध्यम से मार्गदर्शन देना हो।
सिद्ध समाधानों को परिभाषित करके, पैटर्न हमारे काम को उद्देश्यपूर्ण बनाते हैं, यह सुनिश्चित करते हुए कि हर अनुभव केवल कार्यात्मक ही नहीं बल्कि सोच-समझकर डिज़ाइन किया गया हो।