Project

General

Profile

Actions

Feature #62158

closed

Iconography / Icon identity

Added by Felix Kopp over 9 years ago. Updated over 6 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
-
Target version:
Start date:
2006-07-03
Due date:
% Done:

100%

Estimated time:
(Total: 0.00 h)
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

Please also see the original source at https://github.com/7elix/TYPO3.CMS.Flat/issues/6 (source)

There are three major types of ICONS in the TYPO3 backend:

  1. Module / App icons
  2. Record icons
  3. Action icons

These icon groups have different purposes:

Identity

App icons

Task: Click on icon starts backend module view right away. The complete interface and focus changes for the user.
Position: Module menu / "launcher"
Action: Start different App view

Record icons

Task: Identify single record and are unique per data type. Reside mostly in tables..
Position: In front of record title / within table always the first column
Action: Opens Clickmenu for list of action

Action icons

Task: Trigger primary action directly.
Position: In data tables always within the last column.
Action: Single click starts action right aways - something happens

Visual distinction

App icons

Colorful background. Monochrome/inverted pictogram in the foreground. Rounded corners. Large dimensions of 32x32 Pixels (high-dpi at 64x64px)
Technology: Rendered in moduleMenu as images by ViewHelper

Record icons

transparent background + colorful foreground, No border no corner no background color necessary. Optimized to sit in table list rows at 16x16 Pixels
Technology: Output by IconUtility and img-Tag

Action icons

transparent background + and monochrome, vectorized (FontAwesome). no border, no corner. Output ~16x16 Pixel
Technology: Output based on FontAwesome / monochrome vector font


Files

icon_64.psd (643 KB) icon_64.psd Icon PSD File with all Icons as Vector Dirk Lipjes, 2014-11-16 10:40
icons_64.zip (73.4 KB) icons_64.zip Felix Kopp, 2014-11-18 13:35

Subtasks 27 (0 open27 closed)

Epic #62333: App Icons & Focussed backend AppsClosed2006-07-03

Actions
Feature #62335: "People" AppClosed2006-07-03

Actions
Feature #53685: Add edit icons to Backend User "Compare" viewClosedMarkus Sommer2013-11-15

Actions
Feature #18602: Tools > User Admin ("Backend User Administration") lacks option to copy an existing userClosed2008-04-11

Actions
Feature #16313: Compare usergroup settingsClosed2006-07-03

Actions
Task #62339: Move EXT:perm into EXT:beuserClosedFrank Nägler2014-10-19

Actions
Task #62608: Move Perm next to beusersClosed2014-11-01

Actions
Bug #43458: Backend Module user admin: Usergroups not compareableClosed2012-11-29

Actions
Epic #62336: "System health" AppClosed2014-10-19

Actions
Epic #62337: "Live search" AppClosed2010-07-15

Actions
Bug #60464: Backend search : Found files not appeared in search results pageClosed2014-07-22

Actions
Bug #59900: Backend Search -> Show all respect only permissions from first user groupClosed2014-06-26

Actions
Feature #58724: Implement proper backend file searchClosed2014-05-12

Actions
Feature #53666: One search box onlyClosed2013-11-15

Actions
Bug #51982: DB check -> Full search: cannot find hidden pagesClosed2013-09-13

Actions
Feature #23188: Access restriction to backend searchRejected2010-07-15

Actions
Bug #61203: Reimplement LiveSearchToolbaritem icon based on jQuery (advanced)Closed2014-08-26

Actions
Bug #60465: Backend search : File Metadata appears twiceClosed2014-07-22

Actions
Epic #62338: "Help center" AppClosed2014-11-13

Actions
Feature #62904: Move Help submodul to topbarClosed2014-11-13

Actions
Epic #63836: "Recycler App"Closed2015-08-27

Actions
Feature #69340: Show backend user + avatar who deleted the record Closed2015-08-27

Actions
Bug #62398: Localization overview: No difference in edit icons anymoreClosedFelix Kopp2014-10-22

Actions
Bug #62439: Icons for expand/collapse tables in list view are missingClosedFelix Kopp2014-10-24

Actions
Bug #62471: Missing icons for disabled paginationClosed2014-10-25

Actions
Task #62661: New icon for ordering of inline recordsClosed2014-11-03

Actions
Task #63013: Replace user/admin iconsRejected2014-11-16

Actions
Actions

Also available in: Atom PDF