स्केच से UI
व्हाइटबोर्ड की तस्वीर या काग़ज़ के वायरफ़्रेम को एक निखरे हुए डिजिटल इंटरफ़ेस में बदलिए।
अंतिम अपडेट:
अपने स्केच की तस्वीर लीजिए, अपलोड कीजिए, और असली स्क्रीन पाइए।
चरण
- स्केच की तस्वीर सीधे सामने से लीजिए, एक-सी रोशनी में, और पूरा चित्र फ़्रेम में रखिए।
- उसे प्रॉम्प्ट बॉक्स में अपलोड कीजिए।
- वह संदर्भ जोड़िए जो चित्र नहीं बता सकता: उत्पाद क्या है, डिब्बों का मतलब क्या है, दृश्य दिशा क्या है।
हमारी ऑनबोर्डिंग स्क्रीन का स्केच। ऊपर-बाएँ का बड़ा डिब्बा एक वीडियो है, नीचे तीन डिब्बे सेटअप के चरण हैं जिन पर टिक के निशान हैं। आधुनिक SaaS रूप, बैंगनी एक्सेंट।
स्केच अच्छे से पढ़े जाएँ, इसके लिए
- अपने डिब्बों पर लेबल लगाइए। “हीरो”, “नेविगेशन”, “चार्ट” — लिखे हुए लेबल पढ़े और इस्तेमाल किए जाते हैं।
- क्रम बनाइए। बड़े डिब्बे बड़े तत्व बनते हैं।
- गहरी छायांकन से बचिए। रेखा-चित्र छायांकित चित्रों से ज़्यादा भरोसे से पढ़े जाते हैं।
- हर तस्वीर में एक स्क्रीन, जब तक आप जानबूझकर पूरा फ़्लो न सौंप रहे हों।
स्केच से सीधे वायरफ़्रेम
अगर आप कम बारीकी पर ही रहना चाहते हैं — स्केच को साफ़ करना पर दृश्य शैली तय किए बिना — तो वायरफ़्रेम माँगिए। देखिए वायरफ़्रेम मोड।
क्या यह लेख उपयोगी रहा?