A new icon system for Tiki

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...)

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
email
save
article
file
blog
comment
question
folder

Common icons

new
delete
print
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
print
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