वेब डिझाइन
लेखात लेआउट (Layout) खूप महत्त्वाचे आहे. वाचकांना आकर्षित करण्यासाठी आणि माहिती सुलभपणे समजण्यासाठी लेआउटची भूमिका महत्त्वपूर्ण असते.
लेआउटचे फायदे:
- आकर्षकता: चांगला लेआउट लेख आकर्षक बनवतो, ज्यामुळे वाचक तो वाचायला प्रवृत्त होतो.
- सु वाचनक्षमता: योग्य लेआउटमुळे लेख वाचायला सोपा होतो. Font size, spacing आणि headings चा योग्य वापर केल्याने वाचन सुलभ होते.
- समजण्यास सोपे: माहिती योग्य प्रकारे मांडल्यास वाचकाला ती सहज समजते. Subheadings, bullet points आणि numbered lists चा वापर माहिती स्पष्टपणे सादर करतो.
- स्ट्रक्चर: योग्य लेआउट लेखाला एक विशिष्ट स्ट्रक्चर देतो, ज्यामुळे वाचकाला माहितीचा क्रम समजतो.
लेआउटमध्ये काय काय महत्त्वाचे आहे:
- हेडिंग (Heading) आणि सबहेडिंग (Subheading): यांचा वापर करून माहिती वेगवेगळ्या भागांमध्ये विभागली जाते.
- फॉन्ट (Font) आणि आकार (Size): वाचायला सोपे फॉन्ट वापरा आणि योग्य आकार निवडा.
- Spacing (अंतर): ओळींमध्ये आणि paragraphs मध्ये योग्य अंतर ठेवा.
- Bullet points आणि Numbered lists: माहिती क्रमवार देण्यासाठी यांचा वापर करा.
- चित्रे आणि आकृत्या: आवश्यक असल्यास चित्रे आणि आकृत्यांचा वापर करा, ज्यामुळे माहिती अधिक स्पष्ट होईल.
वेब डिझाइन घरी बसून नक्कीच शिकता येते. आजकाल ऑनलाइन शिक्षणामुळे हे अधिक सोपे झाले आहे.
वेब डिझाइन शिकण्यासाठी काही भाषा आणि तंत्रज्ञान (Technology) शिकावे लागतात, त्यापैकी काही प्रमुख खालीलप्रमाणे आहेत:
-
HTML (हायपरटेक्स्ट मार्कअप लैंग्वेज):
HTML ही वेबपेजची रचना (Structure) तयार करण्यासाठी मूलभूत भाषा आहे. वेबपेजवर टेक्स्ट, इमेज, व्हिडिओ आणि इतर घटक कसे दाखवायचे हे HTML ठरवते.
अधिक माहितीसाठी: W3Schools HTML Tutorial
-
CSS (कास्केडिंग स्टाइल शीट्स):
CSS चा उपयोग वेबपेजला रंग, फॉन्ट आणि लेआउट (layout) देण्यासाठी होतो. यामुळे वेबसाईट आकर्षक दिसते.
अधिक माहितीसाठी: W3Schools CSS Tutorial
-
JavaScript:
JavaScript वेबपेजला इंटरॲक्टिव्ह (interactive) बनवते. उदाहरणार्थ, क्लिक केल्यावर काय व्हायला पाहिजे किंवा फॉर्म कसा व्हेरिफाय (verify) करायचा हे JavaScript ठरवते.
अधिक माहितीसाठी: W3Schools JavaScript Tutorial
-
Responsive Design:
तुमची वेबसाईट मोबाइल, टॅबलेट आणि डेस्कटॉपवर व्यवस्थित दिसायला हवी. यासाठी Responsive Design शिकणे आवश्यक आहे.
अधिक माहितीसाठी: W3Schools Responsive Web Design
-
वेब होस्टिंग (Web Hosting) आणि डोमेन (Domain):
वेबसाइट बनवल्यानंतर ती ऑनलाइन ठेवण्यासाठी वेब होस्टिंग आणि डोमेनची माहिती असणे आवश्यक आहे.
-
UI/UX Design:
UI (user interface) आणि UX (user experience) डिझाइन शिकल्यास, वेबसाईट वापरकर्त्यांसाठी अधिक सोपी आणि आकर्षक बनवता येते.
तुम्ही w3schools.com आणि mozilla.org या वेबसाइट्सवरुन या भाषा आणि तंत्रज्ञान शिकू शकता.
तर, आपल्याकडे एक प्रकल्प आहे आणि आपल्यास योग्य डिजिटल एजन्सीची आवश्यकता आहे परंतु विविध संस्था काय करतात हे समजणे कठीण आणि कठिण आहे. ते स्वत: चे वर्णन करण्यासाठी वापरत असलेली भाषा परिवर्णी शब्द आणि अंतर्गत संदर्भांनी परिपूर्ण आहे; जवळजवळ सर्वच स्वत: ला वेब डिझायनर म्हणून विकतात, तर काहींनी युएक्स डिझाईनमध्ये तज्ज्ञ असल्याचा दावा केला आहे आणि यानंतर काही यूआय डिझाइन करतात. थोडा गोंधळ उडाला आहे? या पोस्टमध्ये मी या प्रत्येक शाखेत थोडक्यात लक्ष देईन, वेब डिझाइन, यूएक्स डिझाइन आणि यूआय डिझाइनमधील फरक आणि हे डिझाइनर घेणार्या ग्राहकांना ते का महत्त्वाचे आहे हे स्पष्ट करेन.
· वेब डिझाइन :
वेब डिझायनर्स आज सहसा तज्ञ होण्यासाठी व्हिज्युअल डिझाइनचे प्रशिक्षण असलेले आधुनिक युग ग्राफिक डिझाइनर आहेत:
1. सर्जनशील संकल्पना
2. रंग सिद्धांत
3. टायपोग्राफी
4. चिन्ह विकास
5. आकृत्या
6. इन्फोग्राफिक्स
परस्पर क्रियाशीलता, म्हणजेच रोलओव्हर्स, ड्रॉप-डाउन मेनू, डिजिटल स्लाइडशो, कॉल-टू-buttक्शन बटणे आणि फॉर्म.
वेब डिझायनरकडे माहिती आर्किटेक्चर (आयए), एचटीएमएल आणि जावास्क्रिप्ट कोडींगचे मूलभूत ज्ञान असू शकते, परंतु बहुतेक डिझाइनर्सनी उत्पादनासाठी कोड फिट आणि आयएसाठी माहिती आर्किटेक्ट लिहिण्यासाठी वेब विकसकासह भागीदारी करणे आवश्यक आहे. वेब डिझायनर व्हिज्युअल आणि मेसेजिंग दोन्ही दृष्टीकोनातून क्लायंटच्या ब्रँडवर देखील केंद्रित आहे.
· यूआय डिझाइन:-
यूआय म्हणजे यूजर इंटरफेस, जे सॉफ्टवेअर वर्ल्डमध्ये येते ज्यामध्ये वापरकर्त्याचे इंटरफेस उत्पादन असते. यूआय डिझाइनर पारंपारिकपणे मानवी इंटरफेसमध्ये मशीन डिझाइन करण्यासाठी तज्ञ आहेत. यूआय डिझाइनमधील ऑपरेटिंग प्रिंसिपल "फॉर्म फॉलोअस फंक्शन" ही म्हणी आहे.
वेबसाइट्सच्या बाबतीत, यूआय डिझाइन हे फ्रंट-एंड डेव्हलपमेंटचे अधिक प्रतिशब्द आहे, म्हणजे, जटिल माहिती, कार्ये आणि कार्यप्रवाह व्यवस्थापित करणे आणि अंतर्ज्ञानी असलेल्या पडद्यांमध्ये आणि प्रवाहांमध्ये ते विलीन करणे आणि काहीतरी जटिल बनवते जे सोपे दिसते. थोडक्यात, यूआय डिझाइन प्रोग्रामिंग आणि डिझाइनचे प्रतिच्छेदन दर्शवते.
वेब डिझाईन, यूएक्स डिझाईन आणि यूआय डिझाइन हे परस्पर विशेष नसतात आणि खरं तर बर्याच वेबसाइट अनुभवांमध्ये तिन्ही घटक असतात. संभाव्य ग्राहक काम करण्यासाठी वेगवेगळ्या एजन्सीकडे पहात असल्याने, आपल्यासाठी कोणता जोर सर्वात महत्वाचा आहे हे आपण परिभाषित करू शकत असाल तर ते आपली एजन्सी निवड कमी करण्यात मदत करेल. एजन्सी भाषा त्यांच्या स्वत: च्या वेबसाइटवर वापरतात जिथे ते सर्वात बलवान असतात यावर जोर देण्यासाठी, आपल्याला फक्त बटणे दरम्यान वाचण्याची आवश्यकता असू शकते!
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
सौरभ दिवटे
CEO
कॉप्टरव्हीजन इन्फोकॉम प्रायव्हेट लिमिटेड
~ www.Qoptervzn.com ~
कंपनीचे बिजनेसेस -
www.ApnaSaman.com
ईकॉमर्स ( ऑनलाईन शॉपिंग वेबसाईट )
www.GrowthApple.com
सॉफ्टवेयर, एप्लिकेशन्स, वेबसाईट्स डेव्हलपमेंट आणि डिजिटल मार्केटिंग ची वेबसाईट
www.GrowthApple.xyz
वेब होस्टिंग, डोमेन, VPS च्या सेवा देणारी वेबसाईट
मुंबई:
- डिजीपी सॉफ्टवेअर (DigiP Software) https://www.digipsoftware.com/web-designing-course-mumbai.html
- आयआयडीटी (IIDT) https://www.iidt.co/web-designing-course-mumbai/
- झिका कॉम्प्युटर एज्युकेशन (ZICA Computer Education)
पुणे:
- डिजीपी सॉफ्टवेअर (DigiP Software) https://www.digipsoftware.com/web-designing-course-pune.html
- आयआयडीटी (IIDT) https://www.iidt.co/web-designing-course-pune/
- सी-डॅक (C-DAC)
नागपूर:
- आयआयडीटी (IIDT) https://www.iidt.co/web-designing-course-nagpur/
- झिका कॉम्प्युटर एज्युकेशन (ZICA Computer Education)
नाशिक:
- आयआयडीटी (IIDT) https://www.iidt.co/web-designing-course-nashik/
१९८८-२००१
इंटरनेटशिवाय हलते ग्राफिक्स, टायफोग्राफी, संगीत इत्यादी गोष्टींची कल्पना करता येणे अशक्य आहे. हा प्रत्येक व्यक्तीच्या आयुष्यातील महत्त्वाचा भाग झालेला आहे.
वेब आणि वेब डिझाईनची सुरुवात
१९८९ मध्ये टीम बर्न्सस-लि यांनी सीईआरएन कंपनीमध्ये काम करत असतांना ग्लोबल हायपरटेक्स प्रोजेक्ट तयार केले जे नंतर सर्व जगात वेब साठी वापरले गेले. १९९१ - १९९३ च्या दरम्यान संपूर्ण जगात वापरता येण्यासारखे वेब तयार झाले. त्या काळात साध्या ओळींनी बनविलेले ब्राऊझर वापरुन पानांवरील मजकूर बघता येत होता. १९९३ मध्ये मार्क ॲर्न्डसीन आणि एरिक बिना यांनी तयार केलेल्या मोझॅक ब्राउझरमुळे पूर्वी बनविण्यात येणा-या आवाजाशिवाय आणि ग्राफिकशिवायच्या ब्राउझरचा ढाचा संपूर्णपणे बदलून गेला. १९९४ मध्ये तयार झालेल्या डब्ल्यू३सी या तंत्रामुळे जावास्क्रीप्ट, एचटीएमएल, कॅसकॅडिंग यासारख्या संपूर्ण जगात वापरता येण्यासारखे ब्राउझर तयार झाले.
वेब डिझाईनिंगमधील क्रांती
१९९६ च्या सुमारास मायक्रोसॉफटने पहिले स्पर्धात्मक ब्राऊझर तयार केले. यानंतर वेब डिझायनिंगमध्ये क्रांती घडून अनेक ब्राऊझर तयार करण्यात आले आणि त्यांच्यामध्ये स्पर्धा घडू लागली. १९९६ मध्ये सुधारित झालेल्या फलश या तंत्रज्ञानामुळे ब्राऊझरची मोठया प्रमाणावर निर्मिती होवू लागली आणि साईट विकसित करण्यासाठी याचा खूप उपयोग झाला.
पहिल्या बॉउझर युध्दाची समाप्ती
२००० मध्ये मायक्रोसॉप्टने विकसित केलेल्या इंटरनेट एक्सप्लोररमुळे नेटस्केपसारख्या कंपनीची मायक्रोसॉप्टबरोबर असलेली स्पर्धा संपूष्टात आली आणि नेटस्केपला या युध्दातून माघार घ्यावी लागली. इंटरनेट एक्सप्लोरर या ब्राउझरमुळे मायक्रोसॉप्टची वेब डिझायनिंगच्या क्षेत्रामधील मक्तेदारी कायम राहिली.
२००१-२०१२
२१ व्या शतकाच्या सुरूवातीस वेबच्या तंत्रज्ञानामध्ये जसजसे बदल होत गेले तसतसे लोकांच्या आयुष्यामध्ये वेबचे महत्त्व वाढत गेले.
मॉर्डन ब्राऊझर
मायक्रोसॉप्ट इंटरनेट एक्सप्लोररपेक्षा चांगल्या प्रतीचे नवीन ब्राऊझर अस्तित्त्वात आल्यामुळे त्यांच्यामधील स्पर्धा कमी झाली.
नवीन परिमाणे
डब्ल्यू३सी कडून एचटीएमएल (एचटीएमएल५) आणि सीएसएस (सीएसएस३), नवीन जावास्क्रिप्ट एपीआय ही नवीन परिमाणे अस्तित्त्वात आल्यामुळे याचा वापर सर्वांना करता येणे शक्य झाले.
नवीन क्ल्युप्त्या आणि तंत्रज्ञान
एचटीएमएल५, सीएसएस३ आणि जावास्क्रिप्ट ही नवीन ब्राउझर असून ती जगभरात वापरली जातात.
कौशल्य आणि तंत्रे
उत्पादनाच्या प्रकाराप्रमाणे वेब डिझायनरला डीझाईन करताना आज्ञावल्या वापराव्या लागतात. दिवसेंदिवस तंत्रज्ञानामध्ये बदल होत जातो त्याप्रमाणात नवीन परिमाणे तयार केली जातात आणि वापरात आणली जात असली तरी त्यामागील मूळ तत्व बदलत नाही.
बाजारपेठ आणि संवाद आराखडा
वेबसाईटवरील मार्केटिंग आणि कम्युनिकेशन डिझाईन एका ठराविक गट समूहासाठी असून ती बनविताना वयोगटाचा , त्या भागातील परंपरांचा विचार करणे आवश्यक आहे. अशा प्रकारची वेबसाईट बनविताना माहिती अचूक आणि स्पष्ट असावी लागते.
यूझर एक्सप्रिरीअन्स डिझाईन आणि इंटरॲक्टीव्ह डिझाईन
वेबसाईट कशा प्रकारे काम करते याची जाण असणा-या दर्शकांना वेब डिझाईन केलेल्या साईटमधील तपशील लक्षात येउु शकतो. म्हणजेच जाणकार माणूस वेबसाईट मधील तपशीलाचा अचून वापर करुन स्वत:च्या फायदयासाठी वापरू शकतो.
पेज लेआउुट
पेजलेआऊट ची प्रतवारी हा वेब डिझायनिंग करताना महत्त्वाचा मुद्दा असून वापरणा-यांवर त्याचा परिणाम होत असतो. डिझायनरला साईटचे पान बनविताना त्या पानाचा पिक्सेल विडथ लक्षात घ्यावी लागते आणि त्यानुसार वेबसाईट डिझाइन करावी लागते. जगप्रसिध्द ब्राउझर विंडो असलेल्या वेबसाईटमध्ये पेज विडथ सर्वत्र सारखीच असल्याचे दिसून आले आहे.
टायपोग्राफी
वेबसाईट बनविण्याची पद्धत सर्वत्र सर्वसाधारणपणे सारखीच असते. गुंतागुंत टाळण्यासाठी ठराविक फॉण्ड असलेलेच ब्राऊझर वापरले जातात. सफारी ३.१, ऑपेरा १० आणि मोझिला फायरफॉक्स ३.५ हे सर्वसाधारण वापरण्यात असलेले ब्राऊझर आहेत.
मोशन ग्राफीक्स
वेब डिझाईनिंगमध्ये हलते चित्र वापरल्यास पानांचे लेआऊट आणि वापरणा-याचा दृष्टीकोन यांवर फार मोठा प्रभाव पडतो. मनोरंजनत्मक वेबसाईट तयार करताना हलते चित्र वापरणे योग्य ठरते परंतू वैचारीक, गंभीर, व्यापार किंवा शासन विषयक वेबसाईट विषयाच्या गांभीर्यामुळे हलत्या चित्रांचा कमीत कमी वापर केला जातो.
Benefits of Learning Web Design
वेब डीझाईन शिकण्याचे फायदे
वेब डीझाईन शिकण्याचे अनेक फायदे आहेत. वेब डीझाईन एक चांगला करीअर ऑप्शन आहेच, पण त्याहुनही आणखी काही फायदे आहेत. ईंटरनेट जोमाने वाढत आहे आणि वाढतच जाणार आहे. छपाईयंत्राच्या शोधानंतर प्रकाशन क्षेत्रात अमुलाग्र बदल झाला होता, त्याहुनही कित्येक पटीने जास्त बदल वेबसाईट्सच्या वापरामुळे झाला आहे आणि यापुढेही होणार आहे. नव्या जगाचे हे नवे तंत्र आत्मसात केले नाही तर आपण मागे पडणार हे नक्की !
वेब डीझाईन हा कमीत कमी खर्चात, कमीत कमी भांडवलाच्या सहाय्याने घरच्या घरी करता येण्यासारखा उद्योग आहे. आणि जागतीक बाजारपेठेत या ज्ञानाला मागणीही मोठी आहे.
चांगले उत्पन्न, नाविन्यपुर्ण कामाचा आनंद आणि आपल्या वेळेनुसार व मर्जीनुसार काम करण्याची सोय असे अनेक फायदे देणारे "वेब डीझाईनींग"चे क्षेत्र निश्चीतच खुप आकर्षक आहे !
तुम्ही डीटीपी (DTP), फोटोशॉप (Photoshop), कोरल ड्रॉ (Corel Draw) आणि वेब डिझायनिंग (Web Designing) शिकण्यासाठी YouTube वर मराठी चॅनेल शोधत आहात, हे जाणून मला आनंद झाला. तुमच्यासाठी काही उपयुक्त चॅनेल्स खालीलप्रमाणे:
डीटीपी (DTP) आणि फोटोशॉप (Photoshop) साठी:
-
टेक्नो सायबर एज्युकेशन (Techno Cyber Education): हा चॅनेल मराठीतून फोटोशॉप आणि इतर ग्राफिक डिझाइन सॉफ्टवेअर शिकवतो.
टेक्नो सायबर एज्युकेशन -
मराठी शिकवण (Marathi Shikvan): या चॅनेलवर तुम्हाला फोटोशॉपचे बेसिक ज्ञान मिळेल.
मराठी शिकवण
कोरल ड्रॉ (Corel Draw) साठी:
-
मयूर ग्राफिक्स (Mayur Graphics): कोरल ड्रॉ शिकण्यासाठी हा चॅनेल चांगला आहे.
मयूर ग्राफिक्स
वेब डिझायनिंग (Web Designing) साठी:
-
ॲपिकॉम करियर (Appicom Career): वेब डिझायनिंग आणि डेव्हलपमेंट मराठीतून शिकण्यासाठी हा चॅनेल उपयुक्त आहे.
ॲपिकॉम करियर -
एस. एम. इन्फोटेक (S. M. Infotech): वेब डिझायनिंगचे ट्युटोरिअल मराठी भाषेत पाहण्यासाठी तुम्ही हा चॅनेल बघू शकता.
एस. एम. इन्फोटेक
तुम्ही तुमच्या आवडीनुसार आणि गरजेनुसार या चॅनेल्सना भेट देऊन शिक्षण घेऊ शकता. या चॅनेल्सवर तुम्हाला बेसिकपासून ॲडव्हान्सपर्यंत सर्व माहिती मराठीतून मिळेल, ज्यामुळे तुम्हाला घरी बसून हे कोर्सेस शिकणे सोपे जाईल.