सामग्री
- एक प्रतिसाद पद्धत
- मी प्रथम सामग्री कशी ठेवू?
- का?
- 01. आपला व्यवसाय आणि वापरकर्ता लक्ष्ये परिभाषित करा
- 02. प्रत्येक संधीचा संदर्भ घ्या
- 03. मागे ढकलण्यात घाबरू नका
- 04. आपल्या स्वतःच्या टीमला देखील ढकल
- 05. आपल्या सर्व सामग्रीची आवश्यकता समोर असल्याचे परिभाषित करा
- मी सादरीकरणामधून सामग्री कशी अमूर्त करू?
- लेआउटच्या बाबतीत आम्हाला सामग्रीचा विचार करणे थांबविणे आवश्यक आहे
- आपल्या ग्राहकांना त्यांची सामग्री डिझाइनपेक्षा स्वतंत्र बनविण्यासाठी सक्ती करा
- डिझाइनपूर्वी आपली सामग्री अंतिम करा
- वास्तविक सामग्री वापरा - प्रत्येक वेळी
- तर प्रतिक्रियाशील डिझाइन प्रकल्पांसाठी वायरफ्रेम्स कसे कार्य करतात?
- रेखाटन
- इन-ब्राउझर फ्रेमवर्क
- भाष्ये
- वायरफ्रेम्समध्ये वास्तविक सामग्री वापरा
- प्रथम मी लहान पडद्यांसाठी डिझाइन कसे करू?
- सुरवातीस डिव्हाइसवरील अ‍ॅबस्ट्रॅक्ट डिझाइन
- शैली फरशा वापरा
- इंटरफेस सुसंवाद तयार करा
- ब्राउझरमधील प्रत्येक गोष्ट पहा
- स्थिर कार्यक्रमांसह शिल्लक ठेवा
- निष्कर्ष
चला स्पष्ट असू द्या: डिझाइन हा फक्त तोच उपाय आहे जेणेकरून ते हातातील सखोल मुद्द्यांवर आणि सर्व गोष्टीमागील कारणांवर लक्ष केंद्रित करते. ठोस प्रक्रियेने नेहमीच आपल्या कार्यास मार्गदर्शन केले पाहिजे, परंतु आपल्याला काहीतरी अधिक लवचिक बनविणे आवश्यक आहे. आमचे माध्यम शेवटी स्वतःच द्रवपदार्थ सिद्ध झाले आहे, म्हणून आपली प्रक्रिया करू नये? सिस्टम डिझाइनबद्दल विचार करा: आपल्याला संपूर्ण चित्र आणि लहान तपशील दोन्ही पाहण्याची आवश्यकता आहे. अशक्य? त्यापासून दूर!
फ्रँक किमेरो यांनी आपल्या पुस्तक 'शेप ऑफ डिझाईन' या पुस्तकात ते अतिशय सुंदरपणे लिहिले आहे: “एक भाग आहे जिथे कलाकार कामावर नवीन दृष्टीकोन मिळविण्यासाठी इझलपासून मागे सरकतात. चित्रकला जवळ आणि दूरचे समान भाग आहेत: जेव्हा जवळ असेल तेव्हा कलाकार आपली छाप पाडण्यासाठी कठोर परिश्रम करतो; आतापर्यंत तो त्याच्या गुणांचे विश्लेषण करण्यासाठी कार्याचे मूल्यांकन करतो. काम त्याच्याशी बोलू दे म्हणून तो मागे सरतो. ”
आपण आपले कार्य, आपले माध्यम, आपल्याशी बोलू दिले पाहिजे. प्रतिसाद देण्याच्या डिझाइनच्या उदयानंतर आम्ही शेवटी आमचे माध्यम स्वीकारत आहोत कारण ते असे होते: द्रवपदार्थ. मागे जाणे आणि कामाचे मूल्यांकन करणे, विश्लेषण करणे आणि गोष्टी करण्याचा एक नवीन मार्ग स्वीकारणे ही एक नवीन प्रक्रिया आहे. कोड समजत नाहीत असे स्थिर मॉक-अप आणि वेब डिझाइनरचे दिवस गेले. प्रतिसाद देण्याच्या प्रक्रियेची ही वेळ आहे.
एक प्रतिसाद पद्धत
आम्ही या लेखाच्या सुरूवातीस एका ठोस प्रक्रियेचे मोठे रहस्य सांगत आहोत. कारण आपण तसे वेडे आहोत. तयार? एक उत्तरदायी प्रक्रिया ही एक जबाबदार प्रक्रिया आहे. अस्पष्ट? कदाचित. मूर्ख? वेब स्टँडर्डच्या चळवळीप्रमाणेच, प्रतिसादात्मक डिझाइन वेबला भविष्यातील अनुकूल पद्धतींसह पुढे आणत आहे.
कोणत्याही डिझाइन प्रक्रियेप्रमाणेच या सर्वांच्या मागे ‘का’ यावर लक्ष केंद्रित केले पाहिजे. तर वेबसाइट्स का अस्तित्वात आहेत? सामग्री वितरीत करण्यासाठी. ते कार्य-आधारित, सामाजिक, माहितीपूर्ण असू शकते… काही फरक पडत नाही. हे सर्व यावर अवलंबून आहे: का, सुसंघटित सामग्री आणि त्या महत्त्वाच्या परस्परसंवादाने प्रारंभ करा.
आमच्या प्रतिक्रियाशील डिझाइन प्रक्रियेबद्दल आम्ही येथे बरेचदा ऐकत असलेले प्रश्न आहेत.
मी प्रथम सामग्री कशी ठेवू?
प्रकल्प सुरू झाल्यावर आम्ही सर्व आशावादी आहोत. “प्रथम सामग्री!” आम्ही म्हणतो. “वापरकर्ता गोल! काय महत्वाचे आहे ते लक्षात ठेवा! ” हे खरं आहे पण याचा अर्थ काय? आपण सामग्री-प्रथम प्रक्रिया कशी अंमलात आणता?
जरी आपण जाणत असलात (किंवा आपल्याला माहित आहे असे आपल्याला वाटत असेल) तरीही एखादा प्रकल्प जसजसा वाढत जाईल तसतसे विसरणे सोपे आहे. दीर्घ-काळातील प्रकल्पांवर आणि वर ड्रॅग करण्याची प्रवृत्ती असते (आणि चालू… आणि चालू…). आम्ही का याबद्दल विचार करणे थांबवतो आणि कसे यावर लक्ष केंद्रित करण्यास सुरवात करतो. आमचे प्रोजेक्ट स्वतंत्रपणे अस्तित्त्वात असलेल्या स्वतंत्र ‘शोध’ आणि ‘विकास’ टप्प्यात विभागले जाऊ शकतात, याचा विचार करण्यास आपण स्वत: ला फसवितो.
खरं आहे, आम्हाला नेहमीच हे विचारत रहावं लागणार आहे. आपण किती विचार करता हे आपल्याला माहित नाही, आपण किती नियोजन केले हे महत्त्वाचे नसते - प्रत्येक वेळी आपण जेव्हा एखादा बटण डिझाइन करता किंवा एखादा मथळा लिहिता तेव्हा आपण विचारणे आवश्यक असते…
का?
मी हे का करीत आहे? ते कोणासाठी आहे? हे माझ्या क्लायंटला कोणते व्यवसाय ध्येय साध्य करण्यात मदत करेल? हे माझ्या वापरकर्त्यांना संबोधित करण्यास कोणती मदत करेल? प्रथम सामग्री ठेवू नका. प्रथम का ठेवा.
हे सोपे करते. परंतु हे चांगले करण्यासाठी आपल्याला ढकलणे आवश्यक आहे. आपल्या ग्राहकांना आणि आपल्या कार्यसंघाला त्यांच्या आव्हानांची प्रथम व्याख्या करण्यासाठी पुश करा. लॉरेम इप्सम नाही, नाही ‘आम्ही नंतर त्याकडे येऊ’. तुझा गृहपाठ कर! आपल्या सर्व प्रकारची सुरुवात एका ठोस कारणासह सुरू होणे आवश्यक आहे. यलो पेन्सिलमध्ये याचा अर्थ असा आहे की आम्ही प्रकल्प खेळत आहोत, अंदाज बांधतो आणि बजेट बनवण्याच्या मार्गामध्ये मोठे बदल होत आहेत. आम्हाला सखोल संशोधन, धोरण आणि नियोजन करण्यासाठी अर्थसंकल्प आणि वेळ यावर जोर द्यावा लागला. आपण देखील कदाचित. परंतु एकदा आपल्या क्लायंट्स आणि आपल्या कार्यसंघाला सामग्री परिभाषित करण्याचे प्रचंड फायदे समोर दिसले की ते मागे वळून पाहणार नाहीत.
आणि त्यांना शिक्षण देण्याचे आपले कार्य आहे. (आपण क्लायंटशी व्यवहार करण्याबद्दल अधिक जाणून घेऊ इच्छित असल्यास माइक माँटेरोचे उत्कृष्ट पुस्तक डिझाइन वाचा ही एक नोकरी आहे.) ग्राहकांना ते सर्व संशोधन करणे आणि पुढे काम करणे यांचे मूल्य समजण्यास कठीण वेळ येऊ शकते. आणि त्यांनी का करावे? त्यांना शेवटी काहीही ‘समाप्त’ मिळत नाही - आणि बर्‍याचदा त्यांना फक्त बीजक आणि एक मोठा ओएल ’वर्ड डॉक्युमेंट मिळतो.
हा त्यांचा दोष नाही - ही आमची चूक आहे. ते मूल्य प्रदर्शित करण्यासाठी अधिक चांगले कार्य करण्याची आपली जबाबदारी आहे. मार्गातील प्रत्येक चरण, आम्हाला हे सर्व परत आणण्याची आवश्यकता सर्व महत्त्वाचे का आहे.
प्रतिसाद देण्याच्या डिझाइनसाठी हे विशेषतः महत्वाचे आहे. प्रतिसाद देणार्‍या वेबसाइटला जास्त विकासाच्या प्रयत्नांची आवश्यकता नसते, परंतु याचा अर्थ बर्‍याच योजना करणे आवश्यक आहे. खरंच, आम्ही हे करत असलो पाहिजे की हे आपण ठरवित आहोत. वर्तमान रीडिझाईन-प्रत्येक-तीन-ईश-वर्ष प्रोजेक्ट सायकलचा साक्षीदार करा. आपण हे करतच राहू इच्छिता? आम्हाला खात्री आहे की नाही.
तर आपल्या प्रकल्प प्रक्रियेत प्रथम सामग्री ठेवण्यासाठी तीन चरण आहेत.
01. आपला व्यवसाय आणि वापरकर्ता लक्ष्ये परिभाषित करा
आपल्या प्रोजेक्टसाठी व्यवसाय आणि वापरकर्ता लक्ष्यांची प्राथमिकता तयार करा. आपल्या वापरकर्त्यांना सर्वात जास्त काय जाणून घ्यायचे आहे किंवा काय करायचे आहे? आपले संशोधन करा. वन्य अनुमान नसून माहिती दिलेली माहिती तयार करा. आपल्या सर्व भागधारकांना सहमत व्हा.
02. प्रत्येक संधीचा संदर्भ घ्या
प्रत्येक वेळी जेव्हा आपण एखादा निर्णय घेता तेव्हा प्रत्येक वेळी एखादी नवीन वैशिष्ट्य किंवा डिझाइन घटक किंवा सामग्रीचे पृष्ठ प्रस्तावित करते तेव्हा त्यांना विनंतीनुसार व्यवसाय आणि वापरकर्त्याच्या ध्येयावर नकाशा आणू द्या. हे वैशिष्ट्य कोणती वास्तविक आवश्यकता पूर्ण करेल? खरे कारण काय आहे? (इशारा: ‘कारण मला पाहिजे आहे’ किंवा ‘मला खरोखर निळा आवडतो’ किंवा ‘प्रत्येकाच्या फेसबुकवर’ मोजत नाहीत.)
03. मागे ढकलण्यात घाबरू नका
हे एक कठीण असू शकते. क्लायंटचे नातेसंबंध नाजूक असू शकतात आणि युद्ध जिंकण्यासाठी लढा देण्यास मोह लावतात. पण लक्षात ठेवा, आम्ही या सर्वात एकत्र आहोत! हा व्यवसाय विरुद्ध वापरकर्ता नाही; आम्हाला वि.
व्यवसायाच्या गरजा भागविण्याचा उत्तम मार्ग म्हणजे वापरकर्त्याच्या गरजा भागविणे. कारण आमच्या वापरकर्त्यांशिवाय, आमच्याकडे व्यवसाय नाही! ग्राहक (चांगले ग्राहक) प्रत्येक गोष्टीस ‘होय’ म्हणायला आपल्याला कामावर घेत नाहीत. म्हणून जर आपल्या क्लायंटने अशी काहीतरी मागितली जी त्यांचे लक्ष्य किंवा त्यांच्या वापरकर्त्यांची आवश्यकता पूर्ण करीत नसेल तर त्यांना आव्हान देण्यास घाबरू नका. हे अहंकाराचे नाही. हे सर्वोत्तम संभाव्य समाधान तयार करण्याबद्दल आहे.
04. आपल्या स्वतःच्या टीमला देखील ढकल
सर्जनशील संघात काम करताना हे देखील एक आव्हान असू शकते. भूमिकांचे पृथक्करण - व्हिज्युअल डिझाइन, वापरकर्ता अनुभव, माहिती आर्किटेक्चर, सामग्रीची रणनीती, सामग्री उत्पादन - गैरसमज होऊ शकते. आम्ही व्यस्त राहू, आम्ही ईमेलने भारावून गेलो. प्रोजेक्टसह प्रारंभ करणे थांबविणे फार कठीण आहे, विशेषत: एकदा ‘आपले’ काम पूर्ण झाल्यावर.
आपल्या कार्यसंघाचे नातेसंबंध आपल्या क्लायंटच्या संबंधापेक्षा कमीतकमी महत्वाचे आहेत. आम्ही आमच्या ग्राहकांप्रमाणेच आम्हाला स्वतःचे कारण का लक्षात ठेवले पाहिजे. सहयोग की आहे. आपण एखादी सामग्री योजना किंवा वायरफ्रेम्स किंवा डिझाईन्स केवळ ‘हँड ऑफ’ करू शकत नाही. शक्य तितके, आपल्याला हातात हात घालून काम करावे लागेल. वितरण करण्यायोग्यचे ‘समाप्त’ करणे आणि दुसर्‍या कशावर तरी जाणे सोपे आहे. जेव्हा काम कठीण होते तेव्हा एखाद्या प्रोजेक्टमध्ये रहाणे अधिक कठीण आहे.
सर्जनशील कार्यासाठी धबधबा दृष्टिकोन कार्य करत नाही. चतुर, कार्यसंघ सदस्यांमधील सहयोगी कार्य चांगले निकाल देतात.
05. आपल्या सर्व सामग्रीची आवश्यकता समोर असल्याचे परिभाषित करा
ही गोष्ट अशीः प्रतिसाद देणार्‍या वेबसाइट्सची योजना आखण्यास जास्त वेळ लागतो. आम्ही यापुढे केवळ एका संदर्भासाठी विचार करत नाही. आम्ही आत्ता आपल्याला माहित असलेल्या सर्व संदर्भांसाठी आणि काही अस्तित्वात नसलेल्यांसाठी योजना आखत आहोत.
परंतु या सर्व गुंतागुंतंसाठी योजना आखण्यात त्यास मागे जाण्यासाठी आणि आपण ज्या खाती घेतली नाही त्या वैशिष्ट्ये आणि कार्ये परत आणण्यापेक्षा त्यास कमी वेळ लागतो. म्हणून वेळ / प्रयत्न / बजेट खर्च करा. आपण डिझाइनमध्ये येण्यापूर्वी आपल्या ग्राहकांना आणि आपल्या कार्यसंघाला त्यांची सर्व सामग्री परिभाषित करण्यासाठी (आणि वचनबद्ध करा!) सक्ती करा. पृष्ठ सारण्या वापरा. संरचित सामग्री वापरा. आता तुमची सामग्री फ्यूचर-प्रूफ! किंवा नंतर रडा.
मी सादरीकरणामधून सामग्री कशी अमूर्त करू?
आपण हे इंटरनेट-ओ-गोलाच्या आसपास बरेच काही ऐकता. पण थांब, काय? आणि थांबा - का?
कारण सादरीकरण बदलू शकते (आणि होईल). 15 वर्षांपूर्वी आम्ही ज्या प्रकारे वेबसाइट्स डिझाइन केल्या त्या आता आपण कशा सादर केल्या त्यावरून जवळजवळ अपरिचित आहे. पण काय माहित नाही काय बदलले नाही? शब्द आम्ही अजूनही ‘एएम’ वापरतो. इंटरनेट प्रामुख्याने (मजकूर-आधारित) सामग्रीसाठी विद्यमान आहे. आम्ही अद्याप माहितीच्या समस्येचे निराकरण करण्यासाठी याचा वापर करतो; कामे साध्य करण्यासाठी. परंतु जर आपली सामग्री सादरीकरणाच्या माध्यमांवर अवलंबून असेल (फ्लॅश परिचय पृष्ठे, कोणालाही?) अशी काही शक्यता आहे की ती काही वर्षांत वापरण्यायोग्य होणार नाही. आणि ते निराशेचा उदगार.
लेआउटच्या बाबतीत आम्हाला सामग्रीचा विचार करणे थांबविणे आवश्यक आहे
आम्ही (एक उद्योग म्हणून) लेआउटच्या बाबतीत सामग्रीचा विचार करण्यास आमच्या क्लायंटना प्रशिक्षण दिले आहे. “साइडबारमध्ये ठेवा,” आम्ही म्हणतो. "तळटीप मध्ये जावे." थांबा! ते थांबवा. थांबा. ते स्थानाबद्दल नाही. हे प्राधान्य आहे. आपल्या वापरकर्त्यांसाठी सर्वात महत्वाची सामग्री कोणती आहे? कारण काय याचा अंदाज घ्या: संदर्भात लेआउट बदलतो. तेथे (बहुधा) आपल्या लहान-स्क्रीन डिझाइनवर साइडबार होणार नाही.
आपल्या क्लायंटला पाहिजे असलेला राक्षस सुपर मेनू? आयफोनवर उडणार नाही.
आपल्या ग्राहकांना त्यांची सामग्री डिझाइनपेक्षा स्वतंत्र बनविण्यासाठी सक्ती करा
ठीक आहे, आपण त्यांना सक्ती करण्याची गरज नाही. त्यांना प्रोत्साहित करा. जोरदारपणे प्रोत्साहित करा. यासाठी पृष्ठ सारण्या उत्तम आहेत. जर आपण ते आधीपासूनच वाचले नसेल तर ते कसे तयार करावे याविषयी अधिक माहितीसाठी क्रिस्टीना हॅल्व्हर्सन आणि मेलिसा रॅचची वेब सामग्री सामग्री त्वरित पुढे जा. त्यांना प्राधान्य क्रमात आयोजित करा. संदर्भ स्थान किंवा लेआउट देऊ नका. हे आपल्या ग्राहकांना त्यांच्या सामग्रीबद्दल अधिक उत्पादक मार्गाने विचार करण्यास मदत करेल आणि अंतिम तयार केलेल्या वायरफ्रेम्स किंवा डिझाइनच्या आधी सामग्री तयार करण्याची प्रक्रिया हलवेल.
डिझाइनपूर्वी आपली सामग्री अंतिम करा
ठीक आहे, हे नेहमीच शक्य नसते. परंतु आपण डिझाइन करणे सुरू करण्यापूर्वी जितके अधिक अनिश्चितता दूर करता येईल तेवढे कमी आपण परत जा आणि नंतर गोष्टी बदलल्या पाहिजेत.
वास्तविक सामग्री वापरा - प्रत्येक वेळी
शक्य असल्यास, एज केस सामग्री वापरा - आपल्या ग्राहकांना सर्वात क्लिष्ट पृष्ठे, प्रतिमा आणि मेनू दर्शवा. जेव्हा ते तयार उत्पादनांमध्ये त्यांची सर्वात अस्ताव्यस्त सामग्री पाहतील तेव्हा हे प्रक्रियेतील आश्चर्यचकित गोष्टी टाळेल.
कार्यात्मक, इन-ब्राउझर वायरफ्रेम्स भिन्न भिन्नता बनवतात. आपल्या ग्राहकांना त्यांची स्क्रीन हलवून आणि स्क्रीन आकारात बदलत असल्याचे पहा. आपण आपले वायरफ्रेम्स सादर करता तेव्हा ते दर्शवा (आपण वैयक्तिक स्वरुपात सादरीकरणे करीत आहात, बरोबर?) लेआउट बदलताना त्यांच्या प्रात्यक्षिकात सांगा की त्यांच्या माहितीची प्राथमिकता स्क्रीन आकारात समान कशी राहील.
तर प्रतिक्रियाशील डिझाइन प्रकल्पांसाठी वायरफ्रेम्स कसे कार्य करतात?
आम्ही ठाम विश्वास ठेवतो की आरडब्ल्यूडीसाठी परस्परसंवाद डिझाइन ब्राउझरमध्ये पटकन आणि बर्‍याचदा येणे आवश्यक आहे. प्रत्येक गोष्टीचे वर्णन करणारे स्थिर दस्तऐवज तयार करणे खूपच अशक्य आहे. निश्चितच, आम्ही तीन, चार किंवा पाच ब्रेक पॉइंट्स दर्शविणारे एखादे दस्तऐवज तयार करु शकलो परंतु ते केवळ कथेचे काही अंश आहे. ब्रेकपॉइंट्स दरम्यानच्या सर्व क्षणांचे काय? ब्राउझरमध्ये असे होते.
रेखाटन
तरीही, आपल्या कल्पनांचे सहकार्याने पटकन रेखाटन करण्यात सक्षम असणे चांगले आहे. हे कोणत्याही विशिष्ट माध्यमात घडण्याची आवश्यकता नाही, परंतु कागदावर पेन्सिलबद्दल काहीतरी आहे. येथे संपूर्ण मुद्दा कल्पना आणि द्रुतपणे पुनरावृत्ती करणे हा आहे. आम्हाला शक्य असेल तेव्हा स्केचबोर्ड लावण्यास आवडते, आणि त्यासाठी एक अॅप देखील आहेः यूआय स्केचर.
इन-ब्राउझर फ्रेमवर्क
आमच्यासाठी खरी तिकीट येथे आहे. आम्हाला ब्राउझरमध्ये आरडब्ल्यूडी प्रदर्शित करताना नमुन्यांचा आणि सिस्टमचा पुनर्वापर करण्यास आवडते. अर्थात, आम्ही प्रत्येक वेळी स्क्रॅचपासून आपली स्वतःची प्रणाली तयार करु शकलो परंतु हे आपल्याला किंवा आमच्या ग्राहकांना मदत करत नाही.
आम्ही ट्विटरच्या बूटस्ट्रॅप किंवा झुरबच्या फाऊंडेशनसारख्या वेगवान प्रतिसादात्मक नमुना फ्रेमवर्क देखील वापरू इच्छितो. आम्ही वैयक्तिकरित्या फाऊंडेशनच्या दिशेने कलतो कारण ते आपल्या कार्यप्रवाहात फिट आहे. एकाहीने लहान स्क्रीन, लो-बँडविड्थ-प्रथम दृष्टिकोन स्वीकारला तर हे छान होईल, परंतु आम्ही कसे रोल करतो ते हेच आहे.
भाष्ये
आरडब्ल्यूडी वायरफ्रेम्ससाठी भाष्य करणे आवश्यक आहे परंतु, आम्हाला आढळले की बर्‍याचदा दुर्लक्ष केले जाते. मोठ्याने सांगा: दस्तऐवजीकरण, कागदपत्रे, कागदपत्रे! आम्ही मित्रांकडील काही उदाहरणे पाहिली आहेत आणि आम्हाला असे वाटते की ब्राउझरमध्ये प्रतिसाद देणारी वायरफ्रेम्स योग्यरितीने भाष्य करण्याच्या ‘सर्वोत्तम’ मार्गावर अद्याप ज्यूरी बाहेर आहे. वर नमूद केल्याप्रमाणे, आम्ही नियमितपणे फाउंडेशन बाय झुरब वापरतो आणि आमची भाष्ये प्रदर्शित करण्यासाठी त्याचे रिव्हल -ड-ऑन वापरण्यास आवडतो. ही भाष्ये केवळ मोठ्या स्क्रीनसाठी दिसतात आणि आदर्शपणे चालू आणि बंद केली जाऊ शकतात.
वायरफ्रेम्समध्ये वास्तविक सामग्री वापरा
वायरफ्रेम्स आणि डिझाईन मॉक-अपमध्ये लॉरेम इप्समभोवती बरेच वादंग झाले आहेत, परंतु आपल्याकडे आपल्या वायरफ्रेम्समध्ये वास्तविक सामग्री नसल्यास आपण ते चुकीचे करीत आहात. सामग्री परस्परसंवादाच्या निर्णयाची माहिती देते आणि डिझाइन केव्हा खंडित होईल ते सांगते. लॉरेम इप्सम हे कसे करू शकते?
प्रथम मी लहान पडद्यांसाठी डिझाइन कसे करू?
वर्षानुवर्षे आम्ही विशिष्ट ठराव लक्षात घेऊन डिझाइन केले. ही डीफॉल्ट सेटिंग होती. नोटबुकमध्ये स्केचिंग, ओम्नीग्रॅफलमध्ये वायरफ्रेमिंग, फोटोशॉपमध्ये काम करणे किंवा ब्राउझरमध्ये डिझाइन करणे, आमच्या कॅनव्हासचे आकार काय होणार आहे हे आम्हाला माहित आहे. ते दिवस गेले. प्रथम छोट्या पडद्यासाठी डिझाइन करण्यात आणि प्रगतीशीलपणे वर्धित करण्यात आम्ही प्रचंड विश्वास ठेवतो. तर मग एखादा डिझाइनर आपला किंवा तिचा कार्यप्रवाह निश्चित कॅनव्हास आकारापासून फ्लू फ्लूमध्ये कसा बदलू शकतो?
सुरवातीस डिव्हाइसवरील अ‍ॅबस्ट्रॅक्ट डिझाइन
जोपर्यंत आम्ही विशिष्ट डिव्हाइसची रचना करत नाही तोपर्यंत आपण उपकरणांबद्दल विचार करणे सोडून देणे आणि अनुभवांबद्दल विचार करणे सुरू करणे आवश्यक आहे. पुढील सर्व तंत्रे डिझाइनरना डिव्हाइस अज्ञेय (अगदी एका बिंदूपर्यंत) राहण्यास सक्षम असताना त्यांचे अनुभव रचण्यास मदत करतात.
शैली फरशा वापरा
दिशा स्थापित करण्यासाठी आणि वेगाने पुनरावृत्ती करण्यासाठी शैली फरशा वापरा. स्टाईल टाइल्स डिझाइनरला बरेच विशिष्ट न मिळता डिझाइन सिस्टमची दिशा निश्चित करण्यास सक्षम करते. त्यांचा निर्माता सामन्था वॉरेन त्यांचे वर्णन या प्रकारे करते:
“जेव्हा मूडबोर्ड खूप अस्पष्ट असतो आणि कॉम्प खूपच शाब्दिक असतो तेव्हा स्टाईल टाइल्स असतात. शैली टाइल्स लेआउटची व्याख्या न करता वास्तविक इंटरफेस घटकांसह थेट कनेक्शन स्थापित करते. ”
इंटरफेस सुसंवाद तयार करा
एकत्र आणलेल्या सर्व व्हिज्युअल आणि इंटरएक्टिव्ह घटकांसह कॅनव्हासची कल्पना करा. विशिष्ट UI लेआउट पहाण्यासाठी नाही तर सर्व घटक एकत्र कसे कार्य करतात ते पहाण्यासाठी. हा एक इंटरफेस सद्भाव कॅनव्हास आहे. इंटरफेस सुसंवाद कॅनव्हास डिझाइनरला कल्पना एकत्र ठेवण्यास सक्षम करते, परंतु कोणत्याही एका स्क्रीनच्या आकारावर केंद्रित नाही. तसेच, पूर्ण शैली मार्गदर्शक तयार करण्याऐवजी डिझाइन केलेल्या घटकांची कार्यक्षमतेने संप्रेषण करणे आणि दस्तऐवज करणे हा एक चांगला मार्ग आहे.
आपल्याला पुढे वाचण्यात स्वारस्य असल्यास, इंटरफेस सुसंवाद या विषयावरील दोन उत्कृष्ट लेख येथे आणि येथे आढळू शकतात.
ब्राउझरमधील प्रत्येक गोष्ट पहा
ब्राउझरमध्ये सर्व काही एकत्र आणण्याची आवश्यकता आहे. येथेच यूआय डिझाइन खरोखरच जीवनात येते. व्हिज्युअल घटकांशी वास्तविक सामग्री कशी संवाद साधते हे पाहणे महत्त्वपूर्ण आहे. स्थिर वातावरणात हे योग्यरित्या करण्याचा कोणताही मार्ग नाही. ते मूळ माध्यमात कसा प्रतिसाद देईल हे आपण पाहण्याची आवश्यकता आहे.
स्थिर कार्यक्रमांसह शिल्लक ठेवा
ब्राउझर आणि फोटोशॉप सारख्या स्थिर प्रोग्राममध्ये एक प्रवाह आहे. तेथे एक शिल्लक असणे आवश्यक आहे जे डिझाइन सिस्टम द्रव आणि नैसर्गिक मार्गाने तयार करण्यास अनुमती देते. नक्कीच, हे फोटोशॉपमध्ये होईल, परंतु प्रतिसादाने डिझाइन करणार्‍या डिझाइनरला ब्राउझरमध्ये देखील सर्जनशील विचार कसे करावे हे शिकण्याची आवश्यकता आहे.
निष्कर्ष
पुन्हा एकदा, भावनांनी: सुसंरचित सामग्रीसह आणि महत्त्वाच्या परस्परसंवादामुळेच प्रारंभ करा. प्रथम छोट्या पडद्यावर आणि कमी बँडविड्थवर लक्ष द्या आणि आपल्या प्रतिसाद संकल्पना क्रमाक्रमाने वाढवा. आपले माध्यम वयात येत आहे. आम्हाला गोष्टी योग्य प्रकारे करण्याची आणि जग बदलण्याची संधी आहे, एका वेळी एक वेब प्रकल्प.
डिझाइनरसाठी सर्वोत्तम 20 वायरफ्रेमिंग साधने शोधा
स्टीव्ह फिशर कॅनडामधील यलो पेन्सिल येथे संशोधन, विश्लेषण, डिझाइन आणि रणनीती यांचे समन्वय साधते आणि आरडब्ल्यूडी, युएक्स आणि ओपन सोर्स सारख्या विषयांवर बोलते. अ‍ॅलेन मॅकेन्झी यलो पेन्सिलमधील सामग्री रणनीतिकार आहे.
