Difference between revisions of "Specs:UI Theme"

From GIMP Developer Wiki
Jump to: navigation, search
(Update Designers&Developers)
(Move page to the gui wiki.)
 
Line 1: Line 1:
= Introduction =
+
Thanks for visiting.
 
+
The page has moved. You find it now [http://gui.gimp.org/index.php/UI_Theme_workgroup in the GIMP GUI wiki].
The aim of this project is to equip GIMP with a professional, visually appealing UI theme.
+
 
+
= Designers, Developers =
+
 
+
Volunteers welcome ;-)
+
 
+
= Objectives =
+
 
+
Currently GIMP comes with two UI themes: 'Default' and 'Small'.
+
 
+
The Default UI theme uses the systems theming. This eases visual integration into the operating systems UI, but doesn't always match. The Small UI theme is basically the same, but uses smaller icons.
+
 
+
The current situation has the following drawbacks: 
+
 
+
* Both themes have come to ages. Some people might find them not appealing.
+
 
+
* The colored theme itself competes with the image under work for the users attention.
+
 
+
* Users with High-DPI-displays (such as Apple's Retina display) complain, that the UI has become to small to be recognizeable. This hampers their workflow.
+
+
There already were some attempts to equip GIMP with other UI themes. Many of them use a dark theme or a different icon set. Jakub Steiner and Barbara Muraus designed [http://worldofgnome.org/art-libre-icons-are-ready/ Artlibre], an icon set for creative applications in GNOME.
+
The artist jEsuSdA 8) and Jehan Pagès [http://www.pasteall.org/pic/show.php?id=60269 continued the idea], added missing icons and fixed bugs. [http://android272.deviantart.com/art/GIMP-Icon-Theme-Flat-375010811 Another icon theme] by Andrew Pullins can be found at DeviantArt. Partha Bagchis [http://partha.com/ build for OS X] comes with a dark Clearlooks derivative.
+
 
+
Beside GIMP there are many other custom made UI themes and icon themes for GNOME. Perhaps choosing and modifying an existing solution to our needs could ease our work.
+
 
+
== Brainstorm ==
+
 
+
To address users different needs and preferences we could consider offering variants of the same theme: dark (black or anthrazite-coloured), silver grey, light (white or light gray)
+
 
+
== Primary ==
+
 
+
This project is a subgoal to achieve the [http://gui.gimp.org/index.php/GIMP_UI_Redesign#product_vision product vision]. This means:
+
 
+
P1. Target users are artists, who work with GIMP all day for hours.
+
 
+
P2. The theme supports artists in getting their work done quickly.
+
 
+
P3. The theme is unobtrusive and not distracting.
+
 
+
P4. The theme preserves the images appearance (e.g. neutral colors) to create high-end art.
+
 
+
 
+
P5. The theme is suitable for modern displays, i.e. HiDPI displays (Retina display etc.).
+
 
+
P6. The theme is easily maintainable.
+
+
== Secondary ==
+
 
+
S1. The theme is visually appealing.
+
 
+
S2. The theme is timeless.
+
 
+
S3. Due to restrictions of the current theme engines (i.e. the WIMP engine on Windows does not support theme modifications) a theme engine needs to run on all target platforms (at least on Windows, OS X, Linux).
+
 
+
== Constraints ==
+
 
+
C1. It's no aim to supersede the current GIMP themes 'Default' and 'Small'. They shall reside as 'System' themes to make the GIMP UI matching to the systems appearance, if the user wishes so.
+
 
+
= Planning, Current State =
+
 
+
Proposed steps:
+
 
+
# Clarify objectives and requirements - <span style="background:LightGreen">done</span>
+
# Brainstorming, collect relevant art, coarse design (=current step)
+
# Evaluate results
+
# Decide for reusing an existing solution, modifying an existing solution or doing all the work ourselves
+
# Implement and test
+
# Merge into GIMP master
+
# Add and merge documentation
+
 
+
= Relevant Art =
+
 
+
''Relevant screenshots etc. for inspiration''
+
 
+
= Evaluation =
+
 
+
''Pro's and Con's of existing solutions''
+
 
+
= Analysis, Design Drafts, Design Decisions =
+
 
+
= Miscellaneous =
+
 
+
''Comments, ideas, unstructured notes''
+
 
+
* The focus of the work should be a supportive, useful product. We should abstain ourselves from cute, fancy ideas and challenges that are a headache for graphic designers.
+
 
+
* Use transparency to keep the context in floating dialogs that overlap the canvas?
+
 
+
= See also =
+
 
+
''Design guidelines etc.''
+
 
+
* Cooper et. al, About Face 3 - the essentials of interaction design, Wiley Publishing Inc.
+
 
+
* [https://developer.gnome.org/hig-book/ GNOME human interface guidelines]
+
 
+
* [https://github.com/gnome-design-team Git repository of the GNOME design team]
+
 
+
* [http://developer.android.com/design/style/iconography.html Android iconography and colors]
+
 
+
* [http://osxdaily.com/2012/04/20/change-photoshop-cs6-dark-interface-color-scheme-to-light/ OSXDaily article about various PS CS6 themes]
+
 
+
* [http://www.graphicall.org/themes/ Blender themes]
+
 
+
* [http://www.blendswap.com/category/blender-themes More Blender themes]
+
 
+
* [http://www.jesusda.com/files/symbolic-gimp.7z jEsuSdA 8)'s symbolic icon theme (dark)]
+
 
+
* [http://www.jesusda.com/files/symbolic-gimp_light.7z jEsuSdA 8)'s symbolic icon theme (light)]
+
 
+
* [https://git.gnome.org/browse/gimp?h=theme-wip Git branch in GIMPs repository]
+
 
+
* [http://www.nngroup.com/articles/icon-usability/ Aurora Bedford's article on icon usability]
+

Latest revision as of 13:07, 24 January 2016

Thanks for visiting. The page has moved. You find it now in the GIMP GUI wiki.