क्या यह एक महान ग्राफिक डिजाइन वेबसाइट बनाने के लिए ले जाता है

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

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

  • आलसी!
  • ख़याल से बाहर!
  • गैर-रचनात्मक!
  • नक़ल!

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

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

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

1। सुनिश्चित करें कि आपका डिज़ाइन किसी तरह से प्रासंगिक है कि आप कौन हैं और आप क्या हैं

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

यहाँ एक साइट का उदाहरण दिया गया है जो इसे सही बनाती है:

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

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

मैं यह नहीं कह सकता कि यह कितना महत्वपूर्ण है। कभी भी ऐसी वेबसाइट न बनाएं जो पूरी तरह से तस्वीरों पर आधारित हो (कम से कम अगर आप इसे अपने लिए बना रहे हैं, या यदि आप इसे अपने पोर्टफोलियो का हिस्सा बनाना चाहते हैं तो)। आलसी, हवा में चलने वाले डिज़ाइनर कॉरपोरेट आधारित वेबसाइट्स को कॉरपोरेट डिस्चार्ज निर्माताओं पर जोर दे रहे हैं जो किसी भी बेहतर को नहीं जानते हैं, लेकिन आपको एक वास्तविक डिज़ाइनर के रूप में, बेहतर पता होना चाहिए।

यहाँ एक ऐसी साइट का उदाहरण दिया गया है जो मैं जो सलाह दे रहा हूँ उसके बिल्कुल विपरीत है:

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

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

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

अंत में, आइए एक साइट पर नज़र डालें जो बीच में कहीं गिर गई:

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

पृष्ठ को थोड़ा नीचे स्क्रॉल करते हुए, हम देख सकते हैं कि वह हमारे लिए एक संदेश दे रहा है:

महान। अब हम जानते हैं कि वह कौन है, वह क्या करता है और हमें उसमें क्यों दिलचस्पी लेनी चाहिए। लेकिन यहां हम जो देख सकते हैं, वह केवल शब्दों का उपयोग नहीं, बल्कि सही शब्दों का सही तरीके से उपयोग करने का महत्व है।

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

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

इस मामले में: यह उल्लेख करना बुरा नहीं है कि आप किस स्कूल में गए थे, लेकिन साइमन फ्रेजर विश्वविद्यालय को यह अच्छी तरह से ज्ञात नहीं है कि आप इसे "SFU" के रूप में संक्षिप्त कर सकते हैं, सिवाय अन्य लोगों के साथ बात करने के लिए जो वहां गए थे।

2। सही कारणों के लिए बाहर खड़े हो जाओ

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

आपके द्वारा प्रस्तुत की जाने वाली वेबसाइट आपकी ब्रांड पहचान का हिस्सा है, या तो एक कंपनी के रूप में या एक व्यक्ति के रूप में, इसलिए आप यह सुनिश्चित करना चाहते हैं कि जो कहानी आप बता रहे हैं वह अच्छी हो। जब यह अच्छी तरह से किया जाता है, तो वेबसाइट भ्रम पैदा किए बिना जिज्ञासा पैदा करती है। आपको "अद्वितीय" को संतुलित करने की आवश्यकता है, इसलिए यह "पागल" की थोड़ी कमी को रोकता है।

यहाँ एक आदमी का एक उदाहरण है जो इसे पाने के लिए लगता है:

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

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

यहाँ एक और साइट है जिसे मैंने वास्तव में चमक के लिए लिया है, यह सांसारिक से दूर छलांग लगाने के लिए है:

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

साइट का इंटरफ़ेस वास्तव में सरल है। जब आप पहली बार पृष्ठ पर आते हैं, तो आपको एक व्यवसाय कार्ड की प्रतिकृति के साथ प्रस्तुत किया जाता है:

यह काम करता है क्योंकि यह 2 को 3 "एक नज़र में" क्रिटेरिया (वे कौन हैं और वे क्या करते हैं) से संतुष्ट करते हैं। यह काफी स्पष्ट है कि हमें तीसरी चीज़ का पता लगाने के लिए पृष्ठ को नीचे स्क्रॉल करना होगा, यही कारण है कि हमें परवाह करनी चाहिए। जैसा कि मैंने पहले कहा था, यदि आपके पास एक अच्छा हुक है, तो आप नियमों को थोड़ा आराम कर सकते हैं।

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

उसकी तरफ से शुरू करते हुए, हम एक अच्छे दृश्य शैली और आकर्षक टाइपोग्राफी के साथ एक सुंदर स्वच्छ पृष्ठ पर जाते हैं:

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

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

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

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

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

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

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

3। अपने संदेश सरल रखें

सरल, संचार वह है जो सबसे अच्छा काम करता है। दृश्य स्थान का अच्छा उपयोग करें और नेत्रहीन अच्छी तरह से संवाद करें। आपको लोगों को यह बताने के लिए भी प्रभावी ढंग से शब्दों का उपयोग करना चाहिए कि उन्हें सबसे उपयुक्त तरीके से क्या जानना चाहिए। आपको संक्षेप में संक्षिप्त होने की आवश्यकता नहीं है, और कभी-कभी यह संक्षिप्त होने के लिए काउंटर-उत्पादक है। लेकिन आपको स्पष्ट होने की आवश्यकता है।

इन सबसे ऊपर, लोगों को प्रभावित करें क्योंकि आप प्रभावशाली हैं, इसलिए नहीं कि आप प्रभावित करने की कोशिश कर रहे हैं। क्या होना चाहिए दर्शक कंप्यूटर पर बैठा होना चाहिए और अपने जबड़े को विस्मय में महसूस करना चाहिए क्योंकि वे स्क्रीन पर घूरते हैं और अमर रेखा का उच्चारण करते हैं: “वाह, यह वास्तव में प्रभावशाली है! मेरा फोन कहाँ है? मुझे इस व्यक्ति को किराए पर लेना है! "

यदि आप इसे गलत पाते हैं, तो वे कहेंगे: “हा! इस बेवकूफ को देखो, मुझे उस हाई-टेक बकवास के साथ प्रभावित करने की कोशिश कर रहा है! "

और अगर आपको यह वास्तव में गलत लगता है तो वे कहने वाले हैं: “अर्घ! सभी बेवकूफ बड़े ग्राफिक्स के साथ इस पागल वेबसाइट, अनावश्यक जावास्क्रिप्ट और भगवान-भयानक फ्लैश एनिमेशन से निपटने ने मेरे सीपीयू को पूरी तरह से अभिभूत कर दिया है। अब मुझे रीबूट करना है! "

उस आदमी मत बनो। इसके अलावा शब्दजाल का उपयोग करने से बचें जब तक कि यह कुछ ऐसा न हो कि आप दर्शकों से परिचित हों। उदाहरण के लिए, "PHP" संक्षिप्त नाम का उपयोग करना पूरी तरह से ठीक है और यह वास्तव में अजीब होगा यदि आप अलग-अलग शब्दों का उच्चारण करते हैं जो इसके लिए हैं। दूसरी ओर, यदि आप "CTR" और "KPI" जैसे महीने के buzzword संक्षेप में इधर-उधर फेंकते हैं, तो यदि आप अपने आधे दर्शक खो देते हैं, तो आश्चर्यचकित न हों।

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

हमेशा आपको दर्शकों का सम्मान करना चाहिए और उनसे व्यवहार करना चाहिए कि आप खुद कैसे व्यवहार करना चाहते हैं। उनसे बात मत करो, लेकिन भ्रमित होने से बचें। और यदि आप संभवतः कर सकते हैं, तो भावनात्मक स्तर पर उन तक पहुँचने की कोशिश करें या उनकी बुद्धि को उत्तेजित करें, बिना यह सोचे कि आप मूर्ख हैं। संवाद करना, आखिरकार, यह एक कला है जितना एक विज्ञान है।

बोगदान रैंकी

बोगदान इंसपायर्ड मैग का एक संस्थापक सदस्य है, जिसके पास इस अवधि में लगभग 6 वर्षों का अनुभव है। अपने खाली समय में वह शास्त्रीय संगीत का अध्ययन करना और दृश्य कला का पता लगाना पसंद करते हैं। वह भी Fixies के साथ काफी जुनूनी है। वह पहले से ही 5 का मालिक है।