WordPress.org

Make WordPress Core

Ticket #7112: widget-icon-rationales.txt

File widget-icon-rationales.txt, 3.0 KB (added by scribblerguy, 7 years ago)
Line 
1Icon Rationales
2
3These are my thoughts on what icons I thought worked best. Some choices were practically automatic, while others were more difficult. Personally, I consider the icons to be an almost-finished work in progress. I'm sure that there are some icons which could be improved.
4
5Note: I tried to provide a visual representation of what each widget does, rather than use something abstract. Since a number of widgets provide various lists (recent posts, recent comments, pages, categories, etc.), I overlayed a mini-icon to distinguish each.
6
7
8
9widget_archive.gif
10How do you illustrate an "archive" in so small a space? To solve this quandary, I used a simple "classical temple," which is a generalization of the USA's National Archives facade.
11
12widget_calendar.gif
13This icon is fairly straightforward - a simplified wireframe of a calendar grid.
14
15widget_categories.gif
16The "category" concept seems somewhat abstract. A folder seemed to be the most simple representation for this.
17
18widget_default.gif
19This is just a very simple wireframe that is shaded with a middle shade of grey.
20
21widget_links.gif
22The mini-icon for this is just an segment of a chain-link chain, which has been a common convention for denoting hyperlinks (a segment of a chain is used in Microsoft Office Word for the hyperlink menu item and OpenOffice uses an almost identical icon for that as well).
23
24widget_meta.gif
25This was a bit of a stumper. It's called "Meta." Basically, I just went with a miniature list that was a negative of the first list (yin and yang, or such).
26
27widget_pages.gif
28The mini-icon for this is a page with a corner curled. -- Practically a universal convention.
29
30widget_recent_comments.gif
31The mini-icon is a comics dialogue bubble, which the current WP Admin Panel uses, so this is another almost universal convention.
32
33widget_recent_entries.gif
34For a "post," I just used a page with a line for the title and a rectangle for the post's body.
35
36widget_rss.gif
37The mini icon is a reduced version of the Mozilla feed icon. It's my opinion that I am keeping in the spirit of the conditions under which the Mozilla foundation release the icon. Again, that is a essentially universal convention.
38
39widget_search.gif
40This uses a magnifying glass, which is the standard convention for searches. Both Windows and Mac OS uses magnifying glass icons for their respective search functions.
41
42widget_tag_cloud.gif
43A tag cloud generally uses the size of words to show the relative frequency of a tags usage. Using one pixel per line seemed cleaner than having some lines with a height of two pixels. I used continually lighter shades of grey to approximate the appearance of a tag cloud.
44
45widget_text.gif (or its alternate)
46For text widgets, I just used a simple approximation of what a text widget is: a title area and a body area. I first went with an all white background, but that seemed too bright, so I changed the background to a light shade of grey. The file widget_text-alt.gif is the one with an all white background.