A new icon system for Tiki

Work in progress – page under construction...!

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:

• IconReview
• IconThemes
• tikicon

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 icon grammar

link
image
wikipage
email
save
article
file
blog
comment
question
folder

Common icons

new
delete
print
locked
unlocked
search
trashbin

Wiki

Wiki tools

edit
history
attach file
translation
slides
rename
remove
lock
unlock
perms
export
add comment

File Galleries

Blogs

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 Tiky
Preferences
Messages
Tasks
Bookmarks
User Modules
Notepad
My Files
My Watches