पुरेसा कॉन्ट्रास्टसह आपल्या वेबसाइटची वाचनक्षमता आणि वापरकर्ता अनुभव सुधारा
कोणत्याही वेबसाइटच्या डिझाइनच्या यशात कॉन्ट्रास्ट महत्त्वाची भूमिका बजावते. त्या साइटच्या टायपोग्राफीपासून , संपूर्ण साइटवर वापरलेल्या प्रतिमांसाठी, अग्रभूमीतील घटक आणि पार्श्वभूमी रंगांमधील फरक - एक उत्कृष्ट डिझाइन साइटमध्ये गुणवत्तेचा वापरकर्ता अनुभव आणि दीर्घकालीन साइट यशस्वीरित्या सुनिश्चित करण्यासाठी या सर्व क्षेत्रांमध्ये पुरेसे तीव्रता असणे आवश्यक आहे.
कमी तीव्रता एक गरीब वाचन अनुभव किती आहे
ज्या वेबसाइट्सच्या तुलनेत खूप कमी आहेत ते वाचणे आणि वापरणे कठिण होऊ शकतात, ज्याचा कोणत्याही साइटच्या यशेवर नकारात्मक परिणाम होईल. खराब रंगाच्या भिन्नता समस्या ओळखणे नेहमी सोपे असते. आपण सहसा असे करू शकता जे एक वेब ब्राउझरमध्ये प्रस्तुत केले गेलेले पृष्ठ पाहत आहे आणि गरीब रंग निवडीमुळे मजकूर वाचणे खूप कठीण आहे हे आपण पाहू शकता. असे असले तरीही, कोणत्या रंगांनी एकत्र चांगले कार्य करणार नाही हे ठरविणे सोपे असू शकते, परंतु इतरांच्या तुलनेत कोणत्या रंगांनी चांगले काम केले हे ठरविणे खरोखरच आव्हानात्मक असू शकते. आपण जे कार्य करीत नाही ते करू शकत नाही, परंतु आपण काय कार्य करणार हे निर्धारित कसे कराल? या लेखातील प्रतिमा आपल्याला विविध रंगांची विविधता दर्शविण्यास मदत करेल आणि ते अग्रभाग आणि पार्श्वभूमी रंग म्हणून कसे भिन्न असेल. आपण काही "चांगले" जोड्या आणि काही "खराब" जोडीदार पाहू शकता, जे आपल्याला आपल्या प्रकल्पांमध्ये योग्य रंग निवडी करण्यास मदत करतील.
कॉन्ट्रास्ट संबंधित
आपण नोंद घेण्यासारखे एक गोष्ट हे आहे की रंगभेद पार्श्वभूमीशी तुलना करता चमकदार रंगापेक्षा फार तीव्र आहे. आपण त्या वरील चित्रात पाहिल्याप्रमाणे, यातील काही रंग अतिशय उज्ज्वल आहेत आणि बॅकग्राउंड रंगास - जसे की काळ्यावर निळ्या रंगास दिसतात, परंतु तरीही मी हे लेबल खराब कॉन्ट्रास्ट म्हणून लेबल केले आहे. मी हे केले कारण, ती चमकदार असताना, रंग संयोजन मजकूर वाचण्यास कठीण देखील बनवितो. जर काळ्या पार्श्वभूमीवर सर्व निळ्या मजकूर पेज तयार करावयाचे असल्यास, आपल्या वाचकांना खूप लवकर इस्तेंटर पडले असते. म्हणूनच केवळ कृष्ण आणि पांढरा नाही (होय, त्या शृंगीचे उद्दिष्ट होते). परस्परविरोधी नियम आणि सर्वोत्तम पद्धती आहेत परंतु डिझायनर म्हणून आपण त्या नियमांचे मूल्यमापन करणे आवश्यक आहे जेणेकरून ते आपल्या विशिष्ट घटनात काम करतील.
रंग निवडत आहे
आपल्या वेबसाइटच्या डिझाइनसाठी रंग निवडताना कॉन्ट्रास्ट हा विचार करण्यातील एक घटक आहे, परंतु हे एक महत्वाचे आहे. रंगांची निवड करताना, कंपनीसाठी ब्रॅन्ड मानकांविषयी लक्ष्यात ठेवा, परंतु रंग पट्ट्यांना संबोधित करण्यास तयार व्हा, जेणेकरून ते एखाद्या संस्थेच्या ब्रँड मार्गदर्शकतत्त्वांशी सुसंगत असतील, तर चांगले ऑनलाइन कार्य करू नका. उदाहरणार्थ, मी नेहमी वेबवर प्रभावीपणे वापरण्यासाठी पिवळ्या आणि चमकदार हिरव्या भाज्या अतिशय आव्हानात्मक असल्याचे पाहिले आहे. जर हे रंग एखाद्या कंपनीच्या ब्रँड मार्गदर्शकतत्त्वांमध्ये असतील, तर ते फक्त उच्चारण कलर्स म्हणूनच वापरणे आवश्यक आहे, कारण हे रंग शोधणे कठिण आहे जे त्यास उत्कृष्ट रंग वाटतात
त्याचप्रमाणे, जर तुमच्या ब्रॅण्डचा रंग काळा आणि पांढरा असेल, तर याचा अर्थ असा होतो की मोठा फरक आहे, परंतु तुमच्याकडे दीर्घ प्रमाणात मजकूर असल्यास, पांढऱ्या मजकुरासह एक काळी पार्श्वभूमी असल्यास हार्ड वाचणे खूप कठीण आहे. काळे आणि पांढरे यांच्यातील फरक जरी उत्तम आहे, काळ्या रंगाच्या पार्श्वभूमीवर पांढरा मजकूर लांब पटलांसाठी डोळ्यांचा ताण का होतो. या प्रकरणात, मी एका पांढर्या पार्श्वभूमीवर काळा मजकूर वापरण्यासाठी रंगांचा अवतरण करेल. हे दृष्टिरूपात स्वारस्य असू शकत नाही, परंतु आपल्याला त्यापेक्षा चांगले कॉन्ट्रास्ट सापडणार नाही!
ऑनलाइन साधने
आपल्या स्वतःच्या डिझाइनच्या जादूटोण्याव्यतिरिक्त, काही ऑनलाइन साधने आहेत जी आपण आपल्या साइटच्या रंग निवडीची चाचणी घेण्यासाठी वापरू शकता.
CheckMyColors.com आपल्या साइटच्या सर्व रंगांची चाचणी घेईल आणि पृष्ठावरील घटकांमधील कॉन्ट्रास्ट प्रमाणावर अहवाल देईल.
याव्यतिरिक्त, रंग निवडींबद्दल विचार करताना, आपण वेबसाइट प्रवेशयोग्यता आणि रंग अंधत्व असणारे लोक यावर देखील विचार करणे आवश्यक आहे. WebAIM.org यासह मदत करू शकते, जसे की कंट्रास्टचाखेक.कॉम, जे डब्ल्यूसीएजी मार्गदर्शक तत्त्वांच्या विरोधात तुमच्या निवडींचे परीक्षण करेल.