सामग्री
- 01. प्रतीकात्मक प्रतिमा
- 02. प्रतीकात्मक प्रतिमा
- 03. अनुक्रमणिका प्रतिमा
- कोणते सर्वोत्तम कार्य करते?
- खेळाची योजना बनवा
व्हिज्युअल स्टोरीटेलिंगमध्ये, आपण सहसा तीन भिन्न प्रकारच्या प्रतिमा लागू कराल: आयकॉनिक प्रतिमा, प्रतीकात्मक प्रतिमा आणि अनुक्रमणिका प्रतिमा. वेब डिझाइनला अनुकूल असलेल्या ‘सर्वोत्कृष्ट’ प्रतिमेचा कोणताही प्रकार नाही, इच्छित परिणाम साध्य करण्यासाठी प्रत्येकजण एकाच वेळी एकाच प्रकल्पात वापरला जाऊ शकतो.
चला प्रत्येक प्रकारच्या प्रतिमेची वैशिष्ट्ये पाहूया, मग उपयोगाच्या सर्वोत्कृष्ट परिस्थितीचे परीक्षण करूया.
01. प्रतीकात्मक प्रतिमा
व्हिज्युअल स्टोरीटेलरच्या वेब डिझाईन टू गाईड मध्ये वर्णन केल्यानुसार, आयकॉनिक प्रतिमा त्वरित ओळखण्यायोग्य आणि परिभाषित संकल्पनेसह दृढपणे संबद्ध असतात. त्या सर्वसाधारणपणे अगदी शाब्दिक प्रतिमा देखील असतात, ज्यामुळे त्यांना परिचित कोणीही सामान्य अर्थ काढू शकेल. त्यांचा अर्थ काय ते दिसत आहेत.
नर आणि मादीच्या प्रसाधनगृहांच्या प्रतीकांबद्दल विचार करा. एकतर पँट किंवा एखादी ड्रेस मधील मानवी व्यक्तिमत्त्व, आपण या प्रतिमा कधी पाहिल्या आहेत की नाही याची पर्वा न करता किंवा त्यांचे अर्थ आपल्याला समजावून सांगितले आहे की नाही याची पर्वा न करता सहज वर्णन करणे सोपे आहे.
बाण, व्हीलचेअर्स आणि चिन्हे ज्या भौतिक गोष्टींचे सरलीकृत स्वरूप आहेत अशा गोष्टी देखील प्रतिमांच्या प्रतिमेत पडतात. आयकॉन सेट्स (यूएक्सपिनच्या फ्रि आयकॉन पॅक प्रमाणे) आयकॉनिक प्रतिमांसाठी बर्‍याचदा उत्कृष्ट स्त्रोत असतात, कारण मजकूर लेबलांसह किंवा त्याशिवाय त्यांचे स्पष्ट आणि सुलभ वर्णन करणे आवश्यक असते.
रेखाचित्र, चार्ट आणि वैज्ञानिक चित्रे ही सर्व प्रतिमा प्रतिमांची उदाहरणे आहेत. ते चुकीचे अर्थ लावण्यास कठीण असलेल्या मार्गाने माहितीचे अक्षरशः प्रतिनिधित्व करतात (जे प्रतिमांच्या प्रतिमेचा कोनशिला आहे).
आपण वेबवर किंवा अनुप्रयोगामध्ये येऊ शकणार्‍या चिन्हे बद्दल विचार करा:
- ईमेल दर्शविण्यासाठी लिफाफे
- एखादे कचरा हटविणे सूचित करण्यासाठी कचरापेटी करू शकते
- मुख्यपृष्ठ सूचित करण्यासाठी एक घर
- काहीतरी जतन करणे दर्शविणारी डिस्क
- कार्य पूर्ण दर्शविण्यासाठी चेक मार्क
एका विशिष्ट सेटिंगमध्ये या चिन्हेंबद्दल पूर्वीची ओळख न करता, बरेच लोक या चिन्हांवर क्लिक करून काय चालना मिळते याबद्दल सुशिक्षित अंदाज लावण्यास सक्षम असतील.
काही प्रतिमा प्रतिमा प्रतीकात्मक म्हणून सुरू झाल्या असतील (पुढील विभागात प्रतीकात्मक प्रतिमेबद्दल अधिक), बर्‍याच जण आता इतक्या मोठ्या प्रमाणावर ओळखल्या गेल्या आहेत की ते मूर्तिमंत झाल्या आहेत.
आपण यूटीएसपिन प्रोटोटाइप अॅपमध्ये उपलब्ध असलेल्या काही चिन्हांवरून हे पाहू शकता की, फाइल चिन्ह उघडण्यासाठी प्रतीक म्हणून फोल्डर चिन्ह खूपच जास्त प्रमाणात ओळखले गेले आहे, परंतु फोल्डर स्वतः दीर्घकालीन सांस्कृतिक संगतीशिवाय हे सूचित करीत नाही.
सेटिंग्जमध्ये प्रवेश करण्यासाठी सामान्यतः पाहिलेले ‘गीअर’ चिन्हावर तसेच अपलोड करण्यासाठी (ज्यात सामान्यत: बाण दाखविणार्‍या बाणाचा समावेश असतो) आणि डाउनलोड करणे (खाली दर्शविणार्‍या बाणाचा समावेश आहे) आणि इतर बर्‍याच जणांवर लागू आहे.
एखाद्या प्रतिमेचा मुख्य प्रवाहातील संस्कृतीचा भाग होण्याचा हा एक सामान्य परिणाम आहे: त्याचा अर्थ इतका स्थिर होऊ शकतो की तो सार्वत्रिकपणे ओळखला जाऊ शकतो, जरी मूलतः तो अर्थ शिकला गेला असेल तर. वेब यूआय डिझाइन बेस्ट प्रॅक्टिसमध्ये वर्णन केल्यानुसार, आपल्याला नेहमीच नवीन सर्जनशील आधार मोडण्याची आवश्यकता नाही: बेसलाइन समजून घेण्यासाठी व्यापकपणे स्वीकारलेले चिन्ह वापरा, त्यानंतर आवश्यकतेनुसार सर्जनशील भर द्या.
एक गोष्ट लक्षात ठेवणे: सर्व चिन्ह प्रतीकात्मक नाहीत. काहींचे योग्य स्पष्टीकरण करण्यापूर्वी त्यांचे स्पष्टीकरण देण्याची आवश्यकता असते (एक सुस्पष्टकर्ता असे म्हणतात.
डिझाइनर कधीकधी त्यांच्या स्वतःच्या साइटच्या डिझाइन किंवा थीमवर सानुकूलित केलेले चिन्ह वापरण्यास निवड करतात, परंतु अशा प्रकारच्या चिन्हांमध्ये ते स्पष्टपणे प्रतीकात्मक असल्यामुळे स्पष्टतेसाठी लेबल लावण्याची आवश्यकता असू शकते. अगदी कमीतकमी, एखादे लेबल लपलेले असताना दिसावे. ज्या वापरकर्त्यांना आपण वापरकर्त्यांचा त्वरित आयकॉनचा अर्थ ओळखू इच्छित आहात अशा परिस्थितीत, प्रतिमा असलेल्या प्रतिमासह चिकटून राहा.
02. प्रतीकात्मक प्रतिमा
प्रतीकात्मक प्रतिमा आयकॉनिक प्रतिमांपेक्षा अधिक अमूर्त असतात आणि बर्‍याचदा विशिष्ट ठोस वस्तूपेक्षा भावना किंवा सामान्य कल्पना व्यक्त करण्यासाठी बरेच काही करतात. प्रतीकात्मक प्रतिमा बर्‍याचदा लोगोमध्ये दिसतात, कारण ब्रँड व्यक्त करू इच्छित असलेल्या भावनांना ते दृढ करतात.
उदाहरणार्थ, मायक्रोसॉफ्ट विंडोज लोगो विंडोचे एक अमूर्त प्रतिनिधित्व आहे, परंतु ते थेट व्याख्या नाही. कोणीतरी दुसर्‍या कशाचे प्रतिनिधित्व करण्यासाठी त्याचे स्पष्टीकरण देऊ शकते, विशेषत: जर ते अशा संस्कृतीतून आले आहेत जेथे विंडोची एक वेगळी शैली अधिक सामान्य आहे.
प्रतीकात्मक प्रतिमांना सामान्यत: त्यांचे अर्थ शिकविणे आवश्यक असते. ते त्वरित ओळखण्यायोग्य नसतात, कारण ते शाब्दिक नसतात. जोपर्यंत अर्थ शिकला जात नाही तोपर्यंत ते व्यापकपणे व्याख्येसाठी खुले होऊ शकतात.
त्याऐवजी प्रतिकात्मक प्रतिमांपेक्षा अर्थपूर्ण अभिव्यक्ती दर्शविण्यासाठी प्रतीकात्मक प्रतिमा सेमीओटिक्स - व्हिज्युअल व्याकरण - वापरतात. प्रतीकात्मक प्रतिमा व्हिज्युअल रूपक आहेत आणि त्या रूपकांचा अचूक अर्थ लावण्यासाठी बर्‍याचदा ते शिकले जाणे आवश्यक आहे.
हे निश्चित आहे की विशिष्ट गोष्टी किंवा कल्पनांशी संबंधित असलेल्या त्यांच्या सामान्य वापरामुळे बर्‍याच प्रतीकांची सांस्कृतिक पातळीवर मान्यता आहे.
एक उदाहरण रहदारी चिन्हे, जसे की स्टॉप चिन्हे (बहुतेक देशांमध्ये आठ बाजूंनी आहेत, परंतु जपानमध्ये, फक्त तीन बाजूंनी आणि अधिक लक्षपूर्वक यूएसच्या 'उपज' चिन्हासारखे असतात, आणि इतर असंख्य देशांमध्ये चिन्ह हे वर्तुळ आहे. त्यात एक त्रिकोण). आणि जर आपण एका देशातील एखाद्यास दुसर्‍या देशाच्या रहदारीच्या चिन्हे म्हणजे काय असे विचारले तर त्यांना त्यापैकी बर्‍यापैकी टक्केवारी चुकीची मिळेल.
कारण या प्रतिमा प्रतीकांऐवजी प्रतिकात्मक आहेत. त्यांचे अर्थ शिकविणे आवश्यक आहे आणि बहुतेक वेळा सार्वत्रिक समजण्याऐवजी सांस्कृतिक संघटनांवर आधारित असतात.
वेब डिझाइन विश्वातले एक उदाहरण हॅम्बर्गर मेनू चिन्ह आहे. ते काहीसे मेनूसारखे असले तरी प्रतिमा अचूकपणे आयकॉनिक म्हणू शकत नाही. परिणामी, एका अभ्यासानुसार असे आढळले की त्याचा अर्थ वय-संवेदनशील आहे. खरं तर, १-4 ते 4 between मधील users० टक्के वापरकर्त्यांना त्याचा अर्थ समजला, तर केवळ per२ टक्के वृद्ध वापरकर्त्यांना समजला.
03. अनुक्रमणिका प्रतिमा
अनुक्रमणिका प्रतिमा प्रतिमेचा देखावा आणि त्यातील प्रतिनिधित्व यांच्यात अर्थ जोडतात. उदाहरणार्थ, थर्मामीटर शून्यापेक्षा कमी दर्शवितो की काहीतरी थंड आहे.
अनुक्रमणिका प्रतिमा जाहिराती आणि डिझाइनमध्ये आढळणार्‍या काही प्रतिमा आढळतात. आम्ही गोष्टींचे अक्षरशः प्रतिनिधित्व करण्यास लाज वाटतो कारण बहुतेकदा आम्ही वापरकर्त्याच्या घशात शब्दशः माहिती न ठेवता भावना व्यक्त करणे पसंत करतो.
या दोन उदाहरणांचा विचार करा:
- दुःखासाठी आपण रडणार्‍या एखाद्या व्यक्तीची (शब्दशः) प्रतिमा, किंवा गडद, ढगाळ दिवस, पाऊस पडत असताना आणि मुलाची सायकल न वापरलेली आणि समोरच्या अंगणात भिजलेली (भावनिक) प्रतिमा वापराल?
- आनंदासाठी, आपण हसणार्‍या (शाब्दिक) एखाद्या व्यक्तीची प्रतिमा वापरली असेल का, किंवा वाळूमध्ये (भावनिक) खेळत असलेल्या गोंडस पिल्लाचा वापर कराल का?
दोन्ही प्रकारच्या प्रतिमा भावनांचे सूचक आहेत, परंतु प्रत्येकातील नंतरची उदाहरणे वापरकर्त्याला भावनांच्या शब्दाचा विचार करण्याऐवजी काहीतरी जाणवण्याची शक्यता आहे.
असे म्हणा की आपण आपल्या वेबसाइटवर भेट देता तेव्हा आपण लोकांना ओशासारखे बनवू इच्छित आहात. असे करण्याचे बरेच मार्ग आहेत, परंतु ‘नोस्टाल्जिया’ ओरडल्याशिवाय भावना जागृत करणार्‍या प्रतिमांशी प्रारंभ करणे ही चांगली जागा आहे. जर आपले लक्षित प्रेक्षक त्यांच्या 30 च्या दशकात असतील तर आपण 1980 च्या दशकाची साक्ष देणारी प्रतिमा वापरू शकाल जसे की आपले प्रेक्षक वाढत होते.
आपण रंग पॅलेट्स सारख्या अधिक अमूर्त व्हिज्युअल घटकांसह समान प्रभाव प्राप्त करू शकता. 80 च्या दशकाच्या उत्तरार्धातील आणि 90 च्या दशकाच्या सुरुवातीच्या काळातील आठवण करून देणारी निऑन कलर पॅलेट वापरणे त्वरित 1950 च्या दशकात सामान्य असलेल्या गुलाबी पिंक आणि नि: शब्द एक्वाजच्या रंग पॅलेटपेक्षा खूपच वेगळी छाप निर्माण करणार आहे.
कोणते सर्वोत्तम कार्य करते?
तिन्ही प्रतिमा चांगल्या डिझाइनमध्ये आहेत. सर्व डिझाइन तंत्रांप्रमाणेच हे सर्व आपल्या प्रकल्पाच्या पॅरामीटर्सवर अवलंबून असते. परंतु याचा अर्थ असा नाही की तेथे काही चांगले चांगले नियम नाहीत.
आपण आपल्या साइटची मूलभूत नेव्हिगेशनल रचना तयार करत असताना, आपण कदाचित प्रतिमा असलेल्या प्रतिमा किंवा चिकणमाती आणि प्रतीकात्मक यांच्यातच ओलांडू इच्छित असाल. आपणास आपल्या अभ्यागतांनी विशिष्ट प्रतिमा पाहिल्यास आणि त्यावर क्लिक केल्यास काय होईल याबद्दल आश्चर्यचकित होऊ इच्छित नाही.
त्या कारणास्तव, नेव्हिगेशनसाठी वापरलेले चिन्हे यासारखे ग्राफिक्स सर्वत्र ओळखण्यायोग्य आणि आपण व्यवस्थापित करू शकता इतकेच आयकॉनिकच्या जवळ असणे आवश्यक आहे. चिन्हांसाठी बरेच पर्याय आहेत, आपण स्वतःचे डिझाइन बनवायचे की प्री-मेड सेट वापरायचा. आपल्या अभ्यागतांसाठी व्याख्या करणे सोपे आहे असा एक संच शोधून काढण्याची खात्री करा आणि ते त्वरित स्पष्ट नसेल तर लेबल लावण्यास घाबरू नका.
बर्‍याच प्रमाणात, आपल्या साइटवर आपण वापरू इच्छित प्रतीकात्मक प्रतिमा शोधणे एक नॉन-ब्रेनर आहे. अशा बर्‍याच गोष्टी आहेत ज्या आपण व्यक्त करू इच्छित आहात असे अक्षरशः प्रतिनिधित्व करतात. सर्वात कठीण भाग अशी प्रतिमा शोधत आहे जी आपल्या एकूण डिझाइनमध्ये फिट बसण्यासाठी योग्य शैली आहेत.
आपल्या साइटच्या अन्य व्हिज्युअल घटकांसाठी, आणि विशेषतः सामग्रीसह व्हिज्युअलसाठी आपण अधिक सर्जनशील स्वातंत्र्य वापरू शकता. आपण अधिक अमूर्त प्रतिमा वापरू शकता, जे आपल्या साइटवरील इतर प्रतिमांद्वारे आणि सामग्रीच्या इतर प्रकारांद्वारे तयार केलेल्या संदर्भात स्पष्ट केल्या आहेत.
अधिक प्रतीकात्मक प्रतिमा किंवा अधिक अमूर्त अनुक्रमणिका प्रतिमा वापरण्याचा आपला निर्णय आपल्या साइटची एकूण शैली आणि सामग्री तसेच आपले लक्ष्यित प्रेक्षक या दोघांवरही अवलंबून आहे.
फ्लिकर किंवा स्टॉक फोटो साइट्स सारख्या फोटो शेअरींग साइटवर कीवर्ड शोध वापरणे (आपण प्रत्यक्षात परवाना असणार्‍या प्रतिमा वापरत असल्यास खात्री करा. केवळ शोध म्हणून प्रेरणा म्हणून वापरण्याऐवजी आपल्या डिझाइनमध्ये).
उदाहरणार्थ, आपण फ्लिकरवर 'प्रेम' शोधत असाल तर आपणास असंख्य प्रतिमा मिळतील ज्या प्रेमाचे प्रतिनिधित्व करू शकतील: ह्रदये, फुले (विशेषत: गुलाब), आयफेल टॉवर, हॅपी कपल्स, त्रासदायक असंख्य बग संभोगाच्या प्रतिमा विविध माध्यमांमध्ये थेट 'प्रेम' हा शब्द दर्शविणारे काही लोक आहेत. आपण माझ्या डिझाइनमध्ये वापरू इच्छित अचूक प्रतिमा शोधण्यासाठी किंवा तयार करण्यासाठी हे एक उत्तम जंपिंग ऑफ बिंदू प्रदान करते.
दुसरे उदाहरण म्हणजे ‘भीती’ सारखे काहीतरी शोधणे. आपल्याला भयपट मूव्ही व्हिलन, हाइट्स, हिंसा, घाबरलेले लोक, विविध प्राणी आणि तत्सम प्रतिमांच्या प्रतिमा मिळतात. कोणत्या प्रकारच्या प्रतिमांच्या अभ्यागताच्या मनात भीती निर्माण होण्याची शक्यता आहे हे स्पष्ट आहे.
आपल्या व्हिज्युअल स्टोरीटेलिंगमध्ये कोणत्या प्रकारच्या प्रतिमा टाळाव्यात हे ठरवण्यासाठी या प्रकारचे संशोधन महत्त्वपूर्ण आहे. आपण कदाचित एखाद्या विशिष्ट प्रतिमेस एखाद्या विशिष्ट कल्पनाशी संबद्ध करू शकत नाही, परंतु थोड्या संशोधनात असे दिसून येईल की लोकसंख्येचा महत्त्वपूर्ण भाग परस्पर संबंध ठेवतो.
खेळाची योजना बनवा
त्या संकल्पनांसह आणि आपण वापरू शकणार्‍या प्रतिमांच्या प्रकारांसह काही विनामूल्य संबद्धता करा. त्या संकल्पना कीवर्डवर आधारित प्रतिमांसाठी देखील शोधा आणि एकत्रित काय चांगले कार्य करू शकेल याविषयी तसेच आपण निश्चितपणे सोडू इच्छित असलेल्या गोष्टींवर विचारमंथन करण्यास प्रारंभ करा.
आपल्याला अधिक व्हिज्युअल डिझाइन तंत्र आवडत असल्यास, वेब यूआय डिझाइनसाठी व्हिज्युअल स्टोरीटेलरचे मार्गदर्शक विनामूल्य ई-बुक पहा. टेस्ला, फिटबिट, मायक्रोसॉफ्ट, स्क्वेअरस्पेस, फोरस्क्वेअर आणि इतर सारख्या कंपन्यांच्या 29 उदाहरणांच्या विश्लेषणातून बर्‍याच टिप्स दिल्या जातात.
शब्द: जेरी काओ
जेरी काओ यूएक्सपिन - वायरफ्रेमिंग आणि प्रोटोटाइपिंग अॅप - येथे तो वायरफ्रेमिंग आणि प्रोटोटाइप प्लॅटफॉर्मसाठी अॅप-मधील आणि ऑनलाइन सामग्री विकसित करणारा सामग्री रणनीतिकार आहे.
