Presentation is loading. Please wait.

Presentation is loading. Please wait.

Head Line Here MD. SHAHADAT HOSSAIN MD SHAHADAT HOSSAIN 10 Tips for Designing Icons.

Similar presentations


Presentation on theme: "Head Line Here MD. SHAHADAT HOSSAIN MD SHAHADAT HOSSAIN 10 Tips for Designing Icons."— Presentation transcript:

1 Head Line Here MD. SHAHADAT HOSSAIN MD SHAHADAT HOSSAIN 10 Tips for Designing Icons

2 1. Make It Easy to Read An icon needs to be easy to read. (And we’re not talking about text.) Visual legibility is key. The icon should include a visual that is highly recognizable because of branding or because it is easy to understand. Think about the icons on the desktop of your computer.

3 2. Think Icon, Not Image An icon is not a photo in a box. An icon can include an image, but may also be a text representation, logomark or combination of those elements. It just needs to be highly visual and recognizable. Most logos do not include actual photographs, but are a more graphic representation of an idea.

4 3.Use Vibrant Color Want your icon to stand out? Go bold with color. A vibrant color choice will help you app stand out on a variety of backgrounds and will grab the attention of users. The last thing you want from an icon design is for it to blend in with all the other options available. This makes blue – especially sky and navy hues – a color that you will likely want to avoid because so many other icons use it.

5 4.Develop a Symbol or Simple Logo You likely have a logo for your brand, but when it comes to icons a symbol is also important. A symbol can be a simple graphic representation or snippet of a logo or image.

6 5. Remember Scale While most of us think about icons as those tiny things on our phones or desktop computers, an icon is not always small. It should be designed in a way that makes it usable regardless of size.

7 6. Create in a Vector Format When it comes to scale and size, format is also an important consideration. An icon needs to be created using a vector-based design. Having a vector image will give you the freedom to make changes and save the icon for a variety of devices, sizes and viewports without creating a lot of individual images. Because the reality is you will need multiple versions of an icon sized for a variety of projects. The benefit of vector is flexibility. But there is a catch. For many applications or platforms, you will likely have to save a copy in a non- vector format for upload.

8 7. Think Outside the Design Box In recent months there have been a lot of icons that use single color backgrounds with a white icon, flat design techniques and long shadows. While these trends can be a lot of fun, don’t get stuck inside the design box. Do something different with your icon.

9 8. Think Square Your icon and any parts inside the square frame need to also fit squarely. This does not mean that the design or image has to be exactly square in shape, but the basic aspect ratio for every icon has an equal height and width.

10 9. Make it Monochrome There’s a fun little trick designers have used for years to test out the effectiveness of small-scale designs – make it monochrome. If your design communicates the same message with or without color, it probably works. If the icon needs color to be read, keep working on revisions.


Download ppt "Head Line Here MD. SHAHADAT HOSSAIN MD SHAHADAT HOSSAIN 10 Tips for Designing Icons."

Similar presentations


Ads by Google