ವೆಬ್ ಡಿಸೈನ್ನಲ್ಲಿ ಕಾಂಟ್ರಾಸ್ಟಿಂಗ್ ಮುನ್ನೆಲೆ ಮತ್ತು ಹಿನ್ನೆಲೆ ಬಣ್ಣಗಳನ್ನು ಬಳಸುವುದು

ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ಓದುವುದನ್ನು ಮತ್ತು ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಸಾಕಷ್ಟು ವಿರುದ್ಧವಾಗಿ ಸುಧಾರಿಸಿ

ಯಾವುದೇ ವೆಬ್ಸೈಟ್ನ ವಿನ್ಯಾಸದ ಯಶಸ್ಸಿನಲ್ಲಿ ಕಾಂಟ್ರಾಸ್ಟ್ ಪ್ರಮುಖ ಪಾತ್ರ ವಹಿಸುತ್ತದೆ. ಆ ಸೈಟ್ನ ಮುದ್ರಣಕಲೆಯಿಂದ , ಸೈಟ್ನ ಉದ್ದಕ್ಕೂ ಬಳಸುವ ಚಿತ್ರಗಳನ್ನು, ಮುಂಭಾಗದ ಅಂಶಗಳು ಮತ್ತು ಹಿನ್ನಲೆ ಬಣ್ಣಗಳ ನಡುವಿನ ವ್ಯತಿರಿಕ್ತತೆಗೆ - ಉತ್ತಮವಾಗಿ ವಿನ್ಯಾಸಗೊಳಿಸಿದ ಸೈಟ್ಗಳು ಈ ಎಲ್ಲಾ ಪ್ರದೇಶಗಳಲ್ಲಿ ಗುಣಮಟ್ಟದ ಬಳಕೆದಾರರ ಅನುಭವ ಮತ್ತು ದೀರ್ಘಕಾಲೀನ ಸೈಟ್ ಯಶಸ್ಸನ್ನು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಸಾಕಷ್ಟು ವಿರೋಧವನ್ನು ಹೊಂದಿರಬೇಕು.

ಕಡಿಮೆ ಕಾಂಟ್ರಾಸ್ಟ್ ಒಂದು ಕಳಪೆ ಓದುವಿಕೆ ಅನುಭವವನ್ನು ಸಮನಾಗಿರುತ್ತದೆ

ತದ್ವಿರುದ್ಧವಾಗಿ ಕಡಿಮೆ ಇರುವ ವೆಬ್ಸೈಟ್ಗಳು ಓದಲು ಮತ್ತು ಬಳಸಲು ಕಷ್ಟವಾಗಬಹುದು, ಅದು ಯಾವುದೇ ಸೈಟ್ನ ಯಶಸ್ಸಿನ ಮೇಲೆ ನಕಾರಾತ್ಮಕ ಪ್ರಭಾವವನ್ನು ಬೀರುತ್ತದೆ. ಕಳಪೆ ಬಣ್ಣದ ಕಾಂಟ್ರಾಸ್ಟ್ ಸಮಸ್ಯೆಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಗುರುತಿಸಲು ಸುಲಭ. ವೆಬ್ ಬ್ರೌಸರ್ನಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾದ ಪುಟವನ್ನು ನೋಡುವ ಮೂಲಕ ನೀವು ಸಾಮಾನ್ಯವಾಗಿ ಇದನ್ನು ಮಾಡಬಹುದು ಮತ್ತು ಕಳಪೆ ಬಣ್ಣದ ಆಯ್ಕೆಗಳ ಕಾರಣ ಪಠ್ಯವನ್ನು ಓದಲು ತುಂಬಾ ಕಷ್ಟವಾಗಿದೆಯೇ ಎಂದು ನೀವು ನೋಡಬಹುದು. ಆದರೂ, ಯಾವ ಬಣ್ಣಗಳು ಒಟ್ಟಿಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುವುದಿಲ್ಲ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಲು ಸುಲಭವಾಗಿದ್ದರೂ, ಇತರರಿಗೆ ವಿರುದ್ಧವಾದ ಬಣ್ಣಗಳನ್ನು ಯಾವ ಬಣ್ಣಗಳು ಉತ್ತಮವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ ಎಂಬುದನ್ನು ನಿರ್ಧರಿಸಲು ಅದು ನಿಜವಾಗಿಯೂ ಸವಾಲಿನದಾಗಿರುತ್ತದೆ. ನೀವು ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ ಏನು ಇರಬಹುದು, ಆದರೆ ಕೆಲಸ ಏನು ಮಾಡುತ್ತದೆ ಎಂಬುದನ್ನು ನೀವು ಹೇಗೆ ನಿರ್ಧರಿಸುತ್ತೀರಿ? ಈ ಲೇಖನದ ಚಿತ್ರವು ವಿವಿಧ ಬಣ್ಣಗಳನ್ನು ನಿಮಗೆ ತೋರಿಸುತ್ತದೆ ಮತ್ತು ಅವು ಮುಂಭಾಗ ಮತ್ತು ಹಿನ್ನಲೆ ಬಣ್ಣಗಳಾಗಿ ವಿಭಿನ್ನವಾಗಿರುತ್ತವೆ. ನಿಮ್ಮ "ಉತ್ತಮ" ಜೋಡಿಗಳನ್ನೂ ಮತ್ತು ಕೆಲವು "ಕಳಪೆ" ಜೋಡಣೆಯನ್ನು ನೀವು ನೋಡಬಹುದು, ಅದು ನಿಮ್ಮ ಯೋಜನೆಗಳಲ್ಲಿ ಸರಿಯಾದ ಬಣ್ಣ ಆಯ್ಕೆಗಳನ್ನು ಮಾಡಲು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.

ಇದಕ್ಕೆ ವಿರುದ್ಧವಾಗಿ

ನೀವು ಗಮನಿಸಬೇಕಾದ ಒಂದು ಅಂಶವೆಂದರೆ ಹಿನ್ನೆಲೆಗೆ ಬಣ್ಣವನ್ನು ಹೋಲಿಸಿದಾಗ ಎಷ್ಟು ಪ್ರಕಾಶಮಾನವಾಗಿರುವುದಕ್ಕಿಂತ ಹೆಚ್ಚಿನದು. ಮೇಲೆ ತಿಳಿಸಿದ ಚಿತ್ರದಲ್ಲಿ ನೀವು ನೋಡಬೇಕಾದಂತೆ, ಈ ಬಣ್ಣಗಳಲ್ಲಿ ಕೆಲವು ಬಣ್ಣಗಳು ಪ್ರಕಾಶಮಾನವಾಗಿರುತ್ತವೆ ಮತ್ತು ಕಪ್ಪು ಬಣ್ಣದಲ್ಲಿ ನೀಲಿ ಬಣ್ಣದಂತಹ ಹಿನ್ನಲೆ ಬಣ್ಣದ ಬಣ್ಣವನ್ನು ತೋರಿಸುತ್ತವೆ, ಆದರೆ ನಾನು ಅದನ್ನು ಇನ್ನೂ ಬಲಿಷ್ಟವಾದದ್ದು ಎಂದು ಲೇಬಲ್ ಮಾಡಿದೆ. ನಾನು ಇದನ್ನು ಮಾಡಿದ್ದೇನೆ ಏಕೆಂದರೆ, ಅದು ಪ್ರಕಾಶಮಾನವಾಗಿರಬಹುದು, ಬಣ್ಣ ಸಂಯೋಜನೆಯು ಇನ್ನೂ ಪಠ್ಯವನ್ನು ಓದುವಲ್ಲಿ ಕಷ್ಟಕರವಾಗುತ್ತದೆ. ಕಪ್ಪು ಹಿನ್ನೆಲೆಯಲ್ಲಿ ನೀವು ಎಲ್ಲಾ ನೀಲಿ ಪಠ್ಯದಲ್ಲಿ ಪುಟವನ್ನು ರಚಿಸಿದ್ದರೆ, ನಿಮ್ಮ ಓದುಗರು ಕಣ್ಣಿನ ರೆಪ್ಪೆಯನ್ನು ಬಹಳ ಬೇಗನೆ ಹೊಂದಬಹುದು. ಇದಕ್ಕೆ ತದ್ವಿರುದ್ಧವಾಗಿ ಕೇವಲ ಕಪ್ಪು ಮತ್ತು ಬಿಳಿ ಅಲ್ಲ (ಹೌದು, ಪನ್ ಉದ್ದೇಶಿಸಲಾಗಿದೆ). ಇದಕ್ಕೆ ವಿರುದ್ಧವಾದ ನಿಯಮಗಳು ಮತ್ತು ಅತ್ಯುತ್ತಮ ಆಚರಣೆಗಳು ಇವೆ, ಆದರೆ ವಿನ್ಯಾಸಕಾರರಾಗಿ ನೀವು ಆ ನಿಯಮಗಳನ್ನು ಮೌಲ್ಯಮಾಪನ ಮಾಡಬೇಕು ಮತ್ತು ನಿಮ್ಮ ನಿರ್ದಿಷ್ಟ ನಿದರ್ಶನದಲ್ಲಿ ಅವು ಕೆಲಸ ಮಾಡುತ್ತವೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ.

ಬಣ್ಣಗಳನ್ನು ಆಯ್ಕೆಮಾಡಿ

ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ವಿನ್ಯಾಸಕ್ಕಾಗಿ ಬಣ್ಣಗಳನ್ನು ಆಯ್ಕೆಮಾಡುವಾಗ ಪರಿಗಣಿಸಬೇಕಾದ ಅಂಶವೆಂದರೆ ಕಾಂಟ್ರಾಸ್ಟ್, ಆದರೆ ಇದು ಒಂದು ಪ್ರಮುಖವಾದದ್ದು. ಬಣ್ಣಗಳನ್ನು ಆರಿಸುವಾಗ, ಕಂಪೆನಿಗಾಗಿ ಬ್ರಾಂಡ್ ಮಾನದಂಡಗಳನ್ನು ಗಮನದಲ್ಲಿಟ್ಟುಕೊಳ್ಳಿ, ಆದರೆ ಬಣ್ಣದ ಪ್ಯಾಲೆಟ್ಗಳನ್ನು ಪರಿಹರಿಸಲು ಸಿದ್ಧರಿದ್ದಾರೆ, ಅವರು ಸಂಸ್ಥೆಯ ಬ್ರಾಂಡ್ ಮಾರ್ಗದರ್ಶಿ ಸೂತ್ರಗಳೊಂದಿಗೆ ಸ್ಥಿರವಾಗಿರುವಾಗ, ಆನ್ಲೈನ್ನಲ್ಲಿ ಉತ್ತಮವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಬೇಡಿ. ಉದಾಹರಣೆಗೆ, ವೆಬ್ಸೈಟ್ಗಳಲ್ಲಿ ಪರಿಣಾಮಕಾರಿಯಾಗಿ ಬಳಸಲು ಹಳದಿ ಮತ್ತು ಪ್ರಕಾಶಮಾನವಾದ ಹಸಿರುಗಳನ್ನು ನಾನು ಭಯಾನಕ ಸವಾಲು ಎಂದು ಯಾವಾಗಲೂ ಕಂಡುಕೊಂಡಿದ್ದೇನೆ. ಈ ಬಣ್ಣಗಳು ಕಂಪೆನಿಯ ಬ್ರಾಂಡ್ ಮಾರ್ಗದರ್ಶಿ ಸೂತ್ರದಲ್ಲಿದ್ದರೆ, ಅವುಗಳು ಉಚ್ಚಾರಣಾ ಬಣ್ಣಗಳಾಗಿ ಮಾತ್ರ ಬಳಸಬೇಕಾಗಿರುತ್ತದೆ, ಏಕೆಂದರೆ ಇದಕ್ಕೆ ವಿರುದ್ಧವಾಗಿ ಬಣ್ಣಗಳನ್ನು ಕಂಡುಹಿಡಿಯುವುದು ಕಷ್ಟ.

ಅಂತೆಯೇ, ನಿಮ್ಮ ಬ್ರ್ಯಾಂಡ್ ಬಣ್ಣಗಳು ಕಪ್ಪು ಮತ್ತು ಬಿಳಿಯಾಗಿದ್ದರೆ, ಇದರ ಅರ್ಥ ದೊಡ್ಡ ವೈಲಕ್ಷಣ್ಯವಾಗಿದೆ, ಆದರೆ ನೀವು ಉದ್ದವಾದ ಪಠ್ಯದೊಂದಿಗೆ ಸೈಟ್ ಹೊಂದಿದ್ದರೆ, ಬಿಳಿಯ ಪಠ್ಯದೊಂದಿಗೆ ಕಪ್ಪು ಹಿನ್ನೆಲೆಯನ್ನು ಹೊಂದಿರುವವರು ತುಂಬಾ ಕಠಿಣ ಓದುವಿಕೆಯನ್ನು ಮಾಡಲಿದ್ದಾರೆ. ಕಪ್ಪು ಮತ್ತು ಬಿಳುಪಿನ ನಡುವಿನ ಸಹಾನುಭೂತಿಯು ಸಹ ಉತ್ತಮವಾಗಿರುತ್ತದೆ, ಕಪ್ಪು ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಬಿಳಿಯ ಪಠ್ಯ ಸುದೀರ್ಘವಾದ ಹಾದಿಗಳಿಗೆ ಕಣ್ಣಿನ ಆಯಾಸವನ್ನು ಉಂಟುಮಾಡುತ್ತದೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ನಾನು ಬಿಳಿ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಕಪ್ಪು ಪಠ್ಯವನ್ನು ಬಳಸಲು ಬಣ್ಣಗಳನ್ನು ತಿರುಗಿಸುವೆನು. ಅದು ದೃಷ್ಟಿಗೋಚರವಾಗಿ ಆಸಕ್ತಿಯಿಲ್ಲದಿರಬಹುದು, ಆದರೆ ಅದಕ್ಕಿಂತ ಉತ್ತಮವಾದ ವ್ಯತ್ಯಾಸವನ್ನು ನೀವು ಕಾಣುವುದಿಲ್ಲ!

ಆನ್ಲೈನ್ ​​ಪರಿಕರಗಳು

ನಿಮ್ಮ ಸ್ವಂತ ವಿನ್ಯಾಸದ ಅರ್ಥದಲ್ಲಿ, ನಿಮ್ಮ ಸೈಟ್ನ ಬಣ್ಣದ ಆಯ್ಕೆಯನ್ನು ಪರೀಕ್ಷಿಸಲು ನೀವು ಬಳಸಬಹುದಾದ ಕೆಲವು ಆನ್ಲೈನ್ ​​ಪರಿಕರಗಳಿವೆ.

CheckMyColors.com ನಿಮ್ಮ ಎಲ್ಲ ಸೈಟ್ಗಳ ಬಣ್ಣಗಳನ್ನು ಪರೀಕ್ಷಿಸುತ್ತದೆ ಮತ್ತು ಪುಟದ ಅಂಶಗಳ ನಡುವೆ ವ್ಯತಿರಿಕ್ತ ಅನುಪಾತವನ್ನು ವರದಿ ಮಾಡುತ್ತದೆ.

ಹೆಚ್ಚುವರಿಯಾಗಿ, ಬಣ್ಣ ಆಯ್ಕೆಗಳನ್ನು ಕುರಿತು ಯೋಚಿಸುವಾಗ, ನೀವು ವೆಬ್ಸೈಟ್ ಪ್ರವೇಶ ಮತ್ತು ಬಣ್ಣ ಅಂಧತೆಗಳ ರೂಪ ಹೊಂದಿರುವ ಜನರನ್ನು ಸಹ ಪರಿಗಣಿಸಬೇಕು. WebAIM.org ಇದಕ್ಕೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ, ಏಕೆಂದರೆ ContrastChecker.com, ಇದು WCAG ಮಾರ್ಗಸೂಚಿಗಳ ವಿರುದ್ಧ ನಿಮ್ಮ ಆಯ್ಕೆಗಳನ್ನು ಪರೀಕ್ಷಿಸುತ್ತದೆ.