DIY शुरुआती के लिए 9 आवश्यक वेब डिज़ाइन टिप्स

वेब डिजाइन मूल सिद्धांत & किसी भी स्तर के शुरुआती लोगों की मदद करने के लिए सर्वोत्तम अभ्यास एक पेशेवर डिजाइन & खुद के द्वारा चिकना दिखने वाली वेबसाइट.


शुरुआती के लिए वेब डिज़ाइन टिप्स

इन दिनों किसी के लिए भी वेब डिजाइनर होना संभव है। हां, यह एक साहसिक कथन है – लेकिन ओपन-सोर्स डिज़ाइन सॉफ़्टवेयर जैसे बढ़ी पहुंच के साथ तार से पुष्ट किया हुआ फ़ीता, और Wix और Weebly बाजार में बाढ़, जैसे लाइन के बीच DIY साइट निर्माण प्लेटफार्मों के साथ शौक़ीन व्यक्ति और बोना फील करते हैं वेब डिजाइनर देर के रूप में बहुत पतले और खतरनाक हो गया है। रचनात्मकता के बारे में दिलचस्प बात यह है कि जब आप एक निश्चित भूमिका को भरने के लिए “तैयार” होते हैं तो कोई भी आपके लिए फैसला नहीं कर सकता है। बहुत सारे रॉक सितारों ने कभी संगीत की शिक्षा नहीं ली; कई सफल कलाकारों ने कभी मानव शरीर रचना विज्ञान का अध्ययन नहीं किया; और वहां के अधिकांश वेब डिज़ाइनर औपचारिक डिग्री नहीं रखते हैं। इसलिए, यदि आपने अपना व्यवसाय वेबसाइट बनाया है, तो क्या आप विश्वास के साथ कह सकते हैं कि आप “वेब डिज़ाइनर” हैं? यह आपको निर्धारित करना है.

DIY साइट बिल्डिंग प्लेटफॉर्म के साथ वेब डिजाइनर बनना किसी के लिए भी संभव है.

ट्वीट पर क्लिक करें

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

यह मार्गदर्शिका क्या है (और यह क्या है)

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

जल्द सलाह: HTML और CSS का बेसिक ज्ञान किसी भी भागदौड़ वाले वेब डिजाइनर के लिए बहुत बड़ा लाभ होगा। यदि आप वास्तव में अपने हाथों को कोडिंग में लाना चाहते हैं, तो मेरा सुझाव है कि बाहर की जाँच करें W3Schools नींव के बारे में अधिक जानने के लिए.

शुरुआती के लिए वेब डिजाइन की मूल बातें

चलो इसे नीचे उतरो, क्या हम? अपनी पहली वेबसाइट बनाते समय यह जानने के लिए कुछ सबसे उपयोगी रुझान और दिशानिर्देश दिए गए हैं:

1. माउस को दूर रखो, एक पेंसिल उठाओ

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

वेबसाइट वायरफ्रेम उदाहरणउपयोगकर्ता अनुभव (UX) में सुधार और समय की बचत करते हुए एक वेबसाइट वायरफ्रेम आपकी वेबसाइट के लिए एक लेआउट और संरचना विकसित करने में मदद करता है.

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

2. एक पदानुक्रम का पालन करें

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

सामग्री को “फोल्ड के ऊपर” रखें

हम लोड की गई सामग्री की उस प्रारंभिक स्क्रीन को “फोल्ड” कहते हैं – और उसके नीचे की हर चीज जिसे देखने के लिए स्क्रॉल किया जाना चाहिए, को गौण माना जाता है। आम तौर पर, आपकी सबसे महत्वपूर्ण जानकारी “गुना के ऊपर” बैठती है। इस क्षेत्र के भीतर पूरा करने के लिए मुख्य बात यह है कि उपयोगकर्ता को कार्रवाई करने के लिए लुभाना या आगे स्क्रॉल करने के लिए प्रोत्साहन उत्पन्न करना है.

एक “हीरो” छवि का उपयोग करना

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

हीरो की छवि / बैनर उदाहरण

“फोल्ड” डिवाइस के आधार पर बदल सकता है

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

जल्द सलाह: अंगूठे का सामान्य नियम यह सुनिश्चित करना है कि “गुना से ऊपर” सामग्री स्क्रीन आयामों के सबसे कम सामान्य भाजक के भीतर फिट होती है। यह आमतौर पर के रूप में स्वीकार किया जाता है 768 पिक्सेल ऊर्ध्वाधर संकल्प की.

3. टाइपोग्राफी योर डिजाइन

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

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

4. रंग & कंट्रास्ट क्रूसियल हैं

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

वेब डिजाइन रंग उदाहरणब्लू एक ऐसा रंग है जो विश्वास और विश्वास पैदा करता है, जो वित्त-संबंधित वेबसाइटों के लिए एक लोकप्रिय विकल्प है.

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

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

जल्द सलाह: बचना सबसे अच्छा है पूर्ण संतृप्ति वेब पर रंगों के साथ। प्योर रेड (हेक्स वैल्यू # ff0000) आंखों पर थोड़ा सा पंच है। इसी तरह, फोंट के लिए शुद्ध ब्लैक (# 000000) आंखों के लिए बहुत दृढ़ता से कंपन करने के लिए जाता है, जबकि थोड़ा कम काला (# 333333) आसान पढ़ने के लिए बनाता है.

आप पृष्ठभूमि छवियों के खिलाफ अपने पाठ को पॉप करना चाहते हैं। बहुत व्यस्त तस्वीरों का उपयोग करना पाठ से विचलित कर सकता है, इसलिए इस समस्या से बचने के लिए या तो उन तस्वीरों का उपयोग करें जो कम विस्तृत हैं, या पाठ के नीचे की छवि को नरम करने में मदद करने के लिए, rgba (51,51,51,0.5) का एक ओवरले का उपयोग करें।.

छवि ओवरले उदाहरणपृष्ठभूमि से पॉप में मदद करने के लिए पाठ के पीछे एक ओवरले का उपयोग करें.

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

6. चित्रों का उपयोग करना

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

फ़ाइल प्रकारों को समझना & दबाव

एक अतिरिक्त कदम है जो वेब पर छवियों का उपयोग करने के लिए लिया जाना चाहिए। उन फैंसी फ़ोटो को आप जैसी साइटों से प्राप्त करते हैं Shutterstock तथा iStock काफी भारी हो सकता है (5,000+ क्षैतिज पिक्सेल और आकार में 10+ मेगाबाइट) जो प्रिंट के लिए ठीक है, लेकिन वे वेबसाइटों के लिए अयोग्य हैं। हर किसी के पास सुपरफ़ास्ट फाइबर इंटरनेट नहीं है, इसलिए आपको लोडिंग समय के लिए समायोजित करने के लिए अपनी छवियों के आकार को कम करना होगा (यदि साइट लोड होने में 3 सेकंड से अधिक समय लगता है तो आगंतुकों के 40% का उल्लेख नहीं होगा!)। आमतौर पर, आप अपनी प्रत्येक छवि को एक पर रखना चाहते हैं अधिकतम 500 किलोबाइट आकार में, हालांकि आपकी औसत फ़ाइल का आकार संभवतः आसपास होना चाहिए 100 किलोबाइट.

  • जेपीईजी तस्वीरों के लिए मानक प्रारूप है। यह एक हानिपूर्ण प्रारूप है, जिसका अर्थ है कि संकुचित होने पर इसकी छवि गुणवत्ता कम हो जाती है। यदि आप एक पूर्ण-चौड़ाई वाली पृष्ठभूमि छवि के लिए JPEG का उपयोग कर रहे हैं, तो मैं इसके क्षैतिज रिज़ॉल्यूशन को रखने की सलाह देता हूं 1200px से कम नहीं. सामान्य उद्देश्यों के लिए, 600px से कम की किसी भी छवि का उपयोग करने से बचें क्षैतिज रिज़ॉल्यूशन, क्योंकि यह आधुनिक स्क्रीन पर धुंधली दिखाई देगा.
  • पीएनजी ग्राफिक्स के लिए या उन छवियों के लिए पसंदीदा विकल्प है जिनकी आवश्यकता है पारदर्शिता. यह एक दोषरहित प्रारूप है, जो छवि गुणवत्ता बनाए रखने के लिए बहुत अच्छा है, लेकिन फ़ाइल आकार भी बढ़ा सकता है। आम तौर पर आप चित्र, आइकन, या छोटी छवियों के लिए PNG ग्राफिक्स का उपयोग नहीं करेंगे, जो उनकी पारदर्शिता के कारण अन्य तत्वों के शीर्ष पर खड़ी हो सकती हैं। आपको शायद ही कभी पीएनजी की आवश्यकता 1000px से अधिक हो.
  • एसवीजी (स्केलेबल वेक्टर ग्राफिक) एक नया प्रारूप है जो प्रतिस्थापित कर रहा है GIF और यहां तक ​​कि कुछ मामलों में पीएनजी भी। एसवीजी की सुंदरता यह है कि यह जितना बड़ा हो सकता है या छोटे परदे पर हो सकता है, आपको इसे सही स्पष्टता और कुरकुरापन (और अभी भी एक छोटा फ़ाइल आकार) बनाए रखना चाहिए। आपको किसी भी लोगो, आइकन, या के लिए SVG का उपयोग करने पर विचार करना चाहिए वेक्टर ग्राफिक आपकी वेबसाइट पर; चूंकि उच्च डीपीआई डिस्प्ले अब आम हो रहे हैं, एसवीजी का तेज सबसे बड़ी छवि गुणवत्ता प्रदान करेगा.

छवि फ़ाइल प्रकार के उदाहरण

6. मोबाइल-पहला डिज़ाइन

अब हम ऐसे समय में पहुंच गए हैं, जहां अधिकांश लोग डेस्कटॉप कंप्यूटर के बजाय अपने फोन से ऑनलाइन सामग्री का उपभोग करते हैं। परिणामस्वरूप, विशेष रूप से मोबाइल अनुभव के लिए दर्जी के लिए वेब डिजाइन में कहीं अधिक व्यापकता है, जिसके कारण “मोबाइल-पहले” डिजाइन दर्शन का नेतृत्व किया गया है.

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

आपका मोबाइल लेआउट एक अधिक ऊर्ध्वाधर डिज़ाइन मानता है जो स्क्रॉलिंग को प्रेरित करता है, बजाय एक डेस्कटॉप के विस्तृत परिदृश्य के। यदि कहें, आपका उत्पाद पृष्ठ डेस्कटॉप पर 3 के ग्रिड में लिस्टिंग दिखाता है, तो आमतौर पर आपका मोबाइल लेआउट उन्हें केवल एक कॉलम के रूप में प्रदर्शित करेगा.

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

जल्द सलाह: सुनिश्चित करें कि आपकी साइट पर कोई एकल तत्व, विशेष रूप से यदि यह संवादात्मक है, से कम नहीं है 44px से 44 गुणा आकार में। क्यों? यह सबसे छोटा लक्ष्य है जहां उंगली अभी भी इसे सही ढंग से टैप कर सकती है.

7. चीजें संभाल कर रखें

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

8. यह सरल है

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

क्या बॉक्स छाया आवश्यक हैं? पागल, अलंकृत पैटर्न? रंगों के दर्जनों? शायद ऩही.

9. बिग ओपन स्पेस

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

निष्कर्ष

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

एक डिजाइनर का जन्म हुआ है!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map