Runet में प्रतियोगिताओं की कठोर वास्तविकताओं। कैसे UCoz ब्रेड डिजाइनर

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

रूसी में औसत शब्द की लंबाई अंग्रेजी की तुलना में लंबी है। इसलिए, आपको पाठ स्वरूपण (विशेष रूप से संकीर्ण कॉलम में) का उपयोग नहीं करना चाहिए। यह बहुत "तरल" लाइनों और ध्यान देने योग्य "गलियारों" और शब्दों के बीच असमान अंतराल को दर्शाता है।




संभवतः युकोज़ का एक कर्मचारी। इंटरफ़ेस तत्वों का 70% नहीं, लेकिन एक सेमी-फाइनलिस्ट।

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

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

मैं आपको याद दिलाता हूं कि अच्छा प्रयोज्य जूरी के अनुसार मुख्य चयन मानदंड है। हां, हम देखते हैं।




बस एक सवाल: "यह सेमीफाइनल में कैसे गया?" प्रदर्शन डेमार्ट की तरह है।



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

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



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

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




एक ब्लॉग के लिए, यह एक मस्तिष्क विस्फोट होगा। जानिए कहां है पोल?



कुछ असहज स्केच। मॉनिटर पर सीमित स्थान का उपयोग और अधिक तर्कसंगत रूप से किया जाना चाहिए।



जब युकोज़ मुड़ेगा तो ब्लॉग इतना शोकाकुल होगा। रचना असंतुलित (भारी बाईं ओर) है, अंधेरे भाग में पठनीयता कम है। तत्वों का स्थान विवादास्पद है।

शरीर पाठ के लिए फ़ॉन्ट आकार बहुत छोटा है, और लाइन रिक्ति बहुत बड़ी है। इस वजह से, पाठ crumbles। मुख्य परीक्षण के लिए लगभग 1.5-1.75x की अग्रणी का उपयोग करना बेहतर होता है (लोअरकेस अक्षरों की एक बड़ी ऊंचाई के साथ तोते के लिए), और शीर्षकों के लिए आमतौर पर 1-1.25x का उपयोग करते हैं।

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

वास्तव में फाइनल डिजाइनर की सूची में सबसे ऊपर है (लिखा है कि uCoz का नेतृत्व):



मुझे उसके सभी कार्यों के बारे में तुरंत कहना चाहिए, यह सबसे अच्छा है। बाकी आगंतुकों से नकारात्मक टिप्पणी थी। इसलिए, समापन इस व्यक्ति के लिए विशेष रूप से समर्पित नहीं है।

प्रारंभ में, काम करने के लिए टिप्पणियों में, इस तथ्य के कारण अन्य प्रतिभागियों के दावे थे कि कर्मचारी आधिकारिक तौर पर भाग ले रहा है, और उसके वरिष्ठ न्यायाधीश न्याय कर रहे हैं। आपत्तियां भी थीं कि प्रतियोगिता की घोषणा से 9 दिन पहले उसका काम पूरा हो गया था।

कार्यक्षमता पूरी तरह से तैयार नहीं है। सही कॉलम मैं नहीं चाहता कि सबसे अधिक के लिए clamped है। उपयोग किए जाने वाले पदों की तारीखें संक्षिप्त नाम के साथ महीने हैं। शेष 8 महीने, जिसमें महीने का नाम 2 गुना लंबा है, अब फिट नहीं होगा। समाचार में, कहीं बाईं ओर संरेखण, और कहीं प्रारूप में। लड़की ने संधि को संरेखित करना शुरू नहीं किया और साइट के नीचे छेद को बंद कर दिया। वह कर सकती है, वह एक सहकर्मी है। यह अजीब है कि टोपी में होम कंपनी के लोगो का उपयोग नहीं किया जाता है।

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




सुस्ती। कार्यात्मक रूप से, कुछ समझ से बाहर है। विशेष रूप से शीर्ष मेनू (जहां "ब्लॉग बनाएँ" बटन पर ध्यान केंद्रित है?), पृष्ठ पर अंक लगाना। मैं केंद्र में पेजिनेशन को संरेखित करूंगा, और सही कॉलम बढ़ाऊंगा ताकि शीर्षक समाचार के साथ स्तर पर हों, और खोज संख्या के साथ स्तर पर हो।

समाचार में, लेखक का नाम नाम से अधिक नहीं होना चाहिए। उस अनुभाग का नाम स्थित है जहां हम "विवरण" बटन का इंतजार कर रहे हैं, "विवरण" समझ से बाहर है। माध्यमिक जानकारी (तारीख, विचार) उस जगह पर ले जाया जाता है जहां हम पढ़ना शुरू करते हैं। वह इतना महत्वपूर्ण नहीं है।


बहुत पुराना दृश्य कार्य। वर्तमान तिथि बहुत ऊपर क्यों है?

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

प्रत्येक प्रविष्टि के शीर्षक के ऊपर लेखक, विचारों की संख्या है। हेडर खुद ज्यादातर 2 लाइनों और रेखांकित होते हैं। यह रेखांकित असामान्य और हास्यास्पद लगता है। जैसा कि किसी भी मुद्रित मामले में, आपको शीर्षक रखने की आवश्यकता है, और इसे नीचे 1 मर के साथ रेखांकित करें।

यहां सामाजिक पसंद की जरूरत नहीं है। हम यह नहीं कह सकते कि हमें केवल शीर्षक और शुरुआती पाठ पढ़ने के बाद यह लेख पसंद आया? "पूर्ण पाठ" मोटे लोगों के विचारों का सुझाव देता है। "अधिक पढ़ें" या "अधिक" बेहतर है।




टाइपोग्राफी इतनी गर्म नहीं है। लेखकों के मामले में, पोस्ट की तस्वीरों को बाईं ओर रखा जाना चाहिए। अन्यथा, हम चित्र को एक नज़र से "चलाते हैं", और फिर हमें सामान्य नेत्र आंदोलन के खिलाफ बाईं ओर के विवरण पर वापस लौटना होगा।

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



मुझे नहीं लगता कि यह 21 फाइनलिस्टों में से 1 है। नीचे एक छेद है।



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




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




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



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



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



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

मैं बाकी काम का वर्णन नहीं करूंगा, ताकि ज्यादा जगह न खींची जाए।

सेमीफाइनल

रीडिज़ाइन पूरी तरह से। रेडियो बटन को रेडियो बटन की तरह देखें, चेकबॉक्स (चेक बॉक्स) नहीं। अब उनकी उपस्थिति उपयोगकर्ता की उम्मीदों को धोखा दे रही है। तहखाने और टोपी में छाया के रूप में बन्स जोड़ते हैं और डिजाइन के मध्य भाग के रूप में उभरा होते हैं। तहखाने में ग्रे रंग बदलें।



दिलचस्प काम है। मैं इसे नीले रंग में अनुवाद करूंगा और तहखाने में पाठ के विपरीत को बढ़ाऊंगा।

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



बहुत बोल्ड हेडर, बहुत उज्ज्वल बटन विवरण। अनुभाग लेबल जगह से बाहर हैं। "एक ब्लॉग बनाएं" बटन को हेडर पर स्थानांतरित किया जाएगा (यह कंपनी की कमाई है)। सामान्य तौर पर, वे प्राधिकरण और उपयोगकर्ता मेनू के बारे में भूल गए। हम सामाजिक बटन लगाते हैं, और हम श्रेणी मेनू के तहत सामाजिक बटन लगाते हैं। लिंक अब सादे पाठ के साथ विलय कर रहे हैं। मैं मुख्य पाठ अवर्णी (ग्रे के रंगों में) बनाऊंगा, और लिंक को नीला करूंगा। एक अन्य विकल्प: पाठ का वर्तमान रंग और लाल लिंक।

कहीं नहीं गया

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



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



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

मेरा काम

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

प्रारंभ में नीले + नारंगी के रंगों की एक जोड़ी को चुना। यह एक पूरक रंग संयोजन है। पूरक विपरीत के अलावा, यह जोड़ी गर्म और ठंडे के विपरीत भी बनाती है। लाल-नारंगी सबसे गर्म रंग है, और फ़िरोज़ा (और इसके करीब) सबसे ठंडा है।


पीएस द युकोज़ परियोजना प्रबंधक (उन्होंने काम स्वीकार कर लिया) ने अपनी प्रतियोगिता में भविष्य की जीत के लिए अपनी टीम को बधाई दी।

चित्रों को कैसे केंद्र में रखा जाए, इसके लिए ICELedyanoj का धन्यवाद।