વેબ ડીઝાઇનમાં કોન્ટ્રાસ્ટિંગ ફોરગ્રાઉન્ડ અને બેકગ્રાઉન્ડ કલર્સનો ઉપયોગ કરવો

પર્યાપ્ત વિપરીત સાથે તમારી વેબસાઇટની વાંચી શકાય અને વપરાશકર્તા અનુભવ સુધારો

કોઈપણ વેબસાઇટની ડિઝાઇનની સફળતામાં વિરોધાભાસ એક મહત્વપૂર્ણ ભૂમિકા ભજવે છે. તે સાઇટની ટાઇપોગ્રાફીમાંથી , સમગ્ર સાઇટમાં ઉપયોગમાં લેવાતી છબીઓ, ફોરગ્રાઉન્ડ તત્વો અને બેકગ્રાઉન્ડ રંગો વચ્ચેની વિપરીત - એક સારી ડિઝાઇનવાળી સાઇટમાં ગુણવત્તાવાળા વપરાશકર્તા અનુભવ અને લાંબા ગાળાના સાઇટની સફળતા માટે તમામ વિસ્તારોમાં પર્યાપ્ત વિપરીત હોવા આવશ્યક છે.

ઓછી કન્ટ્રાસ્ટ એક અપૂરતું વાંચન અનુભવ સમકક્ષ

વેબસાઈટસ જે ખૂબ જ ઓછી વિપરીત છે તે વાંચવા અને વાપરવા માટે મુશ્કેલ હોઈ શકે છે, જે કોઈપણ સાઇટની સફળતા પર નકારાત્મક અસર કરશે. ગરીબ રંગ વિપરીતતા મુદ્દાઓ ઘણીવાર ઓળખવા માટે સરળ છે. તમે સામાન્ય રીતે તે પૃષ્ઠને જોઈને આમ કરી શકો છો કે જે વેબ બ્રાઉઝરમાં પ્રસ્તુત કરેલું છે અને તમે જોઈ શકો છો કે લખાણ ગરીબ રંગ પસંદગીઓને કારણે વાંચવામાં ખૂબ મુશ્કેલ છે કે નહીં. તેમ છતાં, જ્યારે નક્કી કરવું સરળ છે કે કયા રંગો સારી રીતે કામ કરતા નથી, તો તે નક્કી કરવા માટે ખરેખર ખૂબ જ પડકારરૂપ બની શકે છે કે અન્ય લોકોની સરખામણીમાં કયો રંગો સારી રીતે કામ કરે છે. તમે કદાચ કામ ન કરી શકતા હોવ, પણ તમે કેવી રીતે કામ કરશો તે તમે કેવી રીતે નક્કી કરશો? આ લેખમાંની છબીથી તમને વિવિધ રંગોમાં વિવિધતા બતાવવામાં મદદ મળી શકે છે અને તે કેવી રીતે ફોરગ્રાઉન્ડ અને બેકગ્રાઉન્ડ રંગ તરીકે વિપરીત છે. તમે કેટલાક "સારા" જોડી અને કેટલાક "ગરીબ" જોડીને જોઈ શકો છો, જે તમને તમારા પ્રોજેક્ટમાં યોગ્ય રંગ પસંદગીઓ બનાવશે.

કોન્ટ્રાસ્ટ વિષે

તમે નોંધ લેવી જોઈએ તે એક બાબત એ છે કે રંગની પૃષ્ઠભૂમિની તુલના કેટલી તેજસ્વી છે તેનાથી વિપરીત વધુ છે. જેમ કે ઉપરોક્ત છબીમાં તમે જોવું જોઈએ, તેમાંના કેટલાક રંગો ખૂબ જ તેજસ્વી છે અને પૃષ્ઠભૂમિ રંગ પર વીજળી બતાવવામાં આવે છે - જેમ કે કાળો વાદળી, પરંતુ મેં હજી પણ તેને એક નબળી વિપરીતતા તરીકે લેબલ કર્યું છે મેં આ કર્યું કારણ કે, જ્યારે તે તેજસ્વી હોઈ શકે છે, ત્યારે રંગ સંયોજન હજુ પણ વાંચવાનું મુશ્કેલ બનાવે છે. જો તમે કાળો પૃષ્ઠભૂમિ પર બધા વાદળી લખાણમાં એક પાનું બનાવવા માટે હતા, તમારા વાચકો eyestrain ખૂબ જ ઝડપથી હશે આ શા માટે વિપરીત માત્ર કાળા અને સફેદ નથી (હા, તે પદનો હેતુ હતો) વિપરીત માટે નિયમો અને શ્રેષ્ઠ પ્રયાસો છે, પરંતુ ડિઝાઇનર તરીકે તમારે હંમેશા તે નિયમોનું મૂલ્યાંકન કરવું જોઈએ કે જેથી તેઓ તમારા ચોક્કસ ઉદાહરણમાં કાર્ય કરે.

રંગો પસંદ કરી રહ્યા છીએ

તમારા વેબસાઇટની ડિઝાઇન માટે રંગો પસંદ કરતી વખતે કોન્ટ્રાસ્ટ ફક્ત ધ્યાનમાં લેવાતી પરિબળોમાંથી એક છે, પરંતુ તે એક મહત્વપૂર્ણ છે. રંગો પસંદ કરતી વખતે, કંપની માટે બ્રાન્ડના ધોરણોનું ધ્યાન રાખો, પણ રંગ પટ્ટીકાને સંબોધવા માટે તૈયાર રહો, જ્યારે તે સંસ્થાના બ્રાન્ડ દિશાનિર્દેશો સાથે સંતુષ્ટ થઈ શકે છે, સારું ઓનલાઇન કાર્ય કરી શકતા નથી. દાખલા તરીકે, મેં વેબસાઇટ્સ પર અસરકારક રીતે ઉપયોગ કરવા માટે હંમેશા પીળા અને તેજસ્વી ગ્રીન્સને ભયંકર રીતે પડકારવા પડ્યા છે. જો આ રંગ કંપનીના બ્રાન્ડ દિશાનિર્દેશોમાં હોય તો, તેઓ માત્ર ઉચ્ચાર રંગો તરીકે ઉપયોગ કરવાની જરૂર છે, કારણ કે તે ક્યાં તો સાથે રંગો વિપરીત શોધવા મુશ્કેલ છે

એ જ રીતે, જો તમારી બ્રાન્ડ કલર કાળા અને સફેદ હોય, તો આનો અર્થ એ છે કે મહાન વિપરીત છે, પરંતુ જો તમારી પાસે લાંબી ટેક્સ્ટ સાથે કોઈ સાઇટ છે, સફેદ ટેક્સ્ટ સાથેનો કાળો બેકગ્રાઉન્ડ ધરાવતો હોય તો તે ખૂબ જ હાર્ડ વાંચવા જઈ રહ્યું છે કાળો અને સફેદ વચ્ચેનો તફાવત પણ મહાન છે, કાળો પૃષ્ઠભૂમિ પરનો સફેદ ટેક્સ્ટ લાંબી પેસેજ માટે આંખનો તણાવ પેદા કરે છે. આ કિસ્સામાં, હું સફેદ પૃષ્ઠભૂમિ પર કાળા ટેક્સ્ટનો ઉપયોગ કરવા માટે રંગોને ઉલટાવીશ. તે દૃષ્ટિની રસ ધરાવતી નથી, પણ તેનાથી તમને વધુ સારી વિપરીત લાગશે નહીં!

ઓનલાઇન સાધનો

તમારી પોતાની ડિઝાઇનની સમજ ઉપરાંત, કેટલાક ઓનલાઇન સાધનો છે કે જે તમે તમારી સાઇટની રંગ પસંદગી ચકાસવા માટે ઉપયોગ કરી શકો છો.

CheckMyColors.com તમારા બધા સાઇટના રંગોની ચકાસણી કરશે અને પૃષ્ઠ પરનાં ઘટકો વચ્ચેના વિપરીત રેશિયો પર રિપોર્ટ કરશે.

વધુમાં, રંગ પસંદગીઓ વિશે વિચાર કરતી વખતે, તમારે વેબસાઇટ ઍક્સેસિબિલિટી અને લોકો જે રંગ અંધત્વનાં સ્વરૂપો છે તે પણ ધ્યાનમાં લેવું જોઈએ. WebAIM.org આને મદદ કરી શકે છે, જેમ કે કોન્ટ્રાસ્ટચેકકર.કોમ, જે ડબલ્યુસીએજી માર્ગદર્શિકાઓ સામેની તમારી પસંદગીઓનું પરીક્ષણ કરશે.