शब्दों का SVG पर असर क्यों पड़ता है?
स्टूडियो जो भी लोगो, आइकन, स्टिकर और बैज बनाता है, वह पहले ड्रॉ होता है और फिर वेक्टर पाथ में ट्रेस होता है, फ़्लैट रंग के हर हिस्से के लिए एक शेप। कुछ बोल्ड, फ़्लैट शेप से बनी ड्रॉइंग कुछ साफ़ पाथ में ट्रेस होती है। शेडिंग, टेक्सचर और ग्रेडिएंट सैकड़ों छोटे-छोटे टुकड़ों में ट्रेस होते हैं। इसलिए विवरण का सबसे काम का हिस्सा यह है कि वह ऐसा आर्टवर्क मांगे जो पहले से फ़्लैट हो। स्टूडियो के अपने निर्देश यही मांगते हैं, और आपके शब्दों को इसे बिगाड़ना नहीं चाहिए।
लोगो के विवरण में क्या लिखें?
तीन बातें, एक वाक्य में: उसमें क्या दिखता है, वह किसके लिए है, और रंग।
"Fernvault" नाम के सेविंग्स ऐप के लिए फ़र्न की पत्ती जो ऊपर जाते तीर जैसी भी दिखे, गहरा नेवी और गर्म सुनहरा रंग
- एक आइडिया। “पत्ती जो तीर भी है” एक लोगो है। “पत्ती, सिक्का, चार्ट, ढाल और चाबी” एक भीड़ है।
- ठोस चीज़ें। “भरोसा” और “तरक्की” बनाई नहीं जा सकतीं। “दो हाथ”, “अंकुर” और “ऊपर जाता तीर” बनाए जा सकते हैं।
- नाम कोटेशन में, या नाम वाले फ़ील्ड में, सिर्फ़ तभी जब लोगो में वह लिखा होना चाहिए। अगर नाम ही लोगो है तो वर्डमार्क चिप चुनें (लोगो स्टाइल)।
आइकन सेट का विवरण कैसे लिखें?
आइकन को चिप के रूप में लिखें (चीज़ें, काम नहीं): कॉफ़ी का कप, क्रोसां, मैप पिन, लॉयल्टी कार्ड। फिर स्टाइल बॉक्स में स्टाइल एक बार बताएं। यह हर आइकन में जाता है, और इसी से सेट एक जैसा रहता है।
हमारी गाइड में दिखने वाले आइकन इसी तरह बना एक सेट हैं: बारह चिप, फ़्लैट कलर, गोल कोने, रंग #0061fc, #0a2d8f और #ef6e50, और स्टाइल के शब्द “साफ़, मॉडर्न प्रोडक्ट इलस्ट्रेशन आइकन, सिंपल बोल्ड शेप, फ़्लैट फ़िल, कोई आउटलाइन नहीं, कोई ग्रेडिएंट नहीं”।
स्टाइल के अच्छे शब्द ड्रॉइंग के बारे में होते हैं, मूड के बारे में नहीं: “गोल सिरे”, “मोटी बराबर लाइनें”, “नुकीले कोने”, “कोई आउटलाइन नहीं”, “मोटे-मोटे शेप”, “70 के दशक के रेट्रो पोस्टर जैसे रंग”। ऐसे शब्दों से बचें जो इतनी डिटेल जोड़ते हैं जो आइकन 24 px पर नहीं संभाल सकता: “असली जैसा”, “बारीक”, “3D”, “डिटेल्ड शेडिंग”। पूरी लिस्ट में डिटेल का एक ही स्तर रखें। “शहर का स्काईलाइन” के बगल में “बिंदु” किसी भी स्टाइल में असमान दिखता है।
स्टिकर और बैज का विवरण कैसे लिखें?
- स्टिकर: कैरेक्टर के लिए एक बार और सटीक बताएं कि वह कौन है: जानवर या चीज़, शरीर का आकार, दो या तीन रंग, एक खास डिटेल (“क्रीम रंग के पेट और गुलाबी गालों वाली एक गोल-मटोल भूरी-नारंगी बिल्ली”)। फिर एक्सप्रेशन लिखें, कैप्शन कोटेशन में:
हाथ हिलाता हुआ "Hi!"। कैप्शन दो या तीन शब्दों का रखें। हर अक्षर ड्रॉ किया जाता है, इसलिए भेजने से पहले स्पेलिंग जांच लें। - बैज: अचीवमेंट का नाम ऊपर जाता है, नीचे एक छोटा नियम या वही शब्द। बैज की रिंग के घुमाव में पूरे वाक्य की बजाय दो या तीन शब्द कहीं बेहतर बैठते हैं। बीच की तस्वीर को एक सिंपल चीज़ के रूप में बताएं: “दौड़ने वाला जूता”, “झंडे वाला पहाड़”।
क्या नहीं लिखना चाहिए?
| इनसे बचें | क्यों | इसकी जगह यह मांगें |
|---|---|---|
| ग्रेडिएंट, “चमकता हुआ”, “शाइनी” | फ़्लैट रंग की पट्टियों में बदल जाते हैं | दो फ़्लैट टोन |
| फोटो जैसी रोशनी, परछाइयां, “असली जैसा” | बहुत सारे छोटे टुकड़ों में ट्रेस होते हैं | “फ़्लैट”, “ठोस शेप” |
| बारीक टेक्सचर, “ग्रंज”, “वॉटरकलर” | छोटे धब्बों में ट्रेस होते हैं | साफ़ किनारा, या टेक्सचर बाद में एडिटर में |
| बहुत छोटा टेक्स्ट, निशान के अंदर टैगलाइन | छोटे साइज़ पर पढ़ा नहीं जाता | निशान के बगल में किसी फ़ॉन्ट में नाम |
| तीन से ज़्यादा रंग | धुंधले सेट, ज़्यादा पाथ | तीन रंगों तक, नाम से या hex वैल्यू में |
जो बनकर आए उसे कैसे ठीक करें?
एक बार में एक चीज़ बदलें। अगर सेट लगभग ठीक है, तो नए सिरे से शुरू करने की बजाय राउंड इस्तेमाल करें और छोटे नोट के साथ एक-एक आइकन दोबारा बनाएं (“और सिंपल, सादी लिपटी हुई चटाई”)। अगर लोगो लगभग ठीक है, तो उसे शब्दों में रिफ़ाइन करें (“R को और बोल्ड करें”)। अगर सिर्फ़ कोई रंग या कोई फ़ालतू शेप गलत है, तो SVG को SVG एडिटर में खोलें, यह एक और राउंड से जल्दी है। और जब SVG में ड्रॉइंग के शेप से कहीं ज़्यादा पाथ हों, तो ड्रॉइंग काफ़ी फ़्लैट नहीं थी: “फ़्लैट फ़िल, कोई शेडिंग नहीं” मांगें और फिर से बनाएं।