लोग न केवल उनके कपड़ों से बल्कि वेबसाइटों से भी मिलते हैं। साइट की पोशाक इसका डिज़ाइन है। संसाधन का एक उच्च-गुणवत्ता और आकर्षक डिज़ाइन उपयोगकर्ताओं पर एक अनुकूल प्रभाव डालता है, जिससे उनकी निष्ठा और आगे देखने के लिए अपना समय समर्पित करने की इच्छा सुनिश्चित होती है। गुणवत्ता के अलावा, डिजाइन की मौलिकता और विशिष्टता महत्वपूर्ण है। अच्छी तरह से पहने जाने वाले विषय आगंतुकों को पीछे हटाते हैं। लेकिन एक अद्वितीय डिजाइन विकसित करना महंगा है। यही कारण है कि कई नौसिखिए वेबमास्टर सोच रहे हैं कि अपने हाथों से वेबसाइट का डिज़ाइन कैसे बनाया जाए।
यह आवश्यक है
- - पेंसिल;
- - कागज;
- - रेखापुंज ग्राफिक्स संपादक GIMP या Photoshop;
- - वैकल्पिक: वेक्टर ग्राफिक्स संपादक (उदाहरण के लिए, CorelDraw);
- - वैकल्पिक: 3D मॉडलिंग वातावरण (3DStudio, ब्लेंडर);
- - आधुनिक ब्राउज़र;
- - इंटरनेट का इस्तेमाल।
अनुदेश
चरण 1
एक वेबसाइट डिजाइन अवधारणा विकसित करें। शैली, रंग योजना, पृष्ठ लेआउट (साइट हेडर आकार, मेनू स्थान, टेक्स्ट ब्लॉक, चित्र) पर निर्णय लें। यह अच्छा है अगर डिजाइन अवधारणा मूल विचारों पर आधारित है। लेकिन अगर उनमें कमी है, तो आप मौजूदा समाधानों के विश्लेषण से प्रेरणा ले सकते हैं। उदाहरण के लिए, लोकप्रिय सीएमएस विषयों के कैटलॉग ब्राउज़ करना। कार्य का परिणाम साइट पृष्ठ का एक स्केच हो सकता है, जो कागज की एक शीट पर पेंसिल में बनाया गया है, जो निश्चित और अलग-अलग आकारों के क्षेत्रों को दर्शाता है।
चरण दो
रैस्टर ग्राफ़िक्स संपादक में एक रिक्त साइट पृष्ठ टेम्पलेट बनाएँ। ग्राफिकल एडिटर में एक नया दस्तावेज़ खोलें। दस्तावेज़ का आकार क्षैतिज रूप से न्यूनतम पृष्ठ आकार से बहुत बड़ा होना चाहिए (भले ही आप "द्रव" डिज़ाइन बनाने का इरादा नहीं रखते हों) और लंबवत। एक नई पारदर्शी परत जोड़ें। अतिरिक्त परत में, तत्वों के वास्तविक आयामों का सम्मान करते हुए, 1 पिक्सेल मोटी लाइनों के साथ पृष्ठ टेम्पलेट की छवि बनाएं। निश्चित-चौड़ाई वाले पृष्ठ डिज़ाइनों के लिए, ऐसे हाशिये निर्दिष्ट करें जो पृष्ठभूमि रंग से भरे जाएंगे।
चरण 3
इंटरनेट से डाउनलोड करें या अपने खुद के पेज डिजाइन तत्वों को डिजाइन करें। लोगो और अद्वितीय डिज़ाइन तत्व 3D मॉडलिंग वातावरण, वेक्टर या रेखापुंज संपादक में बनाए जा सकते हैं। मुफ्त इंटरनेट फोटोबैंक में बड़ी संख्या में उच्च रिज़ॉल्यूशन की विषयगत छवियां निहित हैं। इंटरनेट पर मुफ्त आइकन संग्रह भी हैं जिनका आप अपनी परियोजनाओं में स्वतंत्र रूप से उपयोग कर सकते हैं।
चरण 4
एक वेबसाइट डिजाइन बनाएं। ग्राफ़िकल संपादक में वेबसाइट पृष्ठ के लिए टेम्पलेट वाले दस्तावेज़ में पारदर्शी परतें जोड़ें। उन क्षेत्रों को चुनें और भरें जो पृष्ठ की पृष्ठभूमि से मेल खाते हों। क्षेत्रों को ग्रेडिएंट फिल और आवधिक बनावट से भरें। लोगो, स्थिर चित्र, चिह्न डालें। ब्लॉक की सीमाएँ ड्रा करें। कुछ पाठ जोड़ें। प्रत्येक तैयार डिज़ाइन तत्व, स्थिर छवि और लोगो को एक अलग परत पर रखें। आवश्यक लेआउट प्राप्त करने के लिए छवियों को परतों में ले जाएँ।
चरण 5
ग्राफिक संपादक के "मूल" प्रारूप में साइट डिज़ाइन के कार्यशील "स्रोत" को सहेजें। यह आपको बाद में इसे संपादित करने के लिए वापस जाने की अनुमति देगा।
