Table of contents
A new icon system for Tiki
Work in progress – page under construction...!
Introduction
The problem
No system, no visual identity
Icons used by Tiki don't follow a system. Most of the icons are taken from other applications (PHPBB, Windows interface etc). There are many completely different icon styles in Tiki, with no visual identity – a big "icon carnival"...
Some icons are repeated, some being used to represent things different than what they were designed for, some icons are really difficult to understand etc.
(reminder to myself: post some examples here to illustrate these issues...)
See also:
A new icon system
I decided to design a complete icon system for Tiki, and started by making a list of all icons used. I think the list I have contains the most important ones, but i'm aware that some are still missing and that lots of new ones can be added.
I try to explain my approach for designing the new icons below:
- rational icon grammar
- bi-dimensional, simbolic
- diagrammatic rather than "pseudo 3d"
- clear and silent rather than confusing and loud
- simple forms, multiple resolutions
- monochrome icons + colorization
- integration with different color schemes and bakgrounds
- standard sizes
- icons (identification) x buttons (action)
Basic icons
Basic icon grammar
| link | 
| 
| 
| 
| 
| 
| |||
| image | 
| 
| 
| 
| 
| 
| 
| 
| 
|
| wikipage | 
| 
| 
| 
| 
| 
| 
| 
| 
|
| 
| 
| 
| 
| 
| 
| 
| 
| |
| save | 
| 
| 
| 
| 
| 
| 
| 
| |
| article | 
| 
| 
| 
| 
| 
| 
| 
| 
|
| file | 
| 
| 
| 
| 
| ||||
| blog | 
| 
| 
| 
| 
| 
| 
| 
| 
|
| comment | 
| 
| 
| 
| 
| 
| |||
| question | 
| 
| 
| 
| 
| 
| |||
| folder | 
| 
| 
| 
| 
| 
|
Common icons
| new | 
| 
| |||||||
| delete | 
| 
| |||||||
| 
| ||||||||
| locked | 
| 
| |||||||
| unlocked | 
| 
| |||||||
| search | 
| 
| |||||||
| trashbin | 
| 
| |||||||
Wiki
| edit |
| 
| |||||||
| history | |||||||||
| attach file | 
| 
| |||||||
| translation | |||||||||
| slides | 
| 
| |||||||
| rename | |||||||||
| remove |
|
| |||||||
| lock |
|
| |||||||
| unlock |
|
| |||||||
| perms | |||||||||
| export |
| 
| |||||||
| add comment |
| 
| |||||||
File Galleries
| edit | |||||||||
| delete | |||||||||
| upload | |||||||||
| perms | |||||||||
| new gallery | |||||||||
| configure listing | |||||||||
| move selected files | |||||||||
| delete selected files | |||||||||
| edit gallery | |||||||||
| upload file | |||||||||
| browse gallery | |||||||||
| find | |||||||||
Blogs
| create new blog | |||||||||
| configure listing | |||||||||
| edit | |||||||||
| post | |||||||||
| perms | |||||||||
| remove (delete) | |||||||||
| find | |||||||||
| email this post | |||||||||
Trackers
| list trackers | |||||||||
| admin trackers | |||||||||
| edit trackers | |||||||||
| monitor trackers | |||||||||
| view tracker items | |||||||||
| view | |||||||||
| comments attachments | |||||||||
| edit | |||||||||
Admin panel
| Admin mods | 
| 
| 
| 
| |||||
| Articles | 
| 
| 
| 
| |||||
| Backups | 
| 
| 
| 
| |||||
| Backups II | 
| 
| 
| 
| |||||
| Banners | |||||||||
| Banning | |||||||||
| Blogs | 
| 
| 
| 
| |||||
| Cache | 
| 
| 
| 
| |||||
| Calendar | |||||||||
| Categories | |||||||||
| Chat | 
| 
| 
| 
| |||||
| Content templates | 
| 
| 
| 
| |||||
| Cookies | |||||||||
| DSN | |||||||||
| Drawings | 
| 
| 
| 
| |||||
| Dynamic content | 
| 
| 
| 
| |||||
| FAQs | 
| 
| 
| 
| |||||
| Edit templates | 
| 
| 
| 
| |||||
| External wikis | 
| 
| 
| 
| |||||
| Features | |||||||||
| General | 
| 
| 
| 
| |||||
| Groups | |||||||||
| HTML pages | 
| 
| 
| 
| |||||
| Hotwords | |||||||||
| Integrator | |||||||||
| Login | 
| 
| 
| 
| |||||
| Links | |||||||||
| Live support | 
| 
| 
| 
| |||||
| Mail notifications | 
| 
| 
| 
| |||||
| Mail-in | 
|
| 
| 
| |||||
| Menus | |||||||||
| Modules | 
| 
| 
| 
| |||||
| Polls | 
| 
| 
| 
| |||||
| QuickTags | |||||||||
| RSS | 
| 
| 
| 
| |||||
| RSS modules | 
| 
| 
| 
| |||||
| Referer stats | |||||||||
| Score | |||||||||
| Search | 
|
| 
|
| |||||
| Search stats | |||||||||
| Security Admin | |||||||||
| Shoutbox | 
| 
| 
| 
| |||||
| Shoutbox Words | |||||||||
| System Admin | |||||||||
| Theme control | |||||||||
| Tiki Logs | |||||||||
| Users | 
| 
| 
| 
| |||||
| phpinfo | |||||||||
| Wiki | 
|
| 
| 
| |||||
Edit panel
| wiki link |
| 
| |||||||
| underline | 
| 
| |||||||
| title bar | 
| 
| |||||||
| quick tags | |||||||||
| tagline (cookie) | |||||||||
| table new | 
| 
| |||||||
| table | 
| 
| |||||||
| rss feed |
|
| |||||||
| make toc | |||||||||
| italic | 
| 
| |||||||
| image |
| 
| |||||||
| horizontal rule | 
| 
| |||||||
| heading 1 | 
| 
| |||||||
| heading 2 | 
| 
| |||||||
| heading 3 | 
| 
| |||||||
| external link |
| 
| |||||||
| dynamic variable | |||||||||
| dynamic content |
|
| |||||||
| colored text | |||||||||
| code | |||||||||
| center text | 
| 
| |||||||
| box | |||||||||
| bold | 
| 
| |||||||
| special characters | |||||||||
User menu
| My Tiki | 
| 
| |||||||
| Preferences | 
| 
| |||||||
| Messages | |||||||||
| Tasks | 
| 
| |||||||
| Bookmarks | |||||||||
| User Modules | 
| 
| |||||||
| Notepad | |||||||||
| My Files | |||||||||
| My Watches | |||||||||