डायवर्स यूआई के साथ इंटरफेस मॉकअप के लिए डायनामिक प्रोफाइल फोटो

आप कब मॉकअप डिजाइन करना, आप चाहते हैं कि पहले इंटरफ़ेस पर ध्यान दें और सौंदर्यशास्त्र पर कम। उसी के लिए सही है wireframing तथा खरोंच से एक वेब लेआउट कोडिंग.

कई अलग-अलग मॉकअप प्रोफ़ाइल फ़ोटो की आवश्यकता है, जैसे कि सोशल नेटवर्क, ब्लॉग कमेंट और प्रोफाइल पेज। साथ में विविध यूआई, आप आसानी से कर सकते हैं इन तस्वीरों को अपने मॉकअप में एम्बेड करें कुछ ही क्लिक के साथ.

साइट आपको या तो देता है चयनित फ़ोटो डाउनलोड करें या उन्हें सीधे एम्बेड करें उनके माध्यम से स्केच प्लगइन.

ये सभी चित्र थे उपयोग के लिए पूर्ण अनुमोदन के साथ वास्तविक उपयोगकर्ताओं द्वारा प्रस्तुत किया गया. इसका मतलब है कि आपके पास इन तस्वीरों को बिना अनुमति के व्यक्तिगत या व्यावसायिक कार्यों के लिए पुन: उपयोग करने का अधिकार है.

विविध यूआई वास्तव में है प्लगइन्स के क्राफ्ट सूट का हिस्सा, InVision द्वारा बनाया गया। इसका मतलब है कि यह सबसे अच्छा इंजन है चेहरे की एक विस्तृत श्रृंखला ढूँढना आप की जरूरत है की परवाह किए बिना.

इस संग्रह को पसंद करने का कारण यह है कि यह बहुत ढीले लाइसेंस समझौते के साथ आता है को छोड़कर सभी कामों पर लागू होना चाहिए “बुराई” उद्देश्य (अपमानजनक या घृणित सामग्री).

छवि आकार 32px से लेकर 180px तक की सीमा और आप कर सकते है गतिशील रूप से छवियों को बदल दें ब्राउज़र में सही है। मुखपृष्ठ से, आप या तो सभी छवियों के .zip को डाउनलोड कर सकते हैं या केवल उन लोगों को पकड़ सकते हैं जिन्हें आप व्यक्तिगत फ़ोटो क्लिक करके चाहते हैं.

दी गई है कि मैंने व्यक्तिगत रूप से देशी स्केच प्लगइन का उपयोग नहीं किया है, लेकिन यह स्थापित करने के लिए काफी आसान है.

प्लगइन के बारे में अधिक जानने के लिए, आधिकारिक GitHub रेपो की जाँच करें.

और, यदि आप कोडिंग के साथ सहज हैं तो आप भी कर सकते हैं सीधे एपीआई से चित्र खींचें जो आपको जावास्क्रिप्ट के माध्यम से लिंग के आधार पर या छवियों की एक निश्चित राशि से प्रोफाइल पिक्स को खींचने की सुविधा देता है.