ToWave ऑनलाइन संस्करण का नया डिजाइन

एक महीने से कुछ अधिक समय पहले हबेरा पर इंटरनेट प्रकाशन ToWave.ru से एक प्रतियोगिता हुई थी, जिसमें परियोजना के विकास के लिए विचारों, टिप्पणियों और सुझावों को व्यक्त करने के लिए habrayuzers को प्रस्तावित किया गया था। पुरस्कार दिलचस्प थे - तीन सैमसंग गैलेक्सी टैब 2 7.0 पी 3110 8 जीबी टैबलेट, दो सैमसंग गैलेक्सी एस वाईफाई 5.0 8 जीबी टैबलेट और उपयोगी किताबें। दुर्भाग्य से, मैंने प्रतियोगिता को शुरुआत के कुछ दिनों बाद ही देखा था, और अधिकांश उपयोगी विचारों और युक्तियों को पहले ही व्यक्त किया जा चुका है। लेकिन, जैसा कि वे कहते हैं, सौ बार पढ़ने की तुलना में एक बार देखना बेहतर है।

इसलिए, मैंने डिजाइन के एक दृश्य प्रतिनिधित्व के साथ टिप्पणियों को पतला करने का फैसला किया। साइट के पुराने संस्करण का एक बड़ा दोष था समाचार और लेखों की खराब पठनीयता - सबसे बड़ा संसाधन मूल्य। परिणामी डिज़ाइन में, मैं सूचनात्मक "कचरा" की मात्रा को कम करना चाहता था और टाइपोग्राफी (क्लिक करने योग्य) में सुधार करना चाहता था:



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

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

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

grokru : प्रतियोगिता समाप्त हो गई, मैंने सैमसंग गैलेक्सी टैब 2 7.0 पी 3110 8 जीबी में से एक जीता, और इंटूरिस्ट ने शेष पृष्ठों के डिजाइन पर काम करने का प्रस्ताव दिया। मुझे अपने दिमाग को मुख्य भाग पर रैक करना था: बहुत सारी समतुल्य सामग्री हैं, इसे पृष्ठ पर सही ढंग से प्रस्तुत करना आवश्यक था। यहां बताया गया है कि साइट पहले कैसे दिखी (इस हैब्रेटोपिक में पहले के स्क्रीनशॉट भी हैं):



इंटरफ़ेस तत्वों की संख्या को कम करना आवश्यक था, विभिन्न प्रकार की सामग्री को नेत्रहीन रूप से अलग करना। परिणामस्वरूप, हमें ऐसी अवधारणा मिली (क्लिक करने योग्य):



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




लेआउट मुझे सौंपा गया था, इसलिए इस प्रक्रिया में साइट पर सामग्री के विभिन्न अभ्यावेदन के साथ प्रयोग करना संभव था। इस बिंदु पर, मैंने थोड़ा विपरीत (मुख्य रूप से टाइपोग्राफी) जोड़ा। परिणाम ऑनलाइन प्रकाशन ToWave.ru के रीडिज़ाइन का अंतिम संस्करण था।

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

डिजाइन लेआउट पूर्ण आकार में ।