ਵੈਬ ਡਿਜ਼ਾਈਨ ਵਿੱਚ ਫੌਰਗ੍ਰਾਸਟ ਅਤੇ ਬੈਕਗਰਾਊਂਡ ਕਲਰਸ ਦੀ ਵਰਤੋਂ ਕਰਦੇ ਹੋਏ

ਕਾਫ਼ੀ ਵਖਰੇਵੇਂ ਨਾਲ ਆਪਣੀ ਵੈਬਸਾਈਟ ਦੀ ਪੜ੍ਹਨਯੋਗਤਾ ਅਤੇ ਉਪਭੋਗਤਾ ਅਨੁਭਵ ਨੂੰ ਬਿਹਤਰ ਬਣਾਓ

ਕੰਟ੍ਰਾਸਟ ਕਿਸੇ ਵੀ ਵੈਬਸਾਈਟ ਦੇ ਡਿਜ਼ਾਈਨ ਦੀ ਸਫ਼ਲਤਾ ਵਿੱਚ ਮਹੱਤਵਪੂਰਣ ਭੂਮਿਕਾ ਅਦਾ ਕਰਦਾ ਹੈ. ਉਸ ਸਾਇਟ ਦੀ ਟਾਈਪੋਗ੍ਰਾਫੀ ਤੋਂ , ਪੂਰੇ ਸਾਈਟ ਵਿਚ ਵਰਤੇ ਗਏ ਚਿੱਤਰਾਂ ਤੋਂ, ਫੋਰਗਰਾਉਂਡ ਐਲੀਮੈਂਟਸ ਅਤੇ ਬੈਕਗਰਾਉਂਡ ਰੰਗਾਂ ਦੇ ਵਿਚਲਾ ਫ਼ਰਕ ਵੱਲ - ਇਕ ਚੰਗੀ ਤਰ੍ਹਾਂ ਤਿਆਰ ਕੀਤੀ ਗਈ ਸਾਇਟ ਵਿਚ ਇਨ੍ਹਾਂ ਸਾਰੇ ਖੇਤਰਾਂ ਵਿਚ ਇਕ ਗੁਣਵੱਤਾ ਵਾਲੇ ਯੂਜ਼ਰ ਦਾ ਤਜਰਬਾ ਅਤੇ ਲੰਮੀ ਮਿਆਦ ਦੀ ਸਾਈਟ ਦੀ ਸਫਲਤਾ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ.

ਘੱਟ ਕੰਟ੍ਰਾਸਟ ਇੱਕ ਮਾੜੀ ਰੀਡਿੰਗ ਅਨੁਭਵ ਦੇ ਬਰਾਬਰ ਹੈ

ਅਜਿਹੀਆਂ ਵੈਬਸਾਈਟਾਂ ਜਿਹੜੀਆਂ ਬਹੁਤ ਘੱਟ ਹਨ, ਉਹਨਾਂ ਨੂੰ ਪੜ੍ਹਨਾ ਅਤੇ ਵਰਤਣਾ ਔਖਾ ਹੋ ਸਕਦਾ ਹੈ, ਜਿਨ੍ਹਾਂ ਦਾ ਕਿਸੇ ਵੀ ਸਾਈਟ ਦੀ ਸਫਲਤਾ 'ਤੇ ਕੋਈ ਮਾੜਾ ਅਸਰ ਪਵੇਗਾ ਗਰੀਬ ਰੰਗ ਦੇ ਉਲਟ ਮੁੱਦੇ ਅਕਸਰ ਪਛਾਣੇ ਜਾਂਦੇ ਹਨ. ਤੁਸੀਂ ਆਮ ਤੌਰ 'ਤੇ ਅਜਿਹੇ ਪੰਨੇ ਨੂੰ ਦੇਖ ਕੇ ਅਜਿਹਾ ਕਰ ਸਕਦੇ ਹੋ ਜੋ ਕਿਸੇ ਵੈਬ ਬ੍ਰਾਉਜ਼ਰ ਵਿੱਚ ਪੇਸ਼ ਕੀਤਾ ਗਿਆ ਹੈ ਅਤੇ ਤੁਸੀਂ ਵੇਖ ਸਕਦੇ ਹੋ ਕਿ ਪਾਠ ਬਹੁਤ ਗਰੀਬ ਰੰਗ ਚੋਣਾਂ ਕਾਰਨ ਪੜ੍ਹਨਾ ਬਹੁਤ ਮੁਸ਼ਕਲ ਹੈ. ਫਿਰ ਵੀ, ਹਾਲਾਂਕਿ ਇਹ ਪਤਾ ਕਰਨਾ ਆਸਾਨ ਹੋ ਸਕਦਾ ਹੈ ਕਿ ਕਿਹੜਾ ਰੰਗ ਚੰਗੀ ਤਰ੍ਹਾਂ ਕੰਮ ਨਹੀਂ ਕਰਦਾ, ਇਹ ਅਸਲ ਵਿੱਚ ਇਹ ਫੈਸਲਾ ਕਰਨਾ ਬਹੁਤ ਚੁਣੌਤੀਪੂਰਨ ਹੋ ਸਕਦਾ ਹੈ ਕਿ ਦੂਜਿਆਂ ਦੇ ਮੁਕਾਬਲੇ ਕਿਹੜੇ ਰੰਗ ਵਧੀਆ ਕੰਮ ਕਰਦੇ ਹਨ. ਹੋ ਸਕਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਕੰਮ ਨਾ ਕਰ ਸਕੋਂ, ਪਰ ਤੁਸੀਂ ਇਹ ਕਿਵੇਂ ਨਿਰਧਾਰਿਤ ਕਰੋਗੇ ਕਿ ਕੰਮ ਕੀ ਹੈ? ਇਸ ਲੇਖ ਵਿਚਲਾ ਚਿੱਤਰ ਤੁਹਾਨੂੰ ਵਿਭਿੰਨ ਰੰਗਾਂ ਨੂੰ ਦਿਖਾਉਣ ਵਿਚ ਮਦਦ ਕਰੇਗਾ ਅਤੇ ਕਿਵੇਂ ਇਹ ਅਗਲੇ ਅਤੇ ਪਿਛੋਕੜ ਰੰਗ ਦੇ ਰੂਪਾਂ ਵਿਚ ਫੈਲ ਸਕਦਾ ਹੈ. ਤੁਸੀਂ ਕੁਝ "ਚੰਗੇ" ਜੋੜਾਂ ਅਤੇ ਕੁਝ "ਗਰੀਬ" ਜੋੜਾਂ ਨੂੰ ਦੇਖ ਸਕਦੇ ਹੋ, ਜੋ ਤੁਹਾਡੇ ਪ੍ਰਾਜੈਕਟਾਂ ਵਿਚ ਸਹੀ ਰੰਗ ਚੁਣਨ ਵਿਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰੇਗਾ.

ਕੰਟ੍ਰਾਸਟ ਦੇ ਸੰਬੰਧ ਵਿੱਚ

ਤੁਹਾਨੂੰ ਧਿਆਨ ਰੱਖਣਾ ਚਾਹੀਦਾ ਹੈ ਇਕ ਗੱਲ ਇਹ ਹੈ ਕਿ ਇਸ ਦੇ ਉਲਟ ਪਿੱਠਭੂਮੀ ਦੇ ਮੁਕਾਬਲੇ ਰੰਗ ਕਿੰਨਾ ਕੁ ਚਮਕਿਆ ਹੈ. ਜਿਵੇਂ ਕਿ ਤੁਹਾਨੂੰ ਪਹਿਲਾਂ ਦਿੱਤੇ ਚਿੱਤਰ ਵਿੱਚ ਵੇਖਣਾ ਚਾਹੀਦਾ ਹੈ, ਇਹਨਾਂ ਰੰਗਾਂ ਵਿੱਚੋਂ ਕੁਝ ਬਹੁਤ ਚਮਕਦਾਰ ਹੁੰਦੇ ਹਨ ਅਤੇ ਬੈਕਗਰਾਉਂਡ ਰੰਗ ਤੇ ਵਾਈਰਬੂ ਦਿਖਾਉਂਦੇ ਹਨ - ਜਿਵੇਂ ਕਿ ਕਾਲਾ ਤੇ ਨੀਲਾ, ਪਰ ਫਿਰ ਵੀ ਮੈਂ ਇਸਨੂੰ ਇੱਕ ਗਰੀਬ ਫਰਕ ਦੇ ਰੂਪ ਵਿੱਚ ਲੇਬਲ ਕੀਤਾ ਹੈ. ਮੈਂ ਇਹ ਕੀਤਾ ਕਿਉਂਕਿ, ਜਦੋਂ ਕਿ ਇਹ ਚਮਕਦਾਰ ਹੋ ਸਕਦਾ ਹੈ, ਰੰਗ ਸੰਜੋਗ ਅਜੇ ਵੀ ਪਾਠ ਨੂੰ ਪੜ੍ਹਨਾ ਮੁਸ਼ਕਲ ਬਣਾਉਂਦਾ ਹੈ. ਜੇ ਤੁਸੀਂ ਕਾਲਾ ਦੀ ਪਿੱਠਭੂਮੀ 'ਤੇ ਸਾਰੇ ਨੀਲੇ ਪਾਠ ਵਿਚ ਇਕ ਪੰਨਾ ਬਣਾਉਣਾ ਚਾਹੁੰਦੇ ਸੀ, ਤਾਂ ਤੁਹਾਡੇ ਪਾਠਕਾਂ ਦੀਆਂ ਅੱਖਾਂ ਬਹੁਤ ਤੇਜ਼ ਹੋਣਗੀਆਂ. ਇਹੀ ਕਾਰਨ ਹੈ ਕਿ ਸਿਰਫ਼ ਕਾਲਾ ਅਤੇ ਚਿੱਟਾ ਹੀ ਨਹੀਂ ਹੈ (ਹਾਂ, ਇਹ ਇਰਾਦਾ ਸੀ). ਇਸਦੇ ਉਲਟ ਨਿਯਮ ਅਤੇ ਵਧੀਆ ਅਭਿਆਸ ਹਨ, ਪਰ ਇੱਕ ਡਿਜ਼ਾਇਨਰ ਦੇ ਰੂਪ ਵਿੱਚ ਇਹ ਯਕੀਨੀ ਬਣਾਉਣ ਲਈ ਹਮੇਸ਼ਾ ਉਨ੍ਹਾਂ ਨਿਯਮਾਂ ਦਾ ਮੁਲਾਂਕਣ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਕਿ ਉਹ ਤੁਹਾਡੇ ਖਾਸ ਮੌਕੇ ਤੇ ਕੰਮ ਕਰਦੇ ਹਨ.

ਰੰਗ ਚੁਣਨਾ

ਆਪਣੀ ਵੈਬਸਾਈਟ ਦੇ ਡਿਜ਼ਾਈਨ ਲਈ ਰੰਗਾਂ ਦੀ ਚੋਣ ਕਰਨ ਵੇਲੇ ਇਸਦੇ ਉਲਟ ਵਿਚਾਰ ਇਕੋ ਜਿਹੇ ਕਾਰਕਾਂ ਵਿੱਚੋਂ ਇੱਕ ਹੈ, ਪਰ ਇਹ ਇੱਕ ਮਹੱਤਵਪੂਰਨ ਹੈ. ਰੰਗ ਦੀ ਚੋਣ ਕਰਦੇ ਸਮੇਂ, ਕੰਪਨੀ ਲਈ ਬ੍ਰਾਂਡ ਸਟੈਂਡਰਡਜ਼ ਬਾਰੇ ਧਿਆਨ ਰੱਖੋ, ਲੇਕਿਨ ਉਨ੍ਹਾਂ ਨੂੰ ਰੰਗਾਂ ਦੇ ਪਾਲੇ ਬਣਾਉਣ ਲਈ ਵੀ ਤਿਆਰ ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ, ਜਦੋਂ ਕਿ ਉਹ ਕਿਸੇ ਸੰਸਥਾ ਦੇ ਬ੍ਰਾਂਡ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਅਨੁਕੂਲ ਹੋਣ ਤਾਂ, ਆਨਲਾਈਨ ਵਧੀਆ ਢੰਗ ਨਾਲ ਕੰਮ ਨਾ ਕਰੋ. ਮਿਸਾਲ ਦੇ ਤੌਰ ਤੇ, ਮੈਂ ਹਮੇਸ਼ਾ ਪੀਲੇ ਅਤੇ ਚਮਕਦਾਰ ਗ੍ਰੀਨਜ਼ ਨੂੰ ਵੈਬਸਾਈਟਸ ਉੱਤੇ ਪ੍ਰਭਾਵਸ਼ਾਲੀ ਢੰਗ ਨਾਲ ਵਰਤਣ ਲਈ ਬਹੁਤ ਚੁਣੌਤੀਪੂਰਨ ਪਾਇਆ ਹੈ. ਜੇ ਇਹ ਰੰਗ ਕਿਸੇ ਕੰਪਨੀ ਦੇ ਬ੍ਰਾਂਡ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਾਂ ਵਿਚ ਹਨ, ਤਾਂ ਉਹਨਾਂ ਨੂੰ ਸੰਕੇਤ ਦੇ ਰੰਗ ਦੇ ਤੌਰ ਤੇ ਵਰਤਣ ਦੀ ਸੰਭਾਵਨਾ ਦੀ ਜ਼ਰੂਰਤ ਹੋ ਸਕਦੀ ਹੈ, ਕਿਉਂਕਿ ਇਹ ਰੰਗਾਂ ਨੂੰ ਲੱਭਣਾ ਬਹੁਤ ਮੁਸ਼ਕਲ ਹੁੰਦਾ ਹੈ ਜੋ ਕਿ ਕਿਸੇ ਵੀ ਤਰ੍ਹਾਂ ਨਾਲ ਚੰਗੇ ਹੁੰਦੇ ਹਨ.

ਇਸੇ ਤਰ੍ਹਾਂ, ਜੇ ਤੁਹਾਡਾ ਬ੍ਰਾਂਡ ਰੰਗ ਕਾਲਾ ਅਤੇ ਚਿੱਟਾ ਹੈ, ਇਸਦਾ ਬਹੁਤ ਵੱਡਾ ਉਲਟ ਹੈ, ਪਰ ਜੇ ਤੁਹਾਡੇ ਕੋਲ ਬਹੁਤ ਲੰਮੀ ਮਾਤਰਾ ਵਾਲੀ ਟੈਕਸਟ ਹੈ, ਜਿਸ ਵਿੱਚ ਚਿੱਟੇ ਪਾਠ ਦੇ ਨਾਲ ਇੱਕ ਕਾਲਾ ਬੈਕਟੀਗ੍ਰਾਉਂਡ ਬਹੁਤ ਸਖਤ ਪਾਠ ਕਰਨ ਜਾ ਰਿਹਾ ਹੈ. ਕਾਲਾ ਅਤੇ ਚਿੱਟਾ ਵਿਚਕਾਰਲਾ ਫ਼ਰਕ ਵੀ ਬਹੁਤ ਵਧੀਆ ਹੈ, ਕਾਲਾ ਪਿਛੋਕੜ ਵਾਲੀ ਚਿੱਟੀ ਪਾਠ ਲੰਬੇ ਸਫ਼ਿਆਂ ਲਈ ਅੱਖ ਦੇ ਦਬਾਅ ਕਾਰਨ ਹੈ. ਇਸ ਕੇਸ ਵਿੱਚ, ਮੈਂ ਇੱਕ ਚਿੱਟੇ ਬੈਕਗਰਾਊਂਡ ਤੇ ਕਾਲੇ ਟੈਕਸਟ ਨੂੰ ਵਰਤਣ ਲਈ ਰੰਗਾਂ ਨੂੰ ਬਦਲ ਦਿਆਂਗਾ. ਇਹ ਸ਼ਾਇਦ ਦੇਖਣਯੋਗ ਤੌਰ 'ਤੇ ਦਿਲਚਸਪੀ ਨਾ ਹੋਵੇ, ਪਰ ਤੁਹਾਨੂੰ ਇਸ ਤੋਂ ਬਿਹਤਰ ਤੁਲਨਾ ਨਹੀਂ ਮਿਲੇਗੀ!

ਔਨਲਾਈਨ ਸਾਧਨ

ਤੁਹਾਡੀ ਆਪਣੀ ਡਿਜਾਈਨ ਭਾਵਨਾ ਤੋਂ ਇਲਾਵਾ, ਕੁਝ ਔਨਲਾਈਨ ਉਪਕਰਣ ਹਨ ਜੋ ਤੁਸੀਂ ਆਪਣੀ ਸਾਈਟ ਦੇ ਰੰਗ ਦੀ ਚੋਣ ਦਾ ਟੈਸਟ ਕਰਨ ਲਈ ਵਰਤ ਸਕਦੇ ਹੋ.

CheckMyColors.com ਤੁਹਾਡੇ ਸਾਰੇ ਸਾਈਟ ਦੇ ਰੰਗਾਂ ਦੀ ਜਾਂਚ ਕਰੇਗਾ ਅਤੇ ਪੰਨਾ ਉੱਤੇ ਤੱਤ ਦੇ ਅਨੁਸਾਰੀ ਅਨੁਪਾਤ ਬਾਰੇ ਰਿਪੋਰਟ ਦੇਵੇਗਾ.

ਇਸ ਤੋਂ ਇਲਾਵਾ, ਜਦੋਂ ਤੁਸੀਂ ਰੰਗਾਂ ਦੇ ਵਿਕਲਪਾਂ ਬਾਰੇ ਸੋਚਦੇ ਹੋ ਤਾਂ ਤੁਹਾਨੂੰ ਵੈਬਸਾਈਟ ਐਕਸੈਸੀਬਿਲਟੀ ਅਤੇ ਉਹਨਾਂ ਲੋਕਾਂ ਬਾਰੇ ਵਿਚਾਰ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ ਜਿਹਨਾਂ ਕੋਲ ਰੰਗ ਅੰਨ੍ਹੇਪਣ ਦੇ ਰੂਪ ਹਨ. WebAIM.org ਇਸ ਨਾਲ ਮਦਦ ਕਰ ਸਕਦਾ ਹੈ, ਜਿਵੇਂ ਕਿ ਕੰਟਰੈਕਟਚੈਕਰ ਡਾਟ ਕਾਮ, ਜੋ WCAG ਦਿਸ਼ਾ ਨਿਰਦੇਸ਼ਾਂ ਦੇ ਵਿਰੁੱਧ ਤੁਹਾਡੀਆਂ ਚੋਣਾਂ ਦੀ ਜਾਂਚ ਕਰੇਗਾ.