Advertisement
  1. Design & Illustration
  2. Designing
Design

9 अच्छे वेब डिज़ाइन के लिए आवश्यक नियम

by
Difficulty:IntermediateLength:LongLanguages:

Hindi (हिंदी) translation by Taruni Rampal (you can also view the original English article)

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

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

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



घाटी पर कब्जा करने के लिए बारिश रंगों का इस्तेमाल होता है ताकि आपकी आँखों को ऊपर से नीचे तक के माध्यम से मार्गदर्शन किया जा सके ...

1. प्राथमिकता (आंख का मार्गदर्शन करना)

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

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

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

आपके यूजर, वेब डिज़ाइनर का पता लगाने के लिए आप पर निर्भर है।

प्राथमिकता प्राप्त करने के लिए आपके पास कई तरह के उपकरण हैं:

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


Further Reading:

आप अपने पुराने विचारों को एक पुरानी पीडडटूज़ + पोस्ट में पढ़ सकते हैं, जिसे Elements of Great Web Design - the polish कहते हैं। यहोशू डेविड मैकक्लुर्ग-जीनेविज़ डिजिटल वेब पर good web design और design के सिद्धांतों पर चर्चा करते हैं। यहोशू ने भी सबसे लंबे समय तक नाम किया है :-)



मारियस में बहुत ही स्वच्छ, बहुत ही सरल स्थान है

2. रिक्ति

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

रिक्त स्थान चीजों को स्पष्ट करता है। वेब डिज़ाइन में अंतरिक्ष के तीन पहलुओं पर विचार किया जाना चाहिए:

  • Line Spacing
    जब आप टेक्स्ट आउट करते हैं, तो लाइनों के बीच का स्थान सीधे पठनीय होने पर प्रभावित होता है। बहुत कम जगह आपकी आंखों के लिए एक पंक्ति से दूसरे तक आगे बढ़ने के लिए आसान बनाता है, बहुत अधिक स्थान का मतलब है कि जब आप एक टेक्स्ट की रेखा को पूरा करते हैं और अगले आंखों पर जाते हैं तो खो सकते हैं। तो आपको एक खुश माध्यम खोजना होगा। आप 'रेखा-ऊंचाई' चयनकर्ता के साथ सीएसएस में लाइन रिक्ति को नियंत्रित कर सकते हैं। आमतौर पर मुझे लगता है कि डिफ़ॉल्ट मान आमतौर पर बहुत कम रिक्ति है I लाइन रिक्ति को तकनीकी तौर पर leading (स्पष्ट प्रकाश) कहा जाता है, जो कि प्रक्रिया से निकला है, जो पुराने दिनों में टेक्स्ट की अलग-अलग पंक्तियों को अलग करने के लिए उपयोग किया जाता था - लाइनों के बीच सीढ़ियों के बीच रखकर।
  • Padding
    आम तौर पर बोलने वाले टेक्स्ट को अन्य तत्वों को कभी स्पर्श नहीं करना चाहिए। इमेजेज, उदाहरण के लिए, टेक्स्ट को छूना नहीं चाहिए, न ही सीमाओं या तालिकाओं की भी।
    पैडिंग तत्वों और टेक्स्ट के बीच की जगह है। यहां सरल नियम यह है कि आपको always वहां जगह चाहिए। निश्चित रूप से अपवाद हैं, खासकर यदि टेक्स्ट कुछ प्रकार का शीर्षक / ग्राफिक है या आपका नाम David Carson है :-) लेकिन एक सामान्य नियम के रूप में, टेक्स्ट और बाकी दुनिया के बीच जगह डालकर यह असीम रूप से अधिक पठनीय और सुखद बनाता है ।
  • White Space
    सबसे पहले, सफेद स्थान को सफेद होने की आवश्यकता नहीं है। शब्द केवल एक पेज पर रिक्त स्थान को रेफेर्स करता है (या नेगेटिव स्थान जिसे कभी-कभी कहा जाता है)। व्हाइट स्पेस का इस्तेमाल पेज को संतुलन, अनुपात और इसके विपरीत देने के लिए किया जाता है। बहुत सफ़ेद स्थान बनाने के लिए चीजें अधिक सुंदर और उन्नत लगती हैं, इसलिए उदाहरण के लिए यदि आप एक expensive architect site पर जाते हैं, तो आपको लगभग हमेशा बहुत कुछ दिखाई देगा। यदि आप व्हाटस्पेस को प्रभावी ढंग से उपयोग करना सीखना चाहते हैं, तो एक पत्रिका के माध्यम से जाएं और देखें कि विज्ञापनों को कैसे तैयार किया गया है। घड़ियों और कारों के बड़े ब्रांडों और विज्ञापनों के लिए विज्ञापन डिजाइन के एक तत्व के रूप में बहुत खाली जगह हैं। 


आगे की पढाई:

WebDesignFromScratch पर एक महान लेख है जिसे Web 2.0 how-to design guide कहा जाता है, जो सादगी पर चर्चा करता है - एक ऐसी अवधारणा जो रिक्ति के बहुत सारे उपयोग करती है। वहाँ बहुत सारे अन्य उपयोगी सामान भी हैं!



नूडलेब्क्स यूजर उन्मुख रखने के लिए अपने नेविगेशन में on/off राज्यों का उपयोग करने का एक अच्छा काम करता है।

3. नेविगेशन

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

नेविगेशन - आप कहां जा सकते हैं?
यहां याद रखने के लिए कुछ कॉमन्सेंस नियम हैं। साइट के चारों ओर जाने के लिए बटन को खोजने में आसानी होनी चाहिए - पेज के ऊपर और पहचानने में आसान। उन्हें नेविगेशन बटन की तरह दिखना चाहिए और अच्छी तरह वर्णित होना चाहिए। बटन का टेक्स्ट स्पष्ट होना चाहिए कि वह आपको कहां ले जा रहा है। सामान्य ज्ञान के अलावा, नेविगेशन उपयोगी बनाने के लिए भी महत्वपूर्ण है। उदाहरण के लिए, यदि आपके पास एक रोलओवर उप-मेन्यू है, तो यह सुनिश्चित करना कि कोई व्यक्ति रोलओवर को खोए बिना उप-मेनू आइटम प्राप्त कर सकता है। इसी तरह रोल ओवर पर रंग या इमेज को बदलना एक यूजर के लिए एक्सीलेंट प्रतिक्रिया है।

ओरिएंटेशन - अब आप कहां हैं?
ऐसे कई तरीके हैं जो आप किसी यूजर को ओरिएंट कर सकते हैं, इसलिए इसमें कोई बहाना नहीं है। छोटी सी जगहों में, यह आपके मेनू में उपयुक्त बटन का एक बड़ा शीर्षक या 'डाउन' संस्करण का मामला हो सकता है। एक बड़ी साइट में, आप bread crumb trails, सब-हेडिंग और सही मायने में खोए हुए स्थान के लिए एक साइट मानचित्र का उपयोग कर सकते हैं।


आगे की पढाई:

SmashingMagazine में CSS-based navigation styles का चयन होता है जो अच्छी तरह से चलते हैं, और #3 मेरा एक है! एक सूची के अलावा भी अभिविन्यास के बारे में एक अच्छा लेख है Where Am I?


4. डिजाइन बनाने के लिए

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

  • क्या यह वास्तव में किया जा सकता है?
    आपने अपने शरीर की प्रतिलिपि के लिए एक अद्भुत फ़ॉन्ट चुना है, लेकिन क्या यह वास्तव में एक मानक HTML फ़ॉन्ट है? आपके पास एक ऐसा डिज़ाइन हो सकता है जो सुंदर दिखता है लेकिन 1100px चौड़ा है और इसके परिणामस्वरूप अधिकांश यूजर के लिए एक क्षैतिज स्क्रॉलर होगा। यह जानना महत्वपूर्ण है कि क्या और क्या नहीं किया जा सकता है, इसलिए मेरा मानना है कि सभी वेब डिज़ाइनर को साइटें भी बनाना चाहिए, कम से कम कभी-कभी।
  • जब स्क्रीन का आकार बदल जाता है तो क्या होता है?
    क्या आपको बैकग्राउंडस को दोहराते हुए की आवश्यकता है? वे कैसे काम करेंगे? क्या डिजाइन केंद्रित है या बायां-गठबंधन?
  • क्या आप तकनीकी रूप से मुश्किल कुछ भी कर रहे हैं?
    यहां तक कि सीएसएस पोजीशनिंग के साथ, वर्टीकल एलाइनमेंट जैसी कुछ चीजें अभी भी थोड़ी दर्दनाक होती हैं और कभी-कभी सर्वश्रेष्ठ से बचा जाता है। 
  • क्या आपके डिज़ाइन में छोटे बदलाव बहुत आसान हो सकते हैं कि आप इसे कैसे बनाते हैं?
    कभी-कभी किसी ऑब्जेक्ट को किसी डिज़ाइन के चारों ओर ले जाने के बाद आपको अपने सीएसएस को बाद में कोड में बड़ा अंतर हो सकता है।  विशेष रूप से, जब एक डिज़ाइन के तत्व एक-दूसरे को पार करते हैं, तो यह बिल्ड को थोड़ी जटिलता जोड़ता है। इसलिए यदि आपके डिज़ाइन में तीन तत्व हैं और प्रत्येक तत्व एक दूसरे से पूरी तरह से अलग है, तो निर्माण करना वास्तव में आसान होगा। दूसरी तरफ अगर एक तिहाई एक-दूसरे को ओवरलैप करते हैं, तो यह अभी भी आसान हो सकता है, लेकिन संभवतः थोड़ा अधिक जटिल हो जाएगा। आपको अपने बिल्ड को सरल बनाने के लिए जो अच्छा और छोटे बदलाव दिखते हैं, उसके बीच संतुलन दिखाना चाहिए।
  • बड़ी साइटों के लिए, विशेष रूप से, क्या आप चीजों को आसान बना सकते हैं?
    एक समय था जब मैं अपनी साइट्स के लिए इमेज बटन बना रहा था इसलिए अगर एक डाउनलोड बटन था, उदाहरण के लिए, मैं थोड़ा डाउनलोड इमेज बनाऊंगा। पिछले साल या तो, मैंने अपने बटन बनाने के लिए सीएसएस का उपयोग करने के लिए स्विच किया है और मैंने कभी वापस नहीं देखा है। बेशक, इसका मतलब है कि मेरे बटन हमेशा मेरे लिए इच्छा की फ्लेक्सिबिलिटी नहीं होते हैं, लेकिन दर्जनों छोटे बटन इमेजेज को बनाने के लिए समय की बचत बहुत बड़ी बात है।


अगर कोई अच्छा प्रकार जानता है कि यह iLoveTypography है!

5. टाइपोग्राफी

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

  • Font Choices - विभिन्न प्रकार के फ़ॉन्ट्स एक डिजाइन के बारे में अलग-अलग बातें कहते हैं। कुछ आधुनिक लगते हैं, कुछ रेट्रो लगते हैं। सुनिश्चित करें कि आप जॉब के लिए सही टूल का उपयोग कर रहे हैं।
  • Font sizes- साल पहले यह वास्तव में छोटे टेक्स्ट करने के लिए फैशनेबल था। खुशी से, इन दिनों लोगों को यह महसूस होना शुरू हो गया है कि टेक्स्ट पढ़ने के लिए है, ना सिर्फ देखने के लिए है। यह सुनिश्चित कर लें कि आपके टेक्स्ट आकार संगत, पढ़े जाने के लिए पर्याप्त हैं, और आनुपातिक हैं ताकि शीर्षकों और उप-शीर्षक उचित तरीके से खड़े हो जाएं।
  • Spacing - जैसा कि ऊपर चर्चा की गई है, अन्य वस्तुओं से लाइनों और दूर के बीच की दूरी पर विचार करना महत्वपूर्ण है। आपको पत्रों के बीच की दूरी के बारे में भी सोचना चाहिए, हालांकि वेब पर यह कम महत्व है, क्योंकि आपके पास इतना नियंत्रण नहीं है।
  • Line Length - कोई कठोर और तेज नियम नहीं है, लेकिन आम तौर पर टेक्स्ट की आपकी पंक्ति बहुत लंबी नहीं होनी चाहिए। वे जितने लंबे होंगे, उतने ही कठिन वे पड़ने के लिए होंगे। टेक्स्ट के छोटे कॉलम बहुत बेहतर होते हैं (सोचें कि एक समाचार पत्र कैसे टेक्स्ट देता है)।
  • Color - मेरी सबसे बुरी आदतों में से एक कम-कंट्रास्ट टेक्स्ट बना रहा है। यह अच्छा लग रहा है लेकिन इतना अच्छा पढने पर नहीं लग रहा, दुर्भाग्य से। फिर भी, मैं इसे हर वेब साइट डिजाइन के साथ करता हूँ जो मैंने कभी किया था, टीएसके टीएसके टीएसके।
  • Paragraphing - इससे पहले कि मैने डिजाइनिंग शुरू की, मुझे टेक्स्ट को सही ठहरना पसंद आया। यह मेरे पैराग्राफ्स के दोनों ओर अच्छे किनारों के लिए बनाया है। दुर्भाग्य से, उचित टेक्स्ट उन शब्दों के बीच अजीब अंतराल बनाने के लिए जाता है जहां वे स्वत: स्थान पर रहे हैं। यह आपकी आंखों के लिए अच्छा नहीं है जब पढ़ना है, तो बाएं-गठबंधन से चिपके रहें, जब तक आपके पास एक जादू का शरीर नहीं होता जो पूरी तरह से अंतरिक्ष में होता है।


आगे की पढाई:

वेब लाइज़िग्नेर वाल पर निक लाउ ने Typographic Contrast and Flow नामक ऑनलाइन टाइपोग्राफी के बारे में एक महान लेख दिया है।



हैप्पीकॉग बाहर के भीतर उपयोगिता पता है, और अपनी साइट सरल और प्रयोग करने में आसान है।

6. प्रयोज्यता

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

हमने पहले से ही प्रयोज्यता के कुछ पहलुओं पर चर्चा की - नेविगेशन, प्राथमिकता, और टेक्स्ट। यहां तीन और महत्वपूर्ण हैं:

  • मानक का पालन करना
    कुछ चीजें हैं जो लोगों की अपेक्षा करते हैं, और उन्हें भ्रम का कारण नहीं देते हैं। उदाहरण के लिए, यदि टेक्स्ट में एक रेखांकन है, तो आप एक लिंक होने की उम्मीद करते हैं। अन्यथा करना अच्छा उपयोगिता अभ्यास नहीं है। बेशक, आप कुछ सम्मेलनों को तोड़ सकते हैं, लेकिन आपकी वेबसाइट के अधिकांश लोगों को यह ठीक करना चाहिए कि लोग क्या करने की उम्मीद करते हैं!
  • इस बारे में सोचें कि यूजर वास्तव में क्या करेंगे
    Prototyping एक टूल है जिसका इस्तेमाल डिज़ाइन में वास्तव में 'आज़माने' के लिए किया गया है। यह इसलिए किया जाता है क्योंकि अक्सर जब आप वास्तव में किसी डिज़ाइन का उपयोग करते हैं, तो आप छोटी चीजें देखते हैं जो एक बड़ा अंतर बनाते हैं। एएलए में कुछ समय पहले एक लेख था, जिसे Never Use a Warning When You Mean Undo कहते हैं, जो कि एक छोटे इंटरफ़ेस डिज़ाइन के निर्णय का एकएक्सीलेंट एक्साम्प्ले है जो एक यूजर के लिए ज़िंदगी को चूस सकता है।
  • यूजर के कार्य के बारे में सोचें
    जब कोई यूजर आपकी साइट पर आता है तो वे वास्तव में क्या करने की कोशिश कर रहे हैं? लोगों को साइट पर विभिन्न प्रकार के कार्यों को सूचीबद्ध करना, वे उन्हें कैसे प्राप्त करेंगे, और आप उन्हें उनके लिए कितना आसान बनाना चाहते हैं। इसका अर्थ हो सकता है कि आपके होमपेज पर वास्तव में सामान्य कार्य (उदा।, शॉपिंग शुरू करें, 'हम क्या करें, आदि के बारे में जानें' आदि) हो सकता है या इसका मतलब यह हो सकता है कि एक खोज बॉक्स हमेशा आसानी से सुलभ हो। दिन के अंत में, आपका वेब डिज़ाइन लोगों के उपयोग के लिए एक उपकरण है, और लोगों को अन्नोयिंग टूल का उपयोग करना पसंद नहीं है!


आगे की पढाई:

AListApart lots of articles on web usability है।



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

7. एलाइनमेंट

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

आप विशिष्ट डिज़ाइन के बेस पर अपने डिज़ाइनों का ग्रिड भी कर सकते हैं। मुझे यह स्वीकार करना होगा कि मैं यह जानबूझकर नहीं करता - हालांकि जाहिर है कि एक साइट जैसे प्सटट्स + वास्तव में बहुत फर्म ग्रिड संरचना है।  इस साल मैंने ग्रिड डिज़ाइन पर कुछ बहुत अच्छे लेख देखे हैं जिनमें ग्रिड-आधारित दृष्टिकोण के साथ SmashingMagazine's Designing with Grid-Based Approach के बाहर एक सूची के अलावा Thinking Outside The Grid भी है। वास्तव में, यदि आप ग्रिड डिजाइन में दिलचस्पी रखते हैं, तो आपको निश्चित रूप से उचित रूप से नामित DesignByGrid.com घर की सभी चीजों के लिए एक यात्रा का भुगतान करना चाहिए।



अभिव्यक्ति इंजन साइट स्पष्टता की आत्मा है। सब कुछ तेज और साफ है।

8. स्पष्टता (तीव्रता)

Web design में आपके डिजाइन को क्रिस्प और शार्प रखना महत्वपूर्ण है। और जब यह स्पष्टता की बात आती है, तो यह पिक्सेल के बारे में है।

आपके सीएसएस में, सब कुछ पिक्सेल परिपूर्ण होगा, इसलिए चिंता करने के लिए कुछ भी नहीं है, लेकिन फ़ोटोशॉप में ऐसा नहीं है। एक शार्प डिजाइन प्राप्त करने के लिए आपको ये करना होगा:

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


आगे की पढाई:

मैंने Elements of Great Web Design - the polish में स्पष्टता के बारे में कुछ और लिखा है। मैंने देखा है कि प्रिंट डिज़ाइनर वेब डिज़ाइन में परिवर्तित हो रहे हैं, विशेष रूप से, पिक्सल में नहीं सोचते, लेकिन यह वास्तव में महत्वपूर्ण है।



वीरले को बोर्ड के सभी हिस्सों में भी सबसे कम-से-कम विवरण रखने का एक बहुत अच्छा काम करता है।

9. कंसिस्टेंसी

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

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

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

सीएसएस स्टाइलशीट्स का एक अच्छा सेट होने के बाद भी एक सुसंगत डिजाइन बनाने का एक लंबा रास्ता हो सकता है। कोर टैग जैसे <h1> और <p> को परिभाषित करने की कोशिश करें ताकि आपके डिफॉल्ट को ठीक तरह से मैच कर दें और हर समय विशिष्ट वर्ग के नामों को याद रखने से बचें।


आगे की रीडिंग:

ThinkVitamin लेख How CRAP is your design? चर्चा करता है कि पुनरावृत्ति पेज नीचे जा रहा है और यह कितनी महत्वपूर्ण है। यह लेख माइक रुंडल द्वारा लिखा गया है जो 9rules डिजाइन करता है, इसलिए आप जानते हैं कि यह पढ़ने योग्य है!

मेरी किताब लें!

इस लेख का आनंद लिया? मैंने फ़्रीलिंग पर बस एक किताब पूरी कर ली है, जिसे आप एक ईबुक के रूप में ऑनलाइन खरीद सकते हैं। How to Be a Rockstar Freelancer अधिक जानने के लिए आगे बढ़ें।

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.