क्या एक डिजाइन पेशेवर बनाता है?


10

क्या कोई परिभाषित कर सकता है कि कुछ "पेशेवर" क्यों नहीं दिख सकता है?

पेशेवर / अव्यवसायिक डिजाइनों के बीच क्या अंतर है?

मेरे पास ऐसे ग्राहक हैं जिन्होंने कहा है कि मेरा डिज़ाइन बहुत पेशेवर नहीं है। मैंने इसे पेशेवर बनाने के लिए सभी चीजों का पालन किया - शायद मुझे डिजाइन के बारे में पर्याप्त जानकारी नहीं है? मैंने बहुत सारे "पेशेवर" डिज़ाइन टेम्प्लेट देखे हैं जो मेरे जैसे आसान और समान दिखते हैं। ज्यादातर समय, जब मेरे पास जाने का कोई रास्ता नहीं होता है, तो मैं इन टेम्पलेट डिज़ाइनों का पालन करता हूं - लेकिन जब मैं समाप्त करता हूं तो मुझे प्रतिक्रिया मिलती है कि "यह पेशेवर नहीं दिखता है" । हालांकि यह मेरी मदद नहीं करता है। क्या यहां किसी के पास वास्तविक दुनिया की मदद / अनुभव / सुझाव हैं जो मुझे लुक, फॉन्ट, स्टाइल ... सब कुछ के बारे में मदद करेंगे । कृपया मुझे रास्ता दें!

संक्षेप में:
क्या एक डिजाइन पेशेवर बनाता है?


मैं मदद नहीं कर सका, लेकिन इस कॉमिक theoatmeal.com/comics/design_hell को याद रखें कि यह मदद नहीं करता है।
जूनास

यह एक अजीब बात है, मैंने पहले ही इसे करने के लिए समय दिया है, लेकिन मैं उन्हें अपने ग्राहक या अपने बॉस को नहीं दे सकता, काश मैं कर सकता: D
जैक

5
उन्हें आपसे पेशेवर साइट का एक उदाहरण दिखाने के लिए कहें और उससे सीखें।
Kromster

4
मुझे पता है कि आपका नमूना खुरदरा था, लेकिन व्यावसायिकता के बारे में एक और बहुत महत्वपूर्ण बिंदु प्रतिलिपि है। "हमारे बारे में कुछ"; "संस्थापक के बारे में" खराब तरीके से लिखे गए हैं, और सभ्य पूंजीकरण भी नहीं है। ड्राफ्ट के रूप में भी, कॉपी का मूल्यांकन करने वाला व्यक्ति इन बातों पर प्रतिक्रिया देगा (EVEN IF यदि आप कहते हैं कि 2,000 बार जो किसी न किसी और केवल स्थिति के लिए है), और इस बिंदु पर आपके डिजाइन में, आपके शीर्षकों को अच्छी तरह से स्थापित किया जाना चाहिए।
15

अच्छी बात यह है कि मैं इसे ध्यान रखूँगा ..
जैक

जवाबों:


19

मैंने इसे एक और उत्तर दिया क्योंकि यह आपके डिजाइन पर टिप्पणी करना है:

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

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

मूल कहानी यह है कि इसमें संरेखण और गहराई की कमी है ... गहराई का एक बहुत।

मैं अपने एक डिजाइन को भी शामिल करूंगा, वर्तमान में मैं एक ग्रिड ओवरले की चौड़ाई पर काम कर रहा हूं ताकि आप देख सकें कि मेरा क्या मतलब है। यह पूरी तरह से किया गया है, लेकिन आप मेरी बात मान लेंगे। कृपया डिज़ाइन के उन हिस्सों का उपयोग न करें जिन पर मैं काम कर रहा हूँ क्योंकि वे कॉपीराइट हैं।

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

एक नज़र डालिए कि मैं कैसे सहज ग्रेडिएंट्स, टेक्सचर और शैडो के साथ गहराई बनाता हूं। इसके अलावा, यह देखो कि यह कैसे फैला है।

संपादित करें: जैसा कि आप जानते हैं, मैंने कॉपीराइट के लिए चौड़ाई का संपादन किया है । तो यह वास्तविक पहलू अनुपात में नहीं है।

आशा है कि यह आपकी मदद करता है।


बहुत बहुत धन्यवाद धन्यवाद, मैं इन चीजों को सुधारूंगा, हालांकि मैंने कुछ कारणों से उस छवि को हटा दिया, बहुत बहुत धन्यवाद
जैक

@ आपका स्वागत है, कभी मदद करने के लिए दर्द नहीं होता है :) सीखने के लिए। इस बारे में एक टन ट्यूटोरियल और ब्लॉग हैं। बस इसे गूगल करें। मुंहतोड़ पत्रिका एक अच्छी शुरुआत है
ल्यूक

11

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

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

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

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

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

  • पुनरावृत्ति एक ही प्रकार के तत्व को एक ही जगह और एक ही रंग या शीर्षक या आकार के साथ हर बार रखता है। रिक्ति सुसंगत है। दृश्य लेआउट में एक लय है, जैसे संगीत करता है। यदि आपके तत्व "गिरने पर" नहीं आते हैं, तो दर्शक असहज हो जाता है, ठीक उसी तरह जैसे कि एक बैंड जिसकी लय बंद है उसे सुनना मुश्किल है।

  • संरेखण , की कमी, एक डिजाइन को तोड़ने का सबसे सुरक्षित तरीका है। वहाँ कुछ भी नहीं है कि चीख "शौकिया" जोर से चीजें हैं जो काफी लाइन नहीं है। प्रिंट में, हम इंच के 1/1000 वें से कम की सटीकता के लिए काम करते हैं। आप चीजों को संरेखण से बाहर रख सकते हैं , बशर्ते विस्थापन बोल्ड, स्पष्ट और जानबूझकर हो। लेकिन कभी भी, एपी टैग पर 7px पैडिंग और h1 पर 8px नहीं है। (एक साइड नोट के रूप में: शादी या अंतिम संस्कार के निमंत्रण के अलावा किसी भी चीज़ के लिए केंद्रित लेआउट से बचें। केंद्रित लेआउट रीपोज़, निर्मल, गतिहीन हैं, जो लगभग कभी भी आप चाहते हैं। शुरुआती लोग केंद्रित लेआउट का उपयोग करते हैं क्योंकि उन्हें पता नहीं है कि वे कैसे संरेखित करें। बातें।)

संरेखण और दोहराव क्यों ग्रिड इस तरह के एक उपयोगी उपकरण हैं। इन बिंदुओं को समझना ग्रिड के उपयोग के बारे में कई सवालों के जवाब देगा।

  • निकटता का मतलब सिर्फ उन चीजों को रखना है जो एक-दूसरे के करीब हैं। एक हेडिंग पैराग्राफ के करीब होनी चाहिए जो इसके बाद के संस्करण की तुलना में निम्न है, उदाहरण के लिए।

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

जानबूझकर और जानबूझकर इन सात बिंदुओं का अभ्यास करें। लंबे समय से पहले, वे सहज हो जाएंगे, और आपके डिजाइन एक नए स्तर पर पहुंच जाएंगे। यह एक वादा है।


2
एलन, आपका जवाब हर शुरुआत में मदद करेगा, हालाँकि मैं इस अभ्यास पर हूँ, इसके लिए बहुत-बहुत धन्यवाद और मैं अपने वादे को निभाने के लिए अपने स्तर पर पूरी कोशिश करूँगा ...... चलो नए सूरज को उगने दें ...।
जैक

जैसा कि मैंने सीखा (अक्सर पर्याप्त, कठिन तरीका), इसलिए मैं साथ गुजरता हूं। आपका बहुत बहुत स्वागत है। सौभाग्य!
एलन गिल्बर्टन

प्यार रॉबिन विलियम्स की किताबें। बेहतरीन जवाब और शानदार सुझाव।
लॉरेन-क्लियर-मोनिका-इप्सम

9

कैसे अपनी वेबसाइट को मेरी आँखों में पेशेवर दिखने के लिए, कोई विशेष क्रम में, ओह ... और संक्षेप में :) अगर आपको अधिक स्पष्टीकरण की आवश्यकता है कि मेरा क्या मतलब है, तो मुझे बताएं:

  • ग्राहक की कॉर्पोरेट पहचान के आसपास अपने रंग पैलेट को आधार बनाएं।
  • उसकी जरूरतों को ध्यान से सुनें ताकि आप उस शैली को पसंद कर सकें जो वह चाहता है
  • प्रयोज्य के लिए डिजाइन। आप एक जबड़ा छोड़ने की डिजाइन बना सकते हैं लेकिन अगर रूपांतरण अच्छा नहीं है तो यह बेकार है।
  • अपनी टाइपोग्राफी को ध्यान से चुनें (उदाहरण के लिए: आप फ़ॉन्ट जैसे भित्तिचित्र के साथ Apple उत्पादों को नहीं देखेंगे)
  • डिजाइनिंग शुरू करने से पहले 960gs प्रणाली का उपयोग करें, इस तरह से आप सुनिश्चित हैं कि आपका संरेखण अच्छा है
  • अपने डिजाइन की व्याख्या और बचाव करें। क्लाइंट को बताएं कि आप विशेष तत्व क्यों चुनते हैं और उसे समझाएं कि वे अच्छे क्यों हैं। याद रखें, हम डिजाइनर हमेशा सही नहीं होते हैं।
  • सीखते रहो। नए jQuery ट्यूटोरियल आदि के लिए ब्लॉग और ऑनलाइन पत्रिकाओं का पालन करें पढ़ना महत्वपूर्ण है।
  • सुनिश्चित करें कि आपका कोड W3C मान्य है और आकार में बहुत बड़ा नहीं है।

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

2

अच्छी दिखने वाली डिज़ाइन के लिए कुछ बातें याद रखें:

तो हम ग्राफिक डिजाइन नियमों के 4 अद्भुत नियमों को जानने जा रहे हैं जो आपको अपने कुशल कौशल को तेज करने में मदद करेंगे। 4 नियमों में शामिल हैं:

  1. संरेखण और वितरण
  2. संतुलन और समूहीकरण
  3. कंट्रास्ट
  4. पैटर्न और स्नातक

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

  • संरेखण: संरेखण का अर्थ है डिजाइन के समान या अन्य तत्वों को ऊपर, नीचे, केंद्र के आयाम में व्यवस्थित करना, डिजाइन को नेत्रहीन बनाने के लिए बाएं या दाएं। इसे समझने के लिए ऊपर की छवि देखें।

  • वितरण: वितरण का मतलब ग्राफिक लेआउट को साफ और सभ्य बनाने के लिए किसी भी डिजाइन के समान या अलग-अलग तत्वों के बीच समान दूरी देना या मेनटेन करना है। इसे समझने के लिए उदाहरण छवि के ऊपर देखें।

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

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

इसलिए जैसा कि आप ऊपर के उदाहरण में देख सकते हैं, हमारे पास दो प्रकार के तत्व पाठ और चित्र हैं और हमने लेआउट अपीलिंग और नेत्रहीन रूप से महान बनाने के लिए उन्हें एक दूसरे के साथ व्यवस्थित किया है। वे एक दूसरे को संतुलित कर रहे हैं। अब हम दूसरी विधि पर एक नज़र डालते हैं।

  • दूसरी विधि - व्यक्तिगत तत्वों को समूहीकृत करना: इस नियम में हम विभिन्न तत्वों के अलग-अलग समूह बनाते हैं। इसे समझने के लिए उदाहरण देखें।

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

कंट्रास्ट: कंट्रास्ट किसी भी अच्छे ग्राफिक डिजाइन का आवश्यक हिस्सा है। इस नियम में हमें अपने डिजाइन के किसी भी तत्व को अन्य तत्वों से अलग खड़ा करना पड़ता है। इस नियम का इस्तेमाल डिजाइन में तत्वों को उनके महत्व को बताने के लिए किया जाता है।

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


हैलो नतालिया कला, GDSE में आपका स्वागत है और आपके व्यापक उत्तर के लिए धन्यवाद। कृपया 'पूर्ण उत्तरों' के लिंक पर निर्भर न रहें। स्टैक एक्सचेंज का उद्देश्य ज्ञान को यहीं एकत्रित करना है, लिंक से स्वतंत्र जो बाद के समय में टूट सकता है। अतिरिक्त जानकारी के लिए एक लिंक ठीक है, जब तक कि उत्तर का सार आपकी पोस्ट में है। समुदाय कई बाहरी लिंक के साथ उत्तरों पर कठोर दरार डालता है, क्योंकि यह स्पैम जैसा दिखता है। समझने के लिए धन्यवाद! यदि आपके कोई प्रश्न हैं, तो सहायता केंद्र पर एक नज़र डालें । योगदान देते रहें और साइट का आनंद लें!
विंसेंट

जानकारी के लिए धन्यवाद @Vincent मुझे अगली बार याद रहेगा
नर्त्य कला

सदैव स्वागत है! अपनी प्रतिष्ठा से आपको (20) अनुमति देने के बाद ग्राफिक डिजाइन चैट में शामिल होने के लिए स्वतंत्र महसूस करें । आपके सवालों के जवाब देने को तैयार आम तौर पर कम से कम एक मॉड या अनुभवी उपयोगकर्ता है।
विंसेंट

1

आपके डिज़ाइन को पेशेवर बनाता है या नहीं और आपको इसे करने के लिए भुगतान मिलता है या नहीं।

'पेशेवर' शब्द का उपयोग किसी प्रकार की सौंदर्यवादी टिप्पणी के रूप में करने के लिए, यह बहुत बेकार है। आप अपने ग्राहक के साथ काम करने जा रहे हैं ताकि वे अपने व्यवसाय के लक्ष्यों और उद्देश्यों के संदर्भ में उन्हें अधिक विशिष्ट बना सकें - विशेष रूप से वे जिन्हें लक्षित करने की कोशिश कर रहे हैं और जो दृश्य दृष्टिकोण सबसे अधिक समझ में आता है उस विशेष जनसांख्यिकीय के लिए।

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