इन्फोग्राफिक्स बनाने के लिए उपकरण


12

इन्फोग्राफिक्स के उत्पादन के लिए सबसे अच्छे उपकरण क्या हैं - आकर्षक प्रदर्शन जो ग्राफ़, आरेख और पाठ को जोड़ते हैं, जिससे बहुत सारी जानकारी आसानी से मिल जाती है। मुझे मुद्रण के लिए वेब-देखने योग्य सामग्री और पोस्टर दोनों में दिलचस्पी है।

विशेष रूप से, मैं पूछ रहा हूँ:

  • उपकरणों के संयोजन का क्या उपयोग किया जाता है (उदाहरण के लिए, ग्राफ बनाने के लिए एक उपकरण, ग्राफ और पाठ को अंतिम इन्फोग्राफिक में संयोजन के लिए दूसरा)?
  • क्या कोई वेक्टर ग्राफिक टूल (उदाहरण के लिए, इलस्ट्रेटर) विशेष रूप से दूसरों की तुलना में कम या ज्यादा काम के अनुकूल हैं?
  • क्या कोई ऑनलाइन उपकरण हैं जो विधानसभा प्रक्रिया में उपयोगी हैं?

(कुछ ऐसी बातें करने का एक उदाहरण के रूप में मैं बनाने में दिलचस्पी रहा हूँ [लेकिन बहुत अधिक विनम्र पैमाने पर], http://xkcd.com/980/ )


पहले से दिए गए उत्कृष्ट उत्तरों के लिए, मैं सिर्फ उन दो संसाधनों को फेंकना चाहता हूं जो लिफाफे को थोड़ा धक्का देते हैं (मेरा लिफाफा वैसे भी) आप डेटा के साथ क्या कर सकते हैं। आप उन्हें अपने अगले प्रोजेक्ट (या कभी) पर उपयोग करने में सक्षम नहीं हो सकते हैं, लेकिन वे मज़ेदार हैं और वे आपको सोचेंगे।
अमांडा

जवाबों:


18

डिजाइनिंग इन्फोग्राफिक्स मैं जो कुछ भी करता हूं उसका एक बड़ा हिस्सा है। यहाँ मैं क्या उपयोग का एक मोटा टूटना है।

  • संभवतः मैं जो इन्फोग्राफिक्स करता हूं उस पर 95% काम इलस्ट्रेटर में होता है। आप हर चीज को वेक्टर फॉर्मेट में रखना चाहेंगे, क्योंकि सटीक स्केलिंग, अलाइनिंग, ग्रुपिंग, ट्विकिंग और चेंजिंग बहुत महत्वपूर्ण हैं। यदि यह अच्छी जानकारी की एक अच्छी प्रस्तुति है, तो अलग-अलग रखी गई संस्करणों के लिए कॉल हो सकती है: वेब, प्रिंट, पोस्टर, इंटरैक्टिव, सोशल मीडिया के लिए छोटे साझा करने योग्य चित्र, थंबनेल ... और शायद अगले साल के डेटा के साथ एक अद्यतन संस्करण भी। यदि आप सब कुछ लचीला रखते हैं, तो आप बाद में खुद को धन्यवाद देंगे। कुछ विशिष्ट इलस्ट्रेटर विशेषताएं:

    • इसके चार्ट टूल, जो जंग खाए और निराशाजनक हैं, लेकिन सटीक और उपयोग करने लायक हैं (कुछ युक्तियां: उपयोग करने के लिए याद रखें sऔर rपैमाने पर और घुमाएं, सामान्य तरीके काम नहीं करते हैं, और जब आपको चार्ट को तोड़ने और अनग्रुप करने की आवश्यकता होती है, तो हमेशा एक समूहीकृत रखें प्रतिलिपि) और कोरल ड्रॉ में आवश्यक वर्कअराउंड को हरा दें । उस ने कहा, मैं इकट्ठा करता हूं कि Inkscape के पास कुछ प्लगइन्स हैं और इस संबंध में सुधार कर रहा है जबकि Adobe ने उनके स्पष्ट रूप से एंटी-ग्राफ़ ग्राफ़ टूल की उपेक्षा की है । अगर मैं इलस्ट्रेटर पसंद करता हूं, तो मैं एक पल में गिर जाऊंगा अगर प्रतिद्वंद्वी के पास अच्छे, आधुनिक, विश्वसनीय चार्टिंग उपकरण हों। एक्सेल से चार्ट को कॉपी, अनग्रुप और एडिट करने का प्रलोभन न दें - यह काम करता है, वे वैक्टर के रूप में पेस्ट करते हैं, लेकिन कहीं-कहीं लाइन के साथ वे थोड़ा विकृत हो जाते हैं और सटीकता खो देते हैं।
    • आर्टिफिशियल तरीके से आर्ट ब्रश, पैटर्न ब्रश और ट्रांसफ़ॉर्म इफ़ेक्ट जैसे सटीक रूप से खींची गई शेप में इफ़ेक्ट लागू करने के लिए इसकी सुविधाएँ। अन्य वेक्टर कार्यक्रमों में इनकी विशेषताएं होती हैं, लेकिन समान सीमा तक नहीं। कुछ भी जो तत्वों को फिर से उपयोग करने योग्य, tweakable और पुन: उपयोग करने योग्य बनाता है।
    • जब आप चीजों को सटीक संख्यात्मक तरीके से करने की आवश्यकता होती है, तो उनके लिए स्क्रिप्ट का भार होता है। जब आपको कुछ असामान्य और सटीक करने की आवश्यकता होती है, तो अक्सर इसके लिए एक स्क्रिप्ट होती है। इसके अलावा, संरेखित पैलेट महान है, और इसमें स्पष्ट रूप से स्टैकिंग चीजों की तरह गैर-स्पष्ट काम के गुर हैं
  • मैं शायद ही कभी इनडिजाइन का उपयोग करता हूं जब तक कि एक ग्राफिक मल्टी-पेज डॉक्यूमेंट का हिस्सा न हो (हालांकि कुछ लोग ग्राफिक के पूरे टेक्स्ट साइड के लिए इसका इस्तेमाल करते हैं, इलस्ट्रेटर से हर तत्व रखते हैं)। दो अपवाद जहां मैं इसका उपयोग करता हूं:

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

  • यदि आप सभी इंटरैक्टिव इन्फोग्राफिक्स में रुचि रखते हैं, और यदि आप या एक सहयोगी किसी भी जावास्क्रिप्ट को जानते हैं, तो इलस्ट्रेटर का एक और फायदा (इंकस्केप और कोरलड्रॉ का भी सच है) यह है कि यह एसवीजी निर्यात कर सकता है जिसे एक ब्राउज़र में इंटरैक्टिव तत्वों के रूप में इस्तेमाल किया जा सकता है ।

लोग कभी-कभी सरल आरेखों के लिए omnigraffle जैसे अधिक सरल कार्यक्रमों का उपयोग करते हैं , और लो-बैरियर-टू-एंट्री इन्फोग्राफिक्स निर्माण उपकरण का विचार कभी-कभी आस-पास तैर जाता है, लेकिन जिन लोगों को मैंने देखा है वे या तो भेष में पूर्व-निर्मित इन्फेंटिक्स का एक गुच्छा हैं। (उदाहरण के लिए Visual.ly बनाएं) या ludicrously उथले (जैसे easel.ly)

Edit--

अब कुछ कम-बैरियर-टू-एंट्री टूल हैं जो 100% चूसना नहीं करते हैं और जो मानक इन्फोग्राफिक प्रारूप ( वेनेज और इन्फोग्राम.म ) को ध्यान में रखते हुए कुछ जोड़ते हैं । वे शुरुआती चरण और एक बिट कच्चे हैं, और चूंकि वे अनिवार्य रूप से खिलौना ऐप हैं, इसलिए वे डिज़ाइनर के लिए कभी भी उपयोग करने की संभावना नहीं रखते हैं सिवाय इन-हाउस लोगों के जो दिमाग-सुन्नता से काम करने से बचते हैं ("पाठ और कुछ जोड़े चार्ट?) वास्तव में सरल है, आप वास्तव में खुद ऐसा कर सकते हैं, यहां बताया गया है ... ") - लेकिन उनके बारे में ध्यान देने योग्य कुछ है: वे HTML और SVG के रूप में निर्यात करते हैं (infogr.am राफेल का उपयोग करता है, वेनोरेज HTML, सीएसएस और डी 3 का उपयोग करता है)।

यह बात क्यों है? क्योंकि यदि आप वेब पेजों पर प्रकाशन के लिए इन्फोग्राफिक्स डिज़ाइन करते हैं, और यदि आप बस एक png या gif को मिटा देते हैं और वेब पेज के मार्कअप में टेक्स्ट को वास्तविक, वास्तविक, लाइव, अर्थ टेक्स्ट के रूप में आउटपुट करने के लिए इस तरह के तरीकों का उपयोग किए बिना काम करते हैं, तो यह इसका मतलब होगा कि इन साइटों की तरह पनीर के स्वचालित खिलौने उत्पादन का उत्पादन करने वाले हैं जो आपके काम पर एक फायदा है ... मैं हमेशा इस तरह की चीजों के लिए राफेल का उपयोग करता हूं क्योंकि यह एकमात्र ऐसी चीज है जो पुराने IE और iOS में काम करती है।

2 संपादित करें ---

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


4
+1000 के लिए "अपने चार्ट की एक समूहीकृत प्रतिलिपि रखें, यदि आप इसे अनग्रुप करने जा रहे हैं।" दया की माँ, 1923 से लेकर आज तक एस एंड पी के किसी और के अनियंत्रित लॉगरिदमिक चार्ट के साथ काम करने की कोशिश करना अपने आप को नींबू के रस में डूबा हुआ चॉपस्टिक के साथ आंख में छुरा घोंपने जैसा है।
लॉरेन-क्लियर-मोनिका-इप्सम

एक अनियंत्रित चार्ट की स्पष्ट रूप से दर्दनाक स्मृति के लिए +1।
हुजाह h

शानदार जवाब। विशेष रूप से इंटरैक्टिव इन्फोग्राफिक्स के बारे में सूचक के लिए धन्यवाद - निश्चित रूप से कुछ का पता लगाने के लिए।
स्टीव बेनेट

1
@SteveBennett धन्यवाद! वैसे, इसे लिखने के बाद से मैंने राफेल के इस भयानक उदाहरण का इस्तेमाल किया, जो कि एक डिजाइन-टू-स्टैटिक प्रिंट करने योग्य ग्राफिक को और अधिक आकर्षक ऑनलाइन प्रतीत होता है। यह फ्रेंच में है, लेकिन यह विचारों को प्राप्त करने के लिए अच्छा होना चाहिए ... बस उम्मीद नहीं है कि कार्यान्वयन आवश्यक रूप से आसान हो सकता है -socialiste.fr/bilan-sarkozy
user56reinstatemonica8

वाह, यह बहुत शानदार है। (दिलचस्प विषय-वस्तु भी - मैं फ्रांस में दो साल से रह रहा था, हालांकि सरकोजी से पहले)। rapeeljs.com
स्टीव बेनेट

8

WebCode एक बेहतरीन और आसानी से उपयोग होने वाला वेक्टर ड्राइंग ऐप है जो तुरंत जावास्क्रिप्ट + कैनवस, एसवीजी या सीएसएस + HTML कोड उत्पन्न करता है। यह विशेष रूप से वेब इन्फोग्राफिक्स के लिए तैयार है।

यहाँ छवि विवरण दर्ज करें


7

चार्ट के लिए इलस्ट्रेटर। आपके इन्फोग्राफिक में और क्या है, इसके आधार पर, आप या तो गैर-चार्ट सामग्री के लिए इलस्ट्रेटर या इनडिजाइन का उपयोग कर सकते हैं। इलस्ट्रेटर का उपयोग मूल से मध्यम लेआउट के लिए किया जा सकता है, और यह निश्चित रूप से एक-शीट पोस्टर के लिए ठीक है। एक बार जब आप कई पृष्ठों में पहुंच जाते हैं, तो आप शायद InDesign के साथ बेहतर हो सकते हैं।


4

मैं चार्ट के लिए लॉरेन - इलस्ट्रेटर से सहमत हूं। और पूरे टुकड़े के लिए इलस्ट्रेटर का उपयोग करना संभव है। हालाँकि, मैं बहुत सारे सारणीबद्ध डेटा के लिए Indesign का उपयोग करने की दिशा में झुकूंगा, न कि केवल कई पृष्ठों पर। Indesign इलस्ट्रेटर की तुलना में टेबल डेटा को बहुत आसान तरीके से हैंडल करता है।

हकीकत में, अधिकांश टुकड़ों को सॉफ्टवेयर के एक टुकड़े का उपयोग करके नहीं बनाया जाता है। इलस्ट्रेटर में किए गए चार्ट और ग्राफ़, फ़ोटो या चित्रों को संभवतः फ़ोटोशॉप का उपयोग करके पूरा किया गया है। तब पूरी बात Indesign में तालिकाओं के साथ संयुक्त है क्योंकि Indesign में बेहतर प्रकार के उपकरण हैं।

लेकिन कोई उस मामले के लिए इलस्ट्रेटर या फ़ोटोशॉप में एक पूरे टुकड़े को पूरा कर सकता है।


2

"इन्फोग्राफिक" वास्तव में एक विशेष तकनीक या सौंदर्यशास्त्र नहीं है। यह वास्तव में सिर्फ नेत्रहीन डेटा का प्रतिनिधित्व कर रहा है। जो भी उपकरण आपके उपयोग के लिए उपयोगी हों, उनका उपयोग करें। वेक्टर चित्रण के लिए, एडोब इलस्ट्रेटर ठीक है। Inkscape एक अच्छा विकल्प है। कोरल ड्रा काम कर सकता था। कई विकल्प हैं।


2

पहले से दिए गए उत्कृष्ट उत्तरों के लिए, मैं बस कुछ संसाधनों को फेंकना चाहता हूं जो लिफाफे को थोड़ा धक्का देते हैं (वैसे भी मेरे लिफाफे) जो आप डेटा के साथ ग्राफिक रूप से कर सकते हैं। (१) नाथन याउ की पुस्तक इसे विज़ुअलाइज़ करती है (या flowingdata.com वेबसाइट), जो अगर मुझे सही याद है तो उन्नत इन्फोग्राफिक बनाने वाले उपकरणों का एक गुच्छा और (२) जेर थोर्प की टेड "मेकिंग डेटा मोर ह्यूमन" http: // www.ted.com/talks/jer_thorp_make_data_more_human.html कुछ अतिरिक्त मिनटों का आनंद लें!


1

मैं प्रकाशन लेआउट, आकार उपकरण, टेक्स्ट बॉक्स और गाइड के साथ इन्फोग्राफिक्स बनाने के लिए माइक्रोसॉफ्ट वर्ड का उपयोग करता हूं। मैं इन जैसे चार्ट को बहुत सरलता से बनाने में सक्षम था और उन अन्य लोगों के बारे में चरण-दर-चरण वीडियो निर्देश देना चाहूंगा जिनके पास Adobe CS5 टूल तक पहुंच नहीं है, जो MS Word में एक सूचना ग्राफ़िक लाइब्रेरी बना सकते हैं। https://gumroad.com/l/MDDPA

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.