रंग और टाइपोग्राफ़ी की बुनियादी बातें जो हर नए डिज़ाइनर को चाहिए
रंग और टाइपोग्राफ़ी की बुनियादी बातें आसान भाषा में: कलर व्हील, 60 30 10 नियम, कंट्रास्ट और अरबी व अंग्रेज़ी फ़ॉन्ट की जोड़ी, ताकि डिज़ाइन एकरूप दिखें।
रंग और टाइपोग्राफ़ी की बुनियादी बातें ही वह चीज़ हैं जो जल्दबाज़ी में बने दिखने वाले डिज़ाइन को पेशेवर दिखने वाले डिज़ाइन से अलग करती हैं, भले ही दोनों में एक ही तस्वीर और एक ही शब्द हों। यह सिर्फ़ प्रतिभा नहीं है। मुट्ठी भर सरल नियम आपको किसी भी डिज़ाइन में सामंजस्यपूर्ण रंग और पढ़ने लायक फ़ॉन्ट चुनने में मदद करेंगे, चाहे आप Canva में काम करें या AI से बनी तस्वीरों पर।
रंग और फ़ॉन्ट इतने मायने क्यों रखते हैं
किसी के एक शब्द पढ़ने से पहले ही रंग और फ़ॉन्ट एक छाप बना देते हैं। रंग एक मूड तय करता है: शांत, ऊर्जावान, प्रीमियम, चंचल। फ़ॉन्ट एक व्यक्तित्व तय करता है: औपचारिक, दोस्ताना, आधुनिक, पारंपरिक। जब दोनों संदेश से मेल खाते हैं, तो डिज़ाइन कायल करने वाला लगता है। जब वे टकराते हैं, तो दर्शक महसूस करते हैं कि कुछ ठीक नहीं है।
वे ब्रांड पहचान की रीढ़ भी हैं। उन्हें लगातार इस्तेमाल करें तो लोग लोगो देखने से पहले ही आपके काम को पहचानने लगते हैं।
कलर व्हील: साथ चलने वाले रंग चुनना
- कॉम्प्लिमेंट्री: नीला और नारंगी जैसे विपरीत रंग। ध्यान खींचने के लिए तेज़ कंट्रास्ट।
- एनालॉगस: नीला, फ़िरोज़ी और हरे जैसे पड़ोसी रंग। शांत और आरामदेह।
- मोनोक्रोम: एक ही रंगत हल्के से गहरे तक। सुरुचिपूर्ण और शुरुआती लोगों के लिए अनुकूल।
- ट्रायडिक: बराबर दूरी पर तीन रंगतें। जीवंत, पर ज़्यादा हो जाना आसान।
अटक गए? अपनी पसंद की किसी फ़ोटो से पैलेट निकाल लें। कई टूल तस्वीर से रंग निकालते हैं, और वे रंग पहले से एक ही दृश्य में साथ रहते हैं।
रंग क्या संप्रेषित करते हैं?
रंगों से आम जुड़ाव होते हैं, पर वे संस्कृति और संदर्भ के अनुसार बदलते हैं, इसलिए उन्हें ढीला मार्गदर्शक मानें। नीला अक्सर भरोसे और शांति के रूप में पढ़ा जाता है, हरा प्रकृति और सेहत के रूप में, लाल और नारंगी ऊर्जा और तात्कालिकता के रूप में, सोने के साथ काला प्रीमियम के रूप में, और पेस्टल नरम व चंचल के रूप में। रंग का मतलब से ज़्यादा यह मायने रखता है कि आप उसे कैसे इस्तेमाल करते हैं: पूरे लेआउट को भर देने वाला लाल सस्ता लग सकता है, जबकि एक बटन पर वही लाल आत्मविश्वासी लगता है।
60 30 10 नियम
- प्रमुख, आम तौर पर शांत रंग के लिए लगभग 60%, बैकग्राउंड और बड़े हिस्सों पर।
- सहायक आकारों पर दूसरे रंग के लिए लगभग 30%।
- जिस पर ध्यान चाहिए, जैसे बटन, क़ीमत या मुख्य शब्द, उस पर एक्सेंट के लिए लगभग 10%।
यह शुरुआती बिंदु है, कानून नहीं। यह हर रंग को पूरी तीव्रता से इस्तेमाल करने की उस क्लासिक गलती को रोकता है जिसमें कुछ भी उभरकर नहीं दिखता।
कंट्रास्ट: वह नियम जो डिज़ाइन को पठनीय रखता है
सफ़ेद पर हल्का स्लेटी या काले पर गहरा नीला बड़े मॉनिटर पर आकर्षक लग सकता है, पर धूप में फ़ोन पर गायब हो जाता है।
- हल्के बैकग्राउंड पर गहरा टेक्स्ट, या उलटा, सुरक्षित चुनाव है।
- तस्वीरों पर टेक्स्ट के पीछे अर्ध-पारदर्शी रंग की परत जोड़ें।
- जानकारी देने के लिए सिर्फ़ रंग पर निर्भर न रहें, क्योंकि कई लोगों को कुछ रंगों में फ़र्क करना मुश्किल लगता है।
- कंट्रास्ट चेकर टूल टेक्स्ट को जाने-माने एक्सेसिबिलिटी दिशानिर्देशों के विरुद्ध परखते हैं।
झटपट टेस्ट: डिज़ाइन को ग्रेस्केल में बदलें। अगर टेक्स्ट अब भी साफ़ है, तो कंट्रास्ट ठीक है।
फ़ॉन्ट चुनना और जोड़ी बनाना
हायरार्की
पाठकों को पता होना चाहिए कि पहले क्या पढ़ना है। साइज़ और वज़न का इस्तेमाल करें: बड़ी भारी हेडलाइन, छोटी उप-हेडिंग, मुख्य टेक्स्ट, फिर छोटे ब्योरे।
दो फ़ॉन्ट का नियम
ज़्यादातर डिज़ाइनों के लिए दो फ़ॉन्ट काफ़ी हैं: हेडिंग के लिए व्यक्तित्व वाला एक और मुख्य टेक्स्ट के लिए सादा एक। अलग-अलग वज़न में एक ही परिवार इससे भी सरल है।
अरबी और अंग्रेज़ी साथ में
फ़ॉन्ट को मिज़ाज और वज़न से मिलाएँ: ज्यामितीय के साथ ज्यामितीय, क्लासिक के साथ क्लासिक। द्विभाषी फ़ॉन्ट परिवार इसे बहुत आसान बना देते हैं। अरबी लेखन के बारे में और जानने के लिए हमारी AI इमेज में अरबी टेक्स्ट की गाइड पढ़ें।
स्पेसिंग
- आरामदेह पंक्ति-दूरी, अरबी के लिए थोड़ी ज़्यादा।
- बहुत लंबी पंक्तियों से बचें; टेक्स्ट को छोटे पैराग्राफ़ या कॉलम में बाँटें।
- हेडलाइन को साँस लेने की जगह दें।
कदम-दर-कदम: अपने प्रोजेक्ट का पैलेट और टाइप बनाना
- ब्रांड के लिए तीन विशेषण लिखें।
- उन्हें व्यक्त करने वाला मुख्य रंग चुनें।
- सेट पूरा करें: सहायक, एक्सेंट और दो न्यूट्रल।
- उपयुक्त व्यक्तित्व वाला हेडिंग फ़ॉन्ट चुनें और एक सादा बॉडी फ़ॉन्ट।
- 60 30 10 से हेडलाइन, मुख्य टेक्स्ट और बटन का मॉकअप बनाएँ।
- ग्रेस्केल में और फ़ोन पर कंट्रास्ट परखें।
- सब कुछ ब्रांड किट में सहेजें।
वह आखिरी कदम हमारी Canva ब्रांड किट गाइड में है।
color palette inspiration board, calm and trustworthy fintech brand, deep navy, soft teal, warm sand, white, minimal swatches, flat design
काम के टूल और साझा पहुँच पर एक नोट
Canva मेल खाते पैलेट और फ़ॉन्ट जोड़ियाँ सुझाता है, और Adobe Firefly डिज़ाइन पर रंगों के वेरिएशन आज़माने में मदद कर सकता है। ZTOOLZ में उपलब्ध टूल बदलते रहते हैं, इसलिए स्टोर देखें।
ZTOOLZ की साझा पहुँच सीखने और प्रयोग करने के लिए ठीक है पर कोई लाइसेंस या व्यावसायिक अधिकार नहीं देती, और फ़ॉन्ट लाइसेंस को कवर नहीं करती। क्लाइंट या व्यावसायिक काम के लिए अपने नाम पर आधिकारिक प्लान इस्तेमाल करें और हर फ़ॉन्ट का लाइसेंस जाँचें।
अक्सर पूछे जाने वाले सवाल
एक डिज़ाइन में कितने रंग इस्तेमाल होने चाहिए?
तीन से पाँच आम तौर पर काफ़ी हैं: मुख्य, सहायक, एक्सेंट और दो न्यूट्रल।
मुझे कैसे पता चले कि रंग मेल खाते हैं?
कलर व्हील के संबंध इस्तेमाल करें या किसी सामंजस्यपूर्ण फ़ोटो से रंग निकालें, फिर ग्रेस्केल में कंट्रास्ट जाँचें।
शुरुआती लोगों के लिए अच्छा अरबी फ़ॉन्ट कौन सा है?
कई वज़न वाला सरल आधुनिक अरबी परिवार आपको एक ही फ़ॉन्ट से पूरी हायरार्की बनाने देता है।
क्या मुझे 60 30 10 नियम मानना ज़रूरी है?
नहीं। मूल विचार है एक प्रमुख रंग और एक छोटा एक्सेंट जो मायने रखने वाली चीज़ को उभारे।
