Producing Standard Tab and Menu Icons for Android Apps

There are precise guidelines available in reference to Android icons. Different design guidelines are available for tab icons and menu icons.

Android Icons for Navigation Bars

Tab icons represent individual tabs in tabbed interface. Tab icons should be supplied in two distinct states: unselected and selected. It is recommended that tab icons are drawn as simple, flat shapes as opposed to graphics drawn in 3D or isometric projection.

Android OS and Android apps can run on a variety of hardware platforms using a wide range of hardware. In reference to icon graphics, those platforms can have different display sizes, screen resolutions, pixel dimensions and density. To accommodate the variety of displays, Android developers must supply all tab icons used in their apps in at least three resolutions to be displayed on low, medium, and high density displays. Pixel-wise, the outer boundaries for the three resolutions are defined as 24×24, 32×32, and 48×48 pixels. The size of the shape itself should not exceed 22×22, 28×28, and 42×42 pixels respectively. By including all three standard resolutions, designers can ensure that their apps will be shown properly on a wide range of platforms running the Android OS.

Menu icons are displayed in the “options” menu, and are displayed to the user when they press the Menu button. Similar to tab icons, menu icons should be flat, greyscale images. Just as tab icons, developers cannot use 3D or isometric projections.

Pixel resolutions for menu icons are defined in a slightly more complex way compared to tab icons. Instead of just two resolutions described for tab icons (inner shape and boundary box), the inner shape of menu icons can be smaller or larger depending on whether they are square-shaped or not. If a menu icon is square-shaped, its dimensions should be smaller than for icons with different shapes. The reason for specifying two different size limits is to establish a consistent visual weight across the two icon types.

The outer dimensions for low, medium, and high resolution icons are described as 36×36, 48×48, and 72×72 pixels respectively. Inner shapes for square, low-definition icons is 22×22 pixels, while non-square icons should fit into a boundary box sized 24×24 dots. Similarly, medium-definition icons should fit 30×30 and 32×32 pixel boundaries, while high-definition images should fit into 44×44 and 48×48 pixel rectangles respectively.

Instead of designing your own graphics conforming to these guidelines, Android developers have an option of ordering stock icons from professional designers. As an example, Android Tab Icons by Aha-Soft offer 112 unique tab icons in both states and all three standard resolutions. Should additional resolutions be required, developers can render icons at any resolution by accessing scalable vector sources. Android Tab Icons can be viewed and downloaded at www.aha-soft.com.

High Resolution App Tab Bar Icons

Version: 2011.2
Language: English, Russian
License Type: Demo

Description:
Here is a High Resolution App Tab Bar Icons collection, which will help each iPhone or iPad application developer get his graphic user interface in order. The icons from this set can be used in navigation, tab bars and toolbars, as they specifically meet the icon guidelines for iOS application design. A wide range of images, including symbols for Camera, Zoom, E-mail, Cut, Copy, Save, Profile, Search, Help, Lock and Unlock, along with navigation arrows and lots of other general purpose graphics is included into this collection. All the images have a transparent background and are available in two colors: black and white. Technically, there are 354 unique app icons created in matching style in a PNG format. The sizes for navigation bars of the following devices are available: 20×20 and 40×40 pixels (high resolution) for iPhone and iPod touch, 20×20 pixels for i Pad. The tab bar sizes include a 30×30 pixels icons for iPad and 30×30 and 60×60 pixels icons for iPhone and iPod touch. All the icons from this set are available for immediate online preview. A trial download is also provided for your convenience. After you’ve decided on the appearance of your icon, follow these guidelines as you create it: Use pure white with appropriate alpha transparency. Do not include a drop shadow. Use anti-aliasing. If you decide to add a bevel, be sure that it is 90 degrees (to help you do this, imagine a light source positioned at the top of the icon). For toolbar and navigation bar icons, create an icon in the following sizes: For iPhone and iPod touch: About 20 x 20 pixels About 40 x 40 pixels (high resolution) For iPad: About 20 x 20 pixels For tab bar icons, create an icon in the following sizes: For iPhone and iPod touch: About 30 x 30 pixels About 60 x 60 pixels (high resolution) For iPad: About 30 x 30 pixels These icons are here: http://www.aha-soft.com/stock-icons/high-resolution-app-tab-bar-icons.htm

12×12 Free Toolbar Icons

Version: 2011.1
Language: English
License Type: Freeware

Description:
There are many different ways to get icons for your application. One of them is to design those icons yourself using one of the widely available icon-editing programs. But that could be a hard task, if your drawing skills are low or not present at all. The other way is to use a search engine and get the icons free of charge from someone, who does have some drawing skill and therefore, managed to create the icons and put them on the net. There is only one problem with those icons – their quality. You can usually see rough edges, inconsistent color and blurry look in smaller sizes. That does not apply to the images, created by professional designers. However, professionally designed icons are not usually offered free of charge. Not usually, does not mean not at all. And here is an exception. Developing a software is a serious task. It requires some thought, skill, and, of course, a bright set of icons to be used for buttons, toolbars etc. And that’s the part we can help you with. Download our 12×12 Free Toolbar Icons set and see it improve your work instantly. Icon images are provided in size 12×12 only. There are two color schemes available, 256 and 32-bit color. The file formats are PNG, BMP, GIF and ICO. It is available for instant free download. Small Icons designs a lot of icon sets and develops software for icon editing and toolbar design. It plans to release the following icon sets: Online Icon Pack, Large Funny Icons, Free Cute Icons, Desktop Computer Icons, Large Software Icons, Vienna Desktop Icons, Android Toolbar Icons, Phone Toolbar Icons, Small Buddy Icons, Perfect Online Icons.

Cool Toolbar Icons

Version: 2011.1
Language: English
License Type: Demo

Description:
Cool Toolbar Icons is an extensive set of icons for modern applications. Bring your projects to life and give them the professional look using these colorful and well designed icons. With numerous icons in the package, there is something to suit all sorts of applications and Web sites. Each icon is available in a wide variety of sizes: from 16×16 to 48×48. There are also various color depths, file formats and states available. For maximum versatility, each icon is provided in bitmap (BMP), icon (ICO), GIF and PNG formats. Every icon is also available in three different states including normal, highlighted and disabled. A complete set of professionally designed icons like this will save you time, money and effort, since you won’t have to go through the expense of hiring a designer and they also have a higher quality than majority of the free icon packs available. Using this solution, you get guaranteed results quickly. You can find a preview of all the icons in the package on the website and there is also a demonstration version available.

Clock Toolbar Icons

Version: 2011.1
Language: English
License Type: Demo

Description:
Clock Toolbar Icons is a collection of attractive time-related stock icons for developers of software applications and websites. The set includes images representing clocks, calendars and other objects and concepts, related to time, performance, schedules, appointments etc. Each icon is supplied in 5 sizes (16×16, 20×20, 24×24, 32×32 and 48×48 pixels), 2 color depths (256 colors and 16.7 million colors with transparency) and 4 file formats: Windows icon (.ico), Bitmap (.bmp), GIF and PNG, enabling easy integration of images into any project or system. Each icon image also has 3 variations: normal, hot (selected) and disabled.

Clock Toolbar Icons

Classic Hardware Icon Set

Version: 2011.1
Language: English, Chinese, French, German, Japanese, Russian, Spanish
License Type: Demo

Description:
Hardware Icon Set is a collection of high quality stock icons representing various hardware items: computer, laptop, monitor, floppy drive, sound card, USB flash drive and others. All pictures share the same consistent classic style with prevalence of blue colors. The collection is distributed in the BMP, PNG, GIF and ICO formats. Each icon was produced in 16×16, 24×24, 32×32 and 48×48 sizes sizes. The collection includes both 256-colors (suitable for old Windows versions) and full-color transparent icons (for Windows XP and Vista). Here is some ideas of possible uses of Hardware Icon Set: – System utilities; – Computers and components accounting applications; – Online computer shops. Hardware Icon Set is available at the following address: http://www.aha-soft.com/stock-icons/hardware-icons.htm You can purchase the entire Hardware Icon Set or individual icons for $5 each. Icons included in Hardware Icon Set are of excellent quality and have been created by professional designers. They are an excellent choice for individual software developers and small businesses willing to use modern high quality icons in their applications without having to hire a designer to draw them. Aha-Soft also plans to release the following icon sets: Desktop Toolbar Icons, Flag Toolbar Icons, Aero Toolbar Icons, Web Toolbar Icons, Office Toolbar Icons, Weather Toolbar Icons, Computer Toolbar Icons, Folder Toolbar Icons, Software Toolbar Icons, Design Toolbar Icons.

Classic Hardware Icon Set

Transport Icon Set

Version: 2011.1
Language: English,Russian
License Type: Demo

Description:
Transport Icon Set is a collection of royalty-free ready-made icons for use in commercial and personal products, including software applications, websites, blogs, and presentations. The icons have been carefully created pixel by pixel by professional artists. They shine with a bright palette of colors, smooth and well-rounded edges. Superb in their quality, the icons will help a developer to place a truly professional feel to his project’s interfaces without the need to hire a designer or spend days and even weeks on designing icons on his own. Transport Icon Set is delivered in a variety of formats and sizes, including ICO, PNG, GIF, BMP and such sizes as 16×16, 24×24, 32×32 and 48×48. The icons are available in 256 colors and in True Color with semi-transparency. Moreover, 128×128 and 256×256 icon formats for Windows Vista are also available. This icon set includes the following popular icons: truck, trailer, car, bus, tram, lorry, cabriolet, taxi, tractor, motorcycle, bicycle, ship, tank, airplane, helicopter, police car, space shuttle, hand cart, compass, Earth, globe, screwdriver, wrench, gear, wheel, journey, fuel expenses, pipe line and others. You can choose any main icon for your application from the above icons. Upcoming Windows Vista requires 265×256 icon sizes and our icon collection contains such icon size. Your business or logistics software will look more modern and attractive with Transport Icon Set inside Windows Vista!

Business Icons for Vista

Version: 2011.1
Language: English,Russian
License Type: Demo

Description:
Business Icons for Vista introduces a splendid icon collection well-suited for websites and software applications associated with all sorts of business activities. The set contains icons depicting various business-related matters, such as commerce, means of communication, different types of transport, customer relations, etc. The icons are carefully drawn in a Vista-like manner, which helps to give your project a modern, friendly look. When the market is full of rivals and time is short, Business Icons for Vista is a great ready-made solution that’ll give you a competitive edge based on visual attractiveness of your project. A single glance is enough to be inspired by the quality of these marvelous icons. If you want to make a good impression on the target audience, Business Icons for Vista is what you need. The icons are refined in every detail and will be a true adornment for any project. The icon set comes in all standard sizes, including 16×16, 20×20, 24×24, 32×32, 48×48, 128×128 and 256×256. The icons are available in 256 colors and 32-bit True Color (16.7 million colors with transparency). They can be delivered in one of the following formats of your choice: ICO, PNG, GIF and BMP. Business Icons for Vista is ideal for designing a professional website for your enterprise, as well as creating classy looking interfaces for business applications. Aha-Soft also plans to release the following icon libraries: Desktop Icon Library, Flag Icon Library, Aero Icon Library, Web Icon Library, Office Icon Library, Weather Icon Library, Computer Icon Library, Folder Icon Library, Software Icon Library, Design Icon Library.

Have you been wondering about converting your favored images into pictorial depictions?

A Majority of people are not keen on incorporating commercial pictorial depictions that are openly sold on several websites; they feel that they should create web graphics from pictures that they like; so, mentioned here are crucial pieces of information on how you can change your photographs into icons.

It is not unusual to come across pictorial depictions on every other online establishment that offers free designing tools and more; these give a semblance of aesthetic appeal and flare to your website, mails and even social messages on community sites . You could also incorporate a pictorial depiction on your professional cards or make it a part of your mail labels to personalize your correspondence. Making a photo icon is quite simple and requires little more than the absolute basic knowledge of photo editing. If you have not tried changing your images into web graphics as yet; here is some information about how you can pull off the process with considerable ease and do so astoundingly fast.

The initial step is to purchase an efficacious image editing application; these are can be bought over the internet for a small fee. Carefully consider the photographs that you want to transform into pictorial depictions and make sure that these photographs are in a format that can be easily identified. The basic outline of the icon will assist users to identify it quickly. If the picture has not been shot by you, take the required authorization before using it.

icons for Windows 7

With the image ready, open it in a well known picture format such as DNG, PNG or JPG with the help of your chosen icon making tool. You will need to alter the file settings of the image. The first step is to alter the resolution to 72 DPI; this is the standard resolution used for internet and digital purposes. But, if you think that the graphics will be printed, change the image resolution at 300 DPI, you could downsize it at a later stage.

Use the crop tool to alter the dimension of the pixels to suit your requirements of the desired picture icon. Normally, a square format is used for icon creation while the size ranges from 50×50 pixels to 300×300 pixels. For example, if you choose to include the graphics as your social networking avatar, you have to downsize it to 50×50 pixels because this is the most appropriate size for such usage

To crop the picture, you will need to hold down the mouse button and take the tool over the image and mark the area that you want to change into your icon. It would be suitable to choose an area that will be notable even at a small size.

Put to use the the setting that reads ‘save for web’ or any other settings that produce the same results; included in the photo creator. You will also have to make sure that you have used the proper color settings like 8 bit, which is the usual color setting for web usage. It is recommended that you store the picture at the best quality because of its small size; this will not impact the the uploading time.

You should save the file in GIF, JPG or PNG because these are the most commonly used fomats online and in graphic creation software. Now, all you have to do is upload the image to your website or to a social site and you are all set to go. As opposed to this, you can simply keep the icon in the archive folder to be used anytime you deep appropriate. As you will have observed, changing pictures that you like into a pictorial depiction is not very difficult, so get ready to have loads of fun by using your favorite pictures.

Standard Icon Dimensions for iPhone, iPad, and iPod Apps

When designing apps for current generations of Apple iPhone, iPad, and iPod devices, application developers must use a certain set of images meeting Apple’s stringent Custom Icon and Image Creation Guidelines. As a bare minimum, developers need an application icon and a launch image. However, Apple recommends that apps provide quite a few additional images, such as an icon used by the system when displaying Spotlight search results and Settings. Apps that can open certain file types (such as documents, audio, or video clips) will need images to represent their supported file formats. Most apps will also require a good deal of graphics to draw their navigation bars, tab bars and toolbars.

Icons for iPhone Navigation Toolbars

As a rule of thumb, Apple imposes very strict requirements on how to draw these icons so that each app running on the iPhone, iPad, or iPod platform conforms to general specifications and visual guidelines. Specifications ensure that your app looks in line with products offered by Apple and third-party developers.

Designing Icons for the Retina Display

Apple’s new pixel-packed Retina display packs more dots into a small area than was possible just a few years ago. These high-definition displays allow displaying the highest definition graphics to display crisp images with the feel of dimensionality and depth. As such, Retina displays will demand higher resolution graphics to be employed in navigation bars, toolbars, and tab bars. Texture-reach, detailed, and more realistic images with multiple small elements and engravings will create the most pleasing effect of three-dimensionality and depth. To look great graphics on Retina displays, developers need their icons in resolutions of 60×60 pixels.

Icons for Navigation Bars, Toolbars, and Tab Bars

While, generally, apps can use artwork in any supported size or resolution, there are a few common sizes your icons must include in order for the system to display them properly in navigation bars, toolbars, and tab bars.

For iPhone and iPod touch toolbar and navigation bars, Apple specifies the image resolutions of 20 x 20 pixels (standard resolution) and 40 x 40 pixels (high definition, for Retina displays). Toolbar and navigation bars in iPad apps will display 20 x 20 pixel versions exclusively.

Tab bar icons are specified in two sizes. 30 x 30 pixel icons are employed in tab bars displayed in iPad, iPhone and iPod touch apps in standard resolution. In addition, iPhone and iPod touch apps with the Retina display will benefit from using super-sized images in sizes of 60 x 60 pixels.

Stock Icons for iPhone, iPad, and iPod Navigation Bars, Toolbars, and Tab Bars

Aha-Soft offers a collection of ready-made royalty-free icons conforming to Apple’s navigation bar, toolbar and tab bar guidelines. App Tab Bar Icons for iPhone offer an easy way to produce stunning navigation bars, toolbars, and tab bars in iPhone, iPad, and iPod apps. 120 different application icons are provided in all standard sizes of 20×20, 30×30, 40×40, and 60×60 pixels. Each image is supplied in black and white versions. Raster PNG and PSD files and scalable vector AI, SVG, and PDF sources are provided.

Do you want to design pictograms yourself? Read more at iconeditor.info