Back to Question Center
0

डिझाईन फॉर्म मांडणी: रंग            डिझाईन फॉर्म मांडणी: रंगविस्तार विषय: टायपोग्राफीएसबिलिटीउदाहरणयोजना लॅउटपोटोटाइप आणि & मिमल

1 answers:
डिझाईन फॉर्म मांडणी: रंग

खालील आमच्या पुस्तकात एक लहान अर्क आहे, डिझायनिंग युएक्स: फॉर्म, जेसिका Enders यांनी लिहिलेले. प्रभावी UX डिझाइनचा महत्त्वाचा भाग डिझाइन करण्यासाठी ही अंतिम मार्गदर्शक आहे. साइटपेव्हॉंट सेमीलेट सदस्य त्यांच्या सदस्यतेसह प्रवेश मिळवू शकतात किंवा आपण जगभरात स्टोअरमध्ये एक प्रत विकत घेऊ शकता - multi purpose wardrobe designs.

सध्या, आमच्या फॉर्ममध्ये फारसा रंग नाही:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

या टप्प्यावर, स्वरूपातील एकमेव रंग म्हणजे लोगो आणि लाल तारुका, ज्या प्रश्नांची उत्तरे आवश्यक असतात.

डिझाइनच्या या भागाच्या दृष्टीने, आम्ही योग्य मार्गावर आहोत मी का स्पष्ट करतो

सहसा, "मजा" किंवा "मनोरंजक" फॉर्म बनवण्याच्या प्रयत्नात रंग वापरणे यामुळे प्रत्यक्षात वापरकर्ता अनुभव आणखी वाईट होऊ शकतो:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

हा अतिशय रंगीत फॉर्म मजेदार पेक्षा अधिक धडकी भरवणारा आणि संभ्रमित आहे.

काही रंगांमुळे लोकांना दुखावलेही जाऊ शकते:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

या स्वरूपात फ्लोरोसेंट रंग काही लोकांना पहायला कठीण होऊ शकतात.

रंगाने सावध रहा

माणसं रंगासाठी अत्यंत संवेदनशील आहेत. आपले मेंदूदेखील आपल्या लक्षात न घेता त्यावर प्रक्रिया करतात आणि आपण मतभेदांकडे दुर्लक्ष करण्यास मदत करू शकत नाही.

आपल्या स्वरुपात आपण मानवी जीवशास्त्र या वैशिष्ट्याचा फायदा आमच्या फायद्यासाठी करू शकतो. आवश्यक असलेल्या गोष्टींसाठी रिझर्व रंग , म्हणून ते कोणत्याही प्रकारे बाहेर उभे राहतात.

येथे एका फॉर्मचे काही भाग आहेत जे रंगामुळे फायदा होऊ शकतात:

बटन्स:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

महत्त्वाच्या संदेश, त्रुटी:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

दुवे:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

प्रगती सूचक:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

शीर्षके:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

फॉर्म बॅकग्राउंड:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

ब्रांडिंग , जसे की लोगो आणि मानक हेडर्स देखील रंग वापरू शकतात

लक्ष द्या, उपरोक्त प्रत्येक उदाहरणात संपूर्णपणे खूप कमी रंग कसे वापरतात. जितके रंग वापराल तितके कमी, गोष्टी उंचावण्यामध्ये ती यशस्वी होईल :

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

सामान्यत: आपल्या संस्थेकडे रंगांचा एक पॅलेट असेल ज्याचा आपण संदर्भ घेऊ शकता माझ्या फॉर्म डिझाईन व्यवसायाच्या प्रमाणे, एन्डर बँकेच्या मुख्य रंगाप्रमाणे ती हिरवा म्हणून हिरवा असतो, कारण आपण खालील प्रतिमेत लोगोमध्ये पाहू शकता. आपल्या फॉर्मवर प्राथमिक क्रिया बटण बनवण्यासाठी त्या रंगाचा वापर करूया:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

आमच्या फॉर्मवर आता आवश्यक असलेले सर्व रंग आहेत.

रंग अंधत्व

अंदाज भिन्न आहेत, परंतु कदाचित आपल्या वेब फॉर्मच्या वापरकर्त्यांपैकी 4-10% रंग ओळखण्याची त्यांच्या क्षमतेमध्ये काही कमतरता असेल (सामान्यत: परंतु चुकून-म्हणतात रंग अंधत्व ). रंग अंधत्व सर्वात सामान्य प्रकार लाल-हिरवा आहे, या दोन रंग दरम्यान फरक करणे कठीण आहे जेथे.

हे दिल्यास आपल्या आपल्या वेब फॉर्ममध्ये काहीतरी संवाद साधण्यासाठी पूर्णपणे रंगावर अवलंबून राहणे नको . खाली दर्शविलेला फॉर्म आवश्यक फील्डच्या लेबलांसाठी लाल मजकूर वापरते आणि पर्यायी फील्डच्या लेबलसाठी काळा मजकूर. लज्जा दाखवा तर आपण लाल रंगाने बोलू शकत नाही! आपण तो कॅन रंग चांगले बघू शकता.

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

एक उत्तम दृष्टीकोन म्हणजे फक्त कोणत्या क्षेत्रास पर्यायी आहेत हे सांगायला (खाली "अपेक्षित आवृत्ती पर्यायी क्षेत्र" मध्ये चर्चा केल्याप्रमाणे):

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

त्याचप्रकारे, अध्याय 5 मधील त्रुटी संदेशास फक्त लाल मजकूर "व्हॅलिडेशन" न करता प्रतीकासह किंवा पार्श्वभूमी शेड असणे आवश्यक आहे):

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

उद्गार चिन्हाचे प्रतीक म्हणजे वापरकर्ते पाहू शकतात हे एक त्रुटी संदेश आहे, जरी त्यांना रंग पाहताना समस्या आली तरीही

आपण रंग अंधत्व बद्दल अधिक जाणून घेऊ इच्छित असल्यास, तेथे काही महान वेब संसाधने सिम्युलेटी समावेश आहे:

  • आम्ही रंगहीन आहोत
  • "रंग प्रवेशयोग्यता"

रंग विसंगति

वापरकर्त्यास संवाद साधण्यासाठी रंग वर अवलंबून राहण्यापेक्षा आणखी वाईट काहीतरी आहे: अपुरा रंग तीव्रता आपल्या रंगांमध्ये पुरेसे कॉन्ट्रास्ट न येण्याचा अर्थ असा होतो की, आपल्यापैकी ज्यांनी महान दृष्टीकोनासह पाहू शकत नाही स्वरूपाचे भिन्न घटक:

हे स्पेक्ट्रमचे सौंदर्यपूर्ण अंतराळ खाली जाऊन वापरकर्त्याच्या अनुभवाच्या खर्चापर्यंत पोहोचण्याचा एक उदाहरण आहे. आणि हा दिवस खूपच जास्त लोकप्रिय होत आहे:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

आपण या फॉर्मवर फील्ड पाहण्यास सक्षम असाल, परंतु लेबले वाचणे कठीण होईल

पांढर्या पार्श्वभूमीवर प्रकाश राखाडीचा वापर करणे हे विशेषतः सामान्य भिन्नता अपयशी ठरते. कारण ही साइट साध्या आणि कमीतकमी पहायला मिळते, याक्षणी हे रंग संयोजन खूप लोकप्रिय आहे. दया हे पूर्णपणे निरुपयोगी आहे:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

आपल्या फॉर्म घटकांमध्ये पुरेसा रंग कॉन्ट्रास्ट असणे आवश्यक आहे. हे सुनिश्चित करण्यास काही खरोखर व्यावहारिक टिपांसाठी, मी शिफारस करतो

  • "आपल्या वेब वर्कफ्लोमध्ये एकत्रितपणे कॉन्ट्रास्ट तपासणी"
  • "डेव्हलपर करीता तीन सामान्य त्रुटी: रंगीत तफावत"

दरम्यान, पांढर्या पार्श्वभूमीवर गडद राखाडी किंवा काळ्यासह चिकटवा:

डिझाईन फॉर्म मांडणी: रंगडिझाईन फॉर्म मांडणी: रंगविस्तार विषय:
टायपोग्राफीअॅसेबिलीटीलींग लेअरपोटोटॉइज आणि Semaltॅट

आमच्या उदाहरणाच्या रूपात असलेल्या रंगांमध्ये पुरेसा कॉन्ट्रास्ट आहे.

February 28, 2018