Tips for Designing Icons That Don’t Suck

02 May 2017

Use of icons is essential part of app design process. It is used to represent the app on the screen of mobile device. A well designed icon can help apps to gain popularity therefore designing a great icon is much more than just putting a logo in the box. A good icon can help your app to stand out among all other apps out there.

 

  • Make it easy to read

 

You icon should be easy to read, it`s not about text but its about visual elements. It should be recognizable with just one look it should convey message to users about it. You can have an example of icons on your computer desktop with just icon you can easily figure out what that application or folder is for. You should also consider branding of your products many companies have their logos that are well recognized by customers. However doing same can be little difficult for the newer brands , designer can make use of different visual elements to make it attractive and recognizable for customers

 

  • Think Icon, Not Image

 

Icon is not a simple image that is placed in a box, it is a combination of text and logo and trademark that should be highly recognizable it should clearly represent the brand or an idea. In just small size an image can lot difficult to read can easily get lost among other so many apps icon if it does not have any different ion in it.

 

  • Avoid Using Words

 

One thing icons can’t have and that is text it’s because there not enough space for an icon to have some stuff to read. Therefore as a rule of thumb you should avoid using words or any other form of text all together. Only exception to this rule can be the text that is integrated into your logo. Even if this is the case you should be extra careful while using t in primary logo design. Your icon should be able to create unique identify without use of any words.

 

  • Use Vibrant Color Scheme

 

The colors you use in your icon helps a lot in helping your icon to stand out from the rest. You should be making choice of vibrant and bold colors will help you grab attention of users. Secondly you must consider not using the colors that most people use for example sky blue is the color that is used extensively by designers so better avoid it, if you have your logo already designed in this color then try blending it with some other colors.

 

  • Develop a Symbol or Simple Logo

 

You may already have a logo for your brand but when it comes to icon, designing a symbol is also important. A symbol may be a simple graphic representation of company. It should be designed in sharp way while customers should be able to memorize it easily. Many of the companies are incorporating symbols in their logos and brand names as it helps them to create a connection between small icons and larger designs of logos etc. for example have look on Snap chat icon it has the ghost symbol with unique colors, that highly recognizable by everyone who use online chat applications. This is how symbols works.

 

  • Use Vector Format

 

Scale and size is important format consideration while designing an icon. It should be developed using vector based design. Use of vector based design will give you freedom to make changes and save the icon for variety of devices, sizes, and view ports without needing to create number of images to be used for this purpose. In real you will need your icon in verity of sizes to be used at different places. Use of vector format will provide you enough flexibility.

 

  • Think Outside the Box

 

Recently, the use of single color scheme backgrounds with white icon, flat design techniques and long shadows has become popular among designers. Although these design trends are popular you should not get stuck inside the design box. You should be thinking out of the box to have better response from users.

You do not need to be following the industry trends but consider something better and unique. Don’t think you must be doing what everyone else is doing.

 

  • Use Square Frames

 

You must be careful designing that if your logo or symbol fits into square frame then your icon should also need to fit squarely. This does not mean that it should be completely fit into square shape design but the basic aspect ratio should be equal height and width according to square frame. In case you have image that is vertical or horizontal, you will need to fill a space around it so that it does not get lost in background.



Latest Posts


  • website-security corporate web design dubai

    5 Ways to Increase Website Security without Compromising Usability

    16 July 2018

    Setting up corporate website or ecommerce web portal design requires considerable amount of time, energy…

  • increase website engagement_Website design dubai

    5 ways to increase website visitors engagement.

    11 July 2018

    The purpose of every website is sell products or services to the target market. This…

  • Google_xml_sitemap_webdesign_web_Design_Dubai

    How and why you should Add XML sitemap to your web design?

    03 July 2018

    You are reading this because either you have interest in webdesign or own a website…

  • website_credibility_webdesign-dubai

    How to improve Credibility of your website?

    01 July 2018

    On line success is not possible without winning the trust of customers. As your business…

  • PHP_web_design company Dubai

    Why do we use PHP for Web Development?

    21 June 2018

    When you are going for web design and development, then the choice of web development…

  • Animation design Dubai tips

    6 ways to use Animations in your Web Design.

    20 June 2018

    Latest web design trends show that the role of animation in corporate web design is…

  • user_expereince_dubai

    7 Factors that influence user experience.

    11 June 2018

      User experience (UX) is critical factor that plays and important role in success and…

  • AI_WebDesign

    Artificial Intelligence – New Reality in Web Development

    06 June 2018

    Artificial Intelligence has reached at a stage where we can expect it to become part…

  • eCommerce web design dubaieCommerce web design dubai

    6 Common E commerce Web Design Mistakes to Avoid.

    04 June 2018

    Technological advancements have opened new avenues for business and ecommerce is one of them. The…

Trending Updates
website-security corporate web design dubai

Setting up corporate website or ecommerce web portal design requires…

Read More
increase website engagement_Website design dubai

The purpose of every website is sell products or services…

Read More
Social Channels

Testimonials


  • I contacted Whitehats through their website and was immediately served by a customer service agent. I briefly explained my concern and gave my contact details. The same day in the afternoon I was contacted by an IT engineer and we scheduled a date for a visit to my apartment. Upon arrival the next day the engineer was polite, professional and confident and got the job done in an appropriate manner. I’m very satisfied with the service provided by Whitehats and plan to contact them in case of any future services. Therefore I would also recommend them for any IT related services.

    Saba Elahi

  • Whitehats cooperation with us has been indispensible, wherever we faced problems they were very fast in assessing and rectifying the things. Their continuous support has given us immense confidence for smooth functioning. During our office premises shifting, great efforts and support from you, we were able to start operations at the new premises without any downtime. They are like 24*7 support for us.Sachin Kansal | Manager (Compliance) and MLRO,

    State Bank of India

  • Professional, Quick response, Excellent service, Dedicated team! All you need in a great business and Whitehats provides it!Didier Sloukgi | Finance & Admin. Manager

    NORTHCORP

  • We have been dealing with Whitehats for more than 3 years and we are very happy with their service!! I can call them anytime :) if we have problems.Tina Tejones | Accountant General

    ACO

  • I have known White Hats for the past four years now. They are very reliable IT Company efficient in their work and you could have them at your beck and call anytime. Besides their staff are very co-operative and accommodatingRenate Fernandes | Office Manager

    id-Studio