📘 CodingMarble Learn

सूचना डिज़ाइन के तत्व और संरचना

डिज़ाइनर कुछ ही औज़ार इस्तेमाल करते हैं: आकृति, रंग, आकार, स्थान और क्रम। रंग और आकार बताते हैं क्या ज़रूरी है, नज़दीकी समूह बनाती है और क्रम आँख को कहानी की तरह चलाता है। ये चुनाव लोगों की भावनाएँ भी बदलते हैं। किसी चीज़ का अच्छा चित्र बनाने को उसे ध्यान से देखें, ब्योरे छोड़ें और मुख्य लक्षण रखें। फिर संदेश को मंच पर सजाएँ: पहले यह, फिर वह।

🎬 कदम-दर-कदम कहानी

  1. छह भूरे आकार। कुछ भी नहीं उभरता, इसलिए आँख को पता नहीं कहाँ देखना है।
  2. रंग जोड़ें। एक गरम लाल आकार सबसे पहले उछलकर दिखता है। बाक़ी शांत ठंडे नीले हैं।
  3. आकार जोड़ें। लाल आकार बड़ा हो गया। बड़ा आम तौर पर ज़्यादा ज़रूरी लगता है।
  4. स्थान जोड़ें। पास-पास रखे आकार एक समूह लगते हैं। ख़ाली जगह समूह साफ़ करती है।
  5. क्रम जोड़ें। 1, 2, 3 और तीर आँख को कहानी की तरह चलाते हैं: यहाँ से शुरू, फिर यहाँ, फिर वहाँ।
  6. अब आपकी बारी। रंग और आकार के स्लाइडर चलाएँ और देखें आँख को सबसे पहले क्या दिखता है।

टिप: 3D दृश्य को घुमाने के लिए खींचें। ज़ूम के लिए दो उंगलियाँ इस्तेमाल करें।

🤔 आम शंकाएँ और उनके जवाब

भूरे आकारों में आँख को कहाँ देखना है पता क्यों नहीं चलता?

सब एक जैसे हैं, इसलिए कुछ नहीं उभरता। अंतर आँख को राह दिखाते हैं।

लाल आकार पर पहले नज़र क्यों जाती है?

गरम चटक रंग शांत नीलों से अलग है, इसलिए आँख उसकी ओर खिंचती है।

क्या बड़ा हमेशा बेहतर है?

बड़ा मतलब आँख के लिए ज़्यादा ज़रूरी। इसे सिर्फ़ मुख्य चीज़ के लिए रखें, वरना कुछ नहीं उभरेगा।

बिना रेखा के समूह कैसे बनते हैं?

आँख पास की चीज़ों को जोड़ लेती है। अतिरिक्त जगह समूहों को अलग करती है।

संख्याएँ और तीर क्यों?

वे पाठक को क्रम बताते हैं, इसलिए संदेश कहानी की तरह चलता है।

अभिव्यक्ति के तत्व

डिज़ाइन के बुनियादी औज़ार:

अभिव्यक्ति के तरीक़े और भावनाओं पर असर

डिज़ाइन के चुनाव लोगों की भावना और कार्य बदलते हैं।

विषय को देखना और चित्रित करना

जानकारी के लिए किसी चीज़ का चित्र बनाने को उसे ध्यान से देखें, मुख्य लक्षण खोजें और सरल करें। शौचालय संकेत के आदमी में सिर, धड़ और टाँगें ही रहती हैं। चरण: ग़ौर से देखें, पहचान वाली बातें लिखें, बाक़ी हटाएँ और परखें कि दूसरे अब भी पहचानते हैं या नहीं। इसे अमूर्तन (एब्स्ट्रैक्शन) कहते हैं।

जानकारी को मंच पर सजाना

स्टेजिंग का मतलब है यह योजना बनाना कि पाठक बातें किस क्रम में मिलेगा, जैसे कहानी के दृश्य।

  1. आकर्षण: मुख्य बात से आँख खींचें।
  2. समझाना: सहायक बातें साफ़ क्रम में (ऊपर से नीचे, बाएँ से दाएँ, या चरण 1, 2, 3)।
  3. कार्य: अंत में बताएँ आगे क्या करना है।

तीर, संख्याएँ और शीर्षक लगाएँ ताकि राह साफ़ दिखे। जो राह में बाधा बने उसे हटाएँ।

मुख्य सूत्र और परिभाषाएँ

हल किए गए उदाहरण

1. छह बटनों में लोग "बाहर निकलें" बटन पर ध्यान दें, इसके लिए क्या करेंगे?

उसे बड़ा करें, गरम विपरीत रंग दें और जहाँ आँख रुकती है वहाँ रखें। बाक़ी बटन शांत और बराबर रखें।

2. पोस्टर में दो समूह हैं पर एक सूची जैसे दिखते हैं। कैसे ठीक करें?

दोनों समूहों के बीच ज़्यादा जगह और भीतर कम जगह रखें और हर एक को शीर्षक दें। नज़दीकी समूह बनाती है।

3. "बस स्टॉप" का पिक्टोग्राम बनाना है। क्या रखेंगे?

देखकर मुख्य लक्षण रखें: पहियों और खिड़कियों वाली सरल बस या खंभे पर संकेत। रंग और बारीक ब्योरे हटाएँ।

आम गलतियाँ

अभ्यास क्विज़

1. आमतौर पर सबसे पहले ध्यान क्या खींचता है?
2. पास-पास रखी चीज़ें दिखती हैं:
3. नीला जैसे ठंडे रंग आमतौर पर लगते हैं:
4. मुख्य लक्षण रखकर ब्योरे हटाना कहलाता है:
5. डिज़ाइन में संख्याएँ और तीर दिखाते हैं:

अभ्यास: खुद जवाब दो

अपना जवाब लिखो या चुनो, फिर जाँचें दबाओ। अटको तो संकेत देखो; जवाब देने के बाद पूरा हल दिखेगा।

अक्सर पूछे जाने वाले प्रश्न

सूचना डिज़ाइन के तत्व कौन-से हैं?

आकृति, रंग, आकार, अक्षर, ख़ाली जगह, स्थान और क्रम। मिलकर ये पाठक की नज़र और भावना को राह दिखाते हैं।

विज़ुअल हायरार्की क्या है?

वह क्रम जिसमें आँख चीज़ें देखती है, जो आकार, रंग, कॉन्ट्रास्ट और स्थान से बनता है। सबसे ज़रूरी चीज़ सबसे पहले दिखे।

डिज़ाइन में स्टेजिंग का क्या अर्थ है?

पाठक को बातें किस क्रम में मिलेंगी इसकी योजना: आकर्षण, समझाना और कार्य, छोटी कहानी की तरह।

यह कहाँ पढ़ाया जाता है

जापान高校(専門学科)1〜3年Information Design

पहले यह पढ़ें

इससे जुड़े पाठ

सभी कंप्यूटर विज्ञान पाठ