Saturday, January 13, 2018

Color Choices You Must Avoid When Designing for the Web - #infographic

Designers are always telling us “you shouldn’t do this, you shouldn’t do that”. It’s what I love most about creative folks: their willingness to help others and their desire to be forever improving in their craft.

Here are five color combinations you should reconsider using when designing for the web, and why.

H/T: creativemarket

No comments:

Post a Comment

window['__wavt'] = 'AOuZoY5zTZkd3EDPRJobtf61LMXqkM25BQ:1675231552933';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d5050352549609773373','//www.digitalinformationworld.com/2018/01/color-choices-you-must-avoid-when.html','5050352549609773373'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '5050352549609773373', 'title': 'Digital Information World', 'url': 'https://www.digitalinformationworld.com/2018/01/color-choices-you-must-avoid-when.html', 'canonicalUrl': 'https://www.digitalinformationworld.com/2018/01/color-choices-you-must-avoid-when.html', 'homepageUrl': 'https://www.digitalinformationworld.com/', 'searchUrl': 'https://www.digitalinformationworld.com/search', 'canonicalHomepageUrl': 'https://www.digitalinformationworld.com/', 'blogspotFaviconUrl': 'https://www.digitalinformationworld.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'UA-145192875-1', 'encoding': 'UTF-8', 'locale': 'en', 'localeUnderscoreDelimited': 'en', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Digital Information World - Atom\x22 href\x3d\x22https://www.digitalinformationworld.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Digital Information World - RSS\x22 href\x3d\x22https://www.digitalinformationworld.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Digital Information World - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/5050352549609773373/posts/default\x22 /\x3e\n\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Digital Information World - Atom\x22 href\x3d\x22https://www.digitalinformationworld.com/feeds/5136793979667466968/comments/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-8682825476341296', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': true, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/0e27002e7484c5e7', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'sharing': {'platforms': [{'name': 'Get link', 'key': 'link', 'shareMessage': 'Get link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Share to Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Share to Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Share to Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27en\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Read more', 'pageType': 'item', 'postId': '5136793979667466968', 'postImageThumbnailUrl': 'https://4.bp.blogspot.com/-smw8JHkcISg/WlEu6VmwEhI/AAAAAAAAGDo/uNlRw3AvidwDiPkRCQfn44acnQrVgJrmQCLcBGAs/s72-c/Color-Choices-To-Avoid-Infographic.jpg', 'postImageUrl': 'https://4.bp.blogspot.com/-smw8JHkcISg/WlEu6VmwEhI/AAAAAAAAGDo/uNlRw3AvidwDiPkRCQfn44acnQrVgJrmQCLcBGAs/s1600/Color-Choices-To-Avoid-Infographic.jpg', 'pageName': 'Color Choices You Must Avoid When Designing for the Web - #infographic', 'pageTitle': 'Digital Information World: Color Choices You Must Avoid When Designing for the Web - #infographic', 'metaDescription': 'Designers are always telling us \u201cyou shouldn\u2019t do this, you shouldn\u2019t do that\u201d. It\u2019s what I love most about creative folks: their willingness to help others and their desire to be forever improving in their craft.'}}, {'name': 'features', 'data': {'sharing_get_link_dialog': 'true', 'sharing_native': 'false'}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Link copied to clipboard!', 'ok': 'Ok', 'postLink': 'Post Link'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Custom', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Color Choices You Must Avoid When Designing for the Web - #infographic', 'description': 'Designers are always telling us \u201cyou shouldn\u2019t do this, you shouldn\u2019t do that\u201d. It\u2019s what I love most about creative folks: their willingness to help others and their desire to be forever improving in their craft.', 'featuredImage': 'https://4.bp.blogspot.com/-smw8JHkcISg/WlEu6VmwEhI/AAAAAAAAGDo/uNlRw3AvidwDiPkRCQfn44acnQrVgJrmQCLcBGAs/s1600/Color-Choices-To-Avoid-Infographic.jpg', 'url': 'https://www.digitalinformationworld.com/2018/01/color-choices-you-must-avoid-when.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': false, 'isPost': true, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'postId': 5136793979667466968}}]); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'header', document.getElementById('Header1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList1', 'topMenu', document.getElementById('PageList1'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': 'https://www.digitalinformationworld.com/p/advertise.html', 'id': '116198732654241661', 'title': 'Advertise'}], 'mobile': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense1', 'Adsense_Ad_Top', document.getElementById('AdSense1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense4', 'main', document.getElementById('AdSense4'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar-right-1', document.getElementById('HTML2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense2', 'sidebar-right-1', document.getElementById('AdSense2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar-right-1', document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_AdSenseView', new _WidgetInfo('AdSense3', 'sidebar-right-1', document.getElementById('AdSense3'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label2', 'sidebar-right-1', document.getElementById('Label2'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_PageListView', new _WidgetInfo('PageList2', 'Bottom-Links', document.getElementById('PageList2'), {'title': 'Pages', 'links': [{'isCurrentPage': false, 'href': 'https://www.digitalinformationworld.com/p/advertise.html', 'id': '116198732654241661', 'title': 'Advertise'}, {'isCurrentPage': false, 'href': 'https://www.digitalinformationworld.com/p/contact-us.html', 'id': '6952245801761455171', 'title': 'Contact Us'}, {'isCurrentPage': false, 'href': 'https://www.digitalinformationworld.com/p/about.html', 'id': '2693537557221206980', 'title': 'About Us'}, {'isCurrentPage': false, 'href': 'https://www.digitalinformationworld.com/p/privacy-policy.html', 'id': '7981663975151021989', 'title': 'Privacy Policy'}, {'isCurrentPage': false, 'href': 'https://www.digitalinformationworld.com/p/word-count-tool.html', 'id': '2980505047855746476', 'title': 'Words Counter'}, {'isCurrentPage': false, 'href': 'https://www.digitalinformationworld.com/p/online-html-editor-tool.html', 'id': '3719529649273442344', 'title': 'HTML Editor'}], 'mobile': false}, 'displayModeFull')); _WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer-3', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '5050352549609773373', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'contactFormToken': 'AOuZoY5xGAk_jnbLSPdsN9Bs3kXvtKPxGw:1675231552933', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'footer-3', document.getElementById('HTML5'), {}, 'displayModeFull'));