{"id":484,"date":"2012-04-23T14:25:23","date_gmt":"2012-04-23T14:25:23","guid":{"rendered":"http:\/\/www.zuantechnology.com\/blog\/?p=484"},"modified":"2019-11-18T06:51:56","modified_gmt":"2019-11-18T06:51:56","slug":"10-mistakes-in-icon-design","status":"publish","type":"post","link":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/","title":{"rendered":"10 Mistakes in Icon Design"},"content":{"rendered":"

It is much easier to criticize somebody else\u2019s work than to create something cool yourself. But if you apply a systematic approach to criticizing, make a numbered list and prepare illustrations, it will be regarded as a fully-fledged analysis! In my opinion, icon design is undergoing a transitional period. On the one hand, screen resolutions are increasing, hence enhancing icons. On the other hand, we still have good old pixels. Icons sized 16\u00d716 and even smaller are still widely used.
\n<\/p>\n

\"\"<\/a>MISTAKES IN ICON DESIGN:<\/strong><\/p>\n

 <\/p>\n

Insufficient differentiation between icons<\/span><\/strong><\/p>\n

Sometimes within one set of icons, we have icons that look alike and it is very hard to understand what is what. If you miss the legends, you can very easily get the icons mixed up.<\/p>\n

Too many elements in one icon<\/span><\/strong><\/p>\n

It is preferable to keep the number of objects in a single icon to a minimum.<\/p>\n

Unnecessary elements<\/span><\/strong><\/p>\n

An icon should be easy to read. The fewer elements it has, the better. It is better if the whole image is relevant and not only part of it. Therefore, you have to pay attention to the context of using icons.<\/p>\n

Lack of unity of style within a set of icons<\/span><\/strong><\/p>\n

It is a unity of style that unites several icons into a set. The uniting property can be any of the following: color scheme, perspective, size, drawing technique or a combination of several such properties.<\/p>\n

\"\"<\/a>
\n<\/a><\/p>\n

Unnecessary perspective and shadows in small icons<\/span><\/strong><\/p>\n

Progress does not stand still: interfaces have gained the potential to display semi-transparent objects, lost the limitation on the number of colors and there is now a trend towards 3D icons. But is it really all that useful? Not always! Especially if we are talking about icons sized 16\u00d716 or smaller.<\/p>\n

Overly original metaphors<\/span><\/strong><\/p>\n

Selecting what is to be displayed in an icon is always a compromise between recognizability and originality Maybe the best solution lies not in coming up with something original but rather in adopting the existing solution.<\/p>\n

National or social characteristics not being taken into account<\/span><\/strong><\/p>\n

It is always necessary to take into account the conditions in which your icon is going to be used. An important aspect here is national characteristics. Cultural traditions, surroundings and gestures can differ radically from country to country.<\/p>\n

\u00a0Images of real interface elements in icons<\/strong><\/span><\/p>\n

Avoid using Aqua interface elements in your icons; they could be confused with the actual interface.<\/p>\n

Text inside icons<\/span><\/strong><\/p>\n

This mistake is commonly seen in application icons. Clearly the first thing that comes to mind when working on an application icon is to adapt the application\u2019s logo. What is so bad about the text inside the icon? Firstly, it is directly language-related and so impedes localization. Secondly, if the icon is small, it is impossible to read the text. Thirdly, in the case of application icons, this text is repeated in the name of the application.<\/p>\n

Outside the pixel framework<\/span><\/strong><\/p>\n

As a rule, this problem occurs if you use a vector editor for drawing icons. In large size everything looks pretty and clear; but in reality the icons are small, and under rasterization anti-aliasing frets the objects\u2019 borders.<\/p>\n

 <\/p>\n

Thanks & Regards<\/p>\n

Zuan Technologies<\/a><\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

It is much easier to criticize somebody else\u2019s work than to create something cool yourself. But if you apply a systematic approach to criticizing, make a numbered list and prepare illustrations, it will be regarded as a fully-fledged analysis! In my opinion, icon design is undergoing a transitional period. On the one hand, screen resolutions […]<\/p>\n","protected":false},"author":1,"featured_media":577,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[851],"tags":[],"class_list":["post-484","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-and-development"],"yoast_head":"\n10 Mistakes in Icon Design - Zuan Technologies<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Mistakes in Icon Design - Zuan Technologies\" \/>\n<meta property=\"og:description\" content=\"It is much easier to criticize somebody else\u2019s work than to create something cool yourself. But if you apply a systematic approach to criticizing, make a numbered list and prepare illustrations, it will be regarded as a fully-fledged analysis! In my opinion, icon design is undergoing a transitional period. On the one hand, screen resolutions […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/\" \/>\n<meta property=\"og:site_name\" content=\"Zuan Technologies\" \/>\n<meta property=\"article:published_time\" content=\"2012-04-23T14:25:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2019-11-18T06:51:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"300\" \/>\n\t<meta property=\"og:image:height\" content=\"187\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/\"},\"author\":{\"name\":\"admin\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee\"},\"headline\":\"10 Mistakes in Icon Design\",\"datePublished\":\"2012-04-23T14:25:23+00:00\",\"dateModified\":\"2019-11-18T06:51:56+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/\"},\"wordCount\":539,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg\",\"articleSection\":[\"Design and Development\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/\",\"name\":\"10 Mistakes in Icon Design - Zuan Technologies\",\"isPartOf\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg\",\"datePublished\":\"2012-04-23T14:25:23+00:00\",\"dateModified\":\"2019-11-18T06:51:56+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg\",\"contentUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg\",\"width\":300,\"height\":187},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.zuantechnologies.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Mistakes in Icon Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#website\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/\",\"name\":\"Zuan Technologies\",\"description\":\"Blog\",\"publisher\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.zuantechnologies.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#organization\",\"name\":\"Zuan Technologies\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png\",\"contentUrl\":\"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png\",\"width\":180,\"height\":180,\"caption\":\"Zuan Technologies\"},\"image\":{\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"url\":\"https:\/\/www.zuantechnologies.com\/blog\/author\/admin\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Mistakes in Icon Design - Zuan Technologies","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/","og_locale":"en_US","og_type":"article","og_title":"10 Mistakes in Icon Design - Zuan Technologies","og_description":"It is much easier to criticize somebody else\u2019s work than to create something cool yourself. But if you apply a systematic approach to criticizing, make a numbered list and prepare illustrations, it will be regarded as a fully-fledged analysis! In my opinion, icon design is undergoing a transitional period. On the one hand, screen resolutions […]","og_url":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/","og_site_name":"Zuan Technologies","article_published_time":"2012-04-23T14:25:23+00:00","article_modified_time":"2019-11-18T06:51:56+00:00","og_image":[{"width":300,"height":187,"url":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#article","isPartOf":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/"},"author":{"name":"admin","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee"},"headline":"10 Mistakes in Icon Design","datePublished":"2012-04-23T14:25:23+00:00","dateModified":"2019-11-18T06:51:56+00:00","mainEntityOfPage":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/"},"wordCount":539,"commentCount":0,"publisher":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg","articleSection":["Design and Development"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/","url":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/","name":"10 Mistakes in Icon Design - Zuan Technologies","isPartOf":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage"},"image":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage"},"thumbnailUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg","datePublished":"2012-04-23T14:25:23+00:00","dateModified":"2019-11-18T06:51:56+00:00","breadcrumb":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#primaryimage","url":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg","contentUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2012\/04\/learn_from_this_mistake-300x187.jpg","width":300,"height":187},{"@type":"BreadcrumbList","@id":"https:\/\/www.zuantechnologies.com\/blog\/10-mistakes-in-icon-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.zuantechnologies.com\/blog\/"},{"@type":"ListItem","position":2,"name":"10 Mistakes in Icon Design"}]},{"@type":"WebSite","@id":"https:\/\/www.zuantechnologies.com\/blog\/#website","url":"https:\/\/www.zuantechnologies.com\/blog\/","name":"Zuan Technologies","description":"Blog","publisher":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.zuantechnologies.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.zuantechnologies.com\/blog\/#organization","name":"Zuan Technologies","url":"https:\/\/www.zuantechnologies.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png","contentUrl":"https:\/\/www.zuantechnologies.com\/blog\/wp-content\/uploads\/2018\/01\/Zuan-Logo-FB.png","width":180,"height":180,"caption":"Zuan Technologies"},"image":{"@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/fc1e4fab91dc1c141c2dc159b5da4bee","name":"admin","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.zuantechnologies.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5bfa6b3669e29838e04d72ce0451ea0b873f08264c6a99602161af43703aa8af?s=96&d=mm&r=g","caption":"admin"},"url":"https:\/\/www.zuantechnologies.com\/blog\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/484","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/comments?post=484"}],"version-history":[{"count":3,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/484\/revisions"}],"predecessor-version":[{"id":4286,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/posts\/484\/revisions\/4286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/media\/577"}],"wp:attachment":[{"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/media?parent=484"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/categories?post=484"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zuantechnologies.com\/blog\/wp-json\/wp\/v2\/tags?post=484"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}