आपके द्वारा उपयोग की जाने वाली प्रत्येक स्क्रीन किसी के द्वारा डिज़ाइन की गई थी: बैंकिंग ऐप की होम स्क्रीन, एक खोज बॉक्स, एक सेटिंग पृष्ठ। यूआई डिज़ाइन वह अनुशासन है जो यह तय करता है कि उन स्क्रीनों को कैसे व्यवस्थित किया जाता है, प्रत्येक नियंत्रण कैसा दिखता है और जब आप इसे छूते हैं तो यह कैसे प्रतिक्रिया करता है।
एक यूआई डिज़ाइनर कुछ बिल्डिंग ब्लॉक्स के साथ काम करता है। लेआउट और रिक्ति समूह से संबंधित चीजें एक साथ। दृश्य पदानुक्रम सबसे महत्वपूर्ण क्रिया को विशिष्ट बनाता है। टाइपोग्राफी और रंग अर्थ और ब्रांड रखते हैं। बटन, इनपुट, कार्ड और मेनू जैसे घटकों को एक बार डिज़ाइन किया जाता है और पुन: उपयोग किया जाता है, इसलिए उत्पाद सुसंगत लगता है।
प्रत्येक घटक में राज्य भी होते हैं। एक बटन में डिफ़ॉल्ट, होवर, दबाया हुआ, केंद्रित, अक्षम और लोडिंग स्थितियाँ होती हैं, और प्रत्येक को एक डिज़ाइन की आवश्यकता होती है। राज्यों को छोड़ना सबसे आम कारणों में से एक है जिसके कारण कोई डिज़ाइन मॉकअप में तैयार दिखता है लेकिन वास्तविक उत्पाद में टूटा हुआ लगता है।
इंटरैक्शन और गति भी यूआई का हिस्सा हैं। छोटी-छोटी प्रतिक्रियाएँ, जिन्हें अक्सर माइक्रो-इंटरैक्शन कहा जाता है, पुष्टि करती हैं कि एक टैप काम कर रहा है, प्रगति दिखाती हैं या बताती हैं कि कुछ कहाँ हुआ। उन्हें त्वरित और उद्देश्यपूर्ण होना चाहिए, और कम गति के लिए सिस्टम सेटिंग का सम्मान करना चाहिए।
आज अधिकांश यूआई डिज़ाइन Figma में होता है, जिसमें Penpot, Sketch और Lunacy सामान्य विकल्प हैं। उन इंटरफेस के लिए जिन्हें तैयार ऐप में वास्तविक डेटा और इनपुट पर प्रतिक्रिया करने की आवश्यकता होती है, डिजाइनर इंटरैक्टिव टूल का भी उपयोग करते हैं। ExodeUI, जिसे हम बनाते हैं, एक है: यह राज्यों, स्प्रिंग भौतिकी और घटनाओं को एक खुली फ़ाइल में संग्रहीत करता है जो React, Vue, Svelte, Angular, Solid, React Native, SwiftUI और Flutter में चलता है।