New answers tagged icon
I agree with @Alin. Basically, everything you intend to scale, create using vectors. Regarding the format, I would go with .png or .svg, because of interlacing and transparency, and because it's easy to convert to the usually needed .ico format. Regarding the size, I would recommend going up to 256px or even 512px for large Windows, OSX and Linux icons.
This is quite simple actually. Let's take the software part: My personal rule, whenever the design allows it, use a vector based software! Therefore, using Adobe Illustrator (for me) is the only choice. When it comes to sizes, the first question that pops in my mind is if you really need to worry about it. You said they will be available for download and ...
I've also seen an iron used for this kind of functionality
I would use a simple circle (stroke only, not filled). Also perhaps change the ellipsis in "Waiting to Start" (…) to an hourglass or the hands of a watch to indicate time.
Yellow icons tell users there is an issue, you better check because there may be a problem couldn't caught by application logic. Red icons tell users there is an error, no matter it is important or not: it is an error that disable application to do something. Typically, in this kind of situations, result could not be created. Although it is believed that ...
No data presumably means the scheduled operation has run, so that limits the icons which are relevant. If it's not OK that nothing happened — that is, it's failed — then the yellow exclamation mark is the icon to use. - Scheduled Operation Failed If it is OK that nothing happened, then the green tick is the icon to use. - Nothing went wrong ...
To imply nothing happened / no data, I would use "nothing" - IE an empty circle:
Ask yourself: what is the consequence for the user? Does it matter to them? Do they need to refresh/retry/debug/uninstall/pick differently/etc.? If it is a plain error, need to make an error icon. If action is required you need to make an icon for the action required. Context is more important than technical information. –– After Edit: go with an inactive ...
There area couple of plugins you can use to make using Font Awesome (or other icon fonts) easier within photoshop: IconStack lets you insert icons from several libraries in one click and then lets developers copy the html for that icon. FontAwesomePs is simpler, just lets you drag FA icons into your PS document
How about a text layer on the screenshot, next to document icon, that says "double-click"?
The problem is that the mouse cursor itself isn't an action. The action that you're trying to indicate is pushing the physical button on the mouse. For keyboard actions, it's common practice to use an icon that looks like the physical key, such as Esc or F9. To show this for the mouse, you can use a small icon resembling the mouse, and highlight the button ...
This is the exact way that Luke Wroblewski indicated single tap and double tap with his gesture icons: These have become de-facto standards in UX wireframes, but can't say if they'd be intuitive to your users of your software. The catch is that a double-click, itself, isn't an intuitive action to begin with. It's a learned interaction. That said, those ...
It's a difficult task you have here. I don't think I've ever seen an icon for double click. I can think of a few options: A white cursor overlapping a cursor of a different colour. A cursor with a '2' inside it. A cursor hovering over the number '2'. A combination of 1 and 3.
This means the icon should have a white color for any lines/shapes that your icon has and be transparent in all other areas.
Top 50 recent answers are included