{"id":3241,"date":"2018-02-14T13:27:56","date_gmt":"2018-02-14T13:27:56","guid":{"rendered":"http:\/\/www.ethinos.com\/blog\/?p=3241"},"modified":"2018-02-15T06:14:58","modified_gmt":"2018-02-15T06:14:58","slug":"smart-ways-to-design-icons","status":"publish","type":"post","link":"https:\/\/www.ethinos.com\/blog\/smart-ways-to-design-icons\/","title":{"rendered":"Smart Ways To Design Icons That Don’t Suck"},"content":{"rendered":"

Lately, Design has become very important part of almost every online element. Gone are the days of plain and boring web pages and layouts. A good design is not only soothing to eyes, it also helps in more business conversions<\/a>.<\/p>\n

Similarly, this is also applicable on creating icons. Creating an icon can be more overwhelming than creating a logo. This is mainly because of certain limitations in dimensions.<\/p>\n

Below are some very important pointers which need to be considered.<\/p>\n

    \n
  1. \n

    Legibility <\/strong><\/h4>\n<\/li>\n<\/ol>\n

    A legible design whether it\u2019s an icon or a logo, is very important. Even if there is no text involved, the icon must be clearly legible so that it can be visually recognized. It should portray the brand<\/a> and what it\u2019s about. For example, the icons on a windows OS desktop clearly show what they are about. This makes it easy to understand even for a new user.<\/p>\n

      \n
    1. \n

      Keep it compact<\/strong><\/h4>\n<\/li>\n<\/ol>\n

      An icon doesn\u2019t need to have images. In order to make a logo visual, you have to show it brand able. You can use a compact version of your Logo or some similar representation. Images can become outdated with time. Also, they are hard to understand with such small sized logo. Though you can represent it in a graphic form in a vector and monochrome style<\/p>\n

        \n
      1. \n

        No words Please<\/strong><\/h4>\n<\/li>\n<\/ol>\n

        Using 1st alphabet as favicon sounds too cliche. I see many designers doing the same with Icons too. Yes there are a few brands using text in icon but they have the text as a part of their logo. Facebook icon with a neat \u201cF\u201d is a great example.<\/p>\n

          \n
        1. \n

          Bright colors matter<\/strong><\/h4>\n<\/li>\n<\/ol>\n

          If you really want to ensure you logo stands out among others, you have to use vivid colors so that it stands out well. A bright colored icon definitely stands out and may increase the chances of the tap. This gets very important when there are many other apps with you have to compete with on the same screen<\/p>\n

            \n
          1. \n

            Create a symbol for your brand<\/strong><\/h4>\n<\/li>\n<\/ol>\n

            Make a symbol which your users are easy to recognize. As I mentioned above, Facebook\u2019s \u201cF\u201d logo has become the symbol of the brand. Everyone from a ten year old to someone in 50’s can easily recognize it. If you have not created a logo yet, try Canvas’s logo maker<\/a> to get it done in minutes. Later, you can make the same logo compact to display it as icon.<\/p>\n

              \n
            1. \n

              Use Vector Format only<\/strong><\/h4>\n<\/li>\n<\/ol>\n

              When creating the Icon, make sure to have one in vector format too. Using vector you can easily resize the image without pix-elating it.<\/p>\n

                \n
              1. \n

                Be Prepared for scale<\/strong><\/h4>\n<\/li>\n<\/ol>\n

                Icons are not only for phones and desktops. In Fact some icons outgrow at so high level of branding, they are used as logo itself. Hence, make sure to keep your icon scale up ready.<\/p>\n

                A good icon design is no doubt an important part of any app success. Always make sure to design with simplicity yet beautiful design.<\/p>\n","protected":false},"excerpt":{"rendered":"

                Design is crucial aspect of all online element. A good icon design is an important for app success. So, design icons with simplicity yet beautiful design. <\/p>\n","protected":false},"author":99,"featured_media":3242,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,356,347],"tags":[352,383,380,903,360,902,901,376],"class_list":["post-3241","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-branding-and-design","category-guest-blogs","category-how-to","tag-branding-and-design","tag-business-logo-design","tag-design-logo","tag-favicon","tag-graphic-design","tag-icon-design","tag-icons","tag-logo"],"_links":{"self":[{"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/posts\/3241","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/users\/99"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/comments?post=3241"}],"version-history":[{"count":3,"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/posts\/3241\/revisions"}],"predecessor-version":[{"id":3245,"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/posts\/3241\/revisions\/3245"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/media\/3242"}],"wp:attachment":[{"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/media?parent=3241"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/categories?post=3241"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ethinos.com\/blog\/wp-json\/wp\/v2\/tags?post=3241"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}