Loading...
 

gferreira_IconsTikiwiki

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

linkImage Image Image Image Image Image
imageImage Image Image Image Image Image Image Image Image
wikipageImage Image Image Image Image Image Image Image Image
emailImage Image Image Image Image Image Image Image Image
saveImage Image Image Image Image Image Image Image
articleImage Image Image Image Image Image Image Image Image
fileImage Image Image Image Image
blogImage Image Image Image Image Image Image Image Image
commentImage Image Image Image Image Image
questionImage Image Image Image Image Image
folderImage Image Image Image Image Image

Common icons

newImage Image
deleteImage Image
printImage Image
lockedImage Image
unlockedImage Image
searchImage Image
trashbinImage Image

Wiki

editImage Image
history
attach fileImage Image
translation
slidesImage Image
rename
removeImage Image
lockImage Image
unlockImage Image
perms
exportImage Image
add commentImage Image

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 modsImage Image Image Image
ArticlesImage Image Image Image
BackupsImage Image Image Image
Backups IIImage Image Image Image
Banners
Banning
BlogsImage Image Image Image
CacheImage Image Image Image
Calendar
Categories
ChatImage Image Image Image
Content templatesImage Image Image Image
Cookies
DSN
DrawingsImage Image Image Image
Dynamic contentImage Image Image Image
FAQsImage Image Image Image
Edit templatesImage Image Image Image
External wikisImage Image Image Image
Features
GeneralImage Image Image Image
Groups
HTML pagesImage Image Image Image
Hotwords
Integrator
LoginImage Image Image Image
Links
Live supportImage Image Image Image
Mail notificationsImage Image Image Image
Mail-inImage Image Image Image
Menus
ModulesImage Image Image Image
PollsImage Image Image Image
QuickTags
RSSImage Image Image Image
RSS modulesImage Image Image Image
Referer stats
Score
SearchImage Image Image Image
Search stats
Security Admin
ShoutboxImage Image Image Image
Shoutbox Words
System Admin
Theme control
Tiki Logs
UsersImage Image Image Image
phpinfo
WikiImage Image Image Image

Edit panel

wiki linkImage Image
underlineImage Image
title barImage Image
quick tags
tagline (cookie)
table newImage Image
tableImage Image
rss feedImage Image
make toc
italicImage Image
imageImage Image
horizontal ruleImage Image
heading 1Image Image
heading 2Image Image
heading 3Image Image
external linkImage Image
dynamic variable
dynamic contentImage Image
colored text
code
center textImage Image
box
boldImage Image
special characters

User menu

My TikiImage Image
PreferencesImage Image
Messages
TasksImage Image
Bookmarks
User ModulesImage Image
Notepad
My Files
My Watches

Created by: Last Modification: Saturday 28 May 2005 08:40:56 GMT-0000 by Gustavo Ferreira
List Slides