Fonts and Imagery¶
Where possible these images are taken directly from our coderepository, and represent the live images used by the application right now.
References:
- http://wiki.eclipse.org/User_Interface_Guidelines#Design (amazing background detail on how to do this stuff)
- http://projects.opengeo.org/geosilk/ (match core icon concepts for geospatial concepts)
- http://en.wikipedia.org/wiki/Gill_Sans
Fonts¶
The uDig splash screen and tagline are rendered with GillSans Light:
The color used is:
- #0074bc
- RGB: 0 116 188
- HSB: 203 100 74
Example Use:
- /../plugins/net.refractions.udig/nl/en/splash.bmp
In the above image the font heights are:
- 22.08 pt
- 8.03 pt
- 5.02 pt
Imagery¶
We store are “raw” materials used when creating new images in version control:
- net.refractions.udig.dev
Location of Welcome graphics:
- net.refractions.udig.ui/
Product Branding:
- net.refractions.udig/
Core Icon Concepts¶
UDIG constructs with well defined representations:
udig logo | project file | ||
feature | grid | ||
datastore | grid coverge exchange | ||
web feature server | web map server | ||
feature file | grid file | ||
map file | pixel | ||
repository | web registry service | ||
server | database | ||
project | project missing | ||
map | empty map | ||
map layer | map layer empty | ||
map folder | map folder missing | ||
paper | page template |
This is designed to intergrate well with the common Eclipse representations, and play with with the range of overlays etc.
Overlays¶
These elements are used as overlays (or in the construction of new icons ) and usually represent an ver (ie action) or agective (ie additional description).
- /../dev/net.refractions.udig.dev/_add_co.gif
- /../dev/net.refractions.udig.dev/_edit.gif
- /../dev/net.refractions.udig.dev/_error.gif
- /../dev/net.refractions.udig.dev/_filter.gif
- /../dev/net.refractions.udig.dev/_goto.gif
- /../dev/net.refractions.udig.dev/_info.gif
- /../dev/net.refractions.udig.dev/_refresh.gif
- /../dev/net.refractions.udig.dev/_rem_co.gif
- /../dev/net.refractions.udig.dev/_select_co.gif
- /../dev/net.refractions.udig.dev/_sort_co.gif
- /../dev/net.refractions.udig.dev/_wiz.gif
- /../dev/net.refractions.udig.dev/_zoom.gif
Where possible you should “harvest” imagery from the latest eclipse release, these just represent imagery we were forced to harvest several times.
Wizard Banners¶
Wizard banners are the largest representation of our imagery in uDig.
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/repository_wiz.gif Repository
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/catalog_wiz.gif Catalog
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/datastore_wiz.gif Feature Generic
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/gce_wiz.gif Raster Generic
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/file_wiz.gif! File Generic
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/feature_file_wiz.gif File Features
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/grid_file_wiz.gif File Raster
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/server_wiz.gif! Server
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/wrs_wiz.gif Server Catalog (ie WRS)
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/wfs_wiz.gif Feature Server (ie WFS)
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/wms_wiz.gif Server Map (ie WMS)
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/export_wiz.gif Export
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/import_wiz.gif Import
- /../plugins/net.refractions.udig.ui/icons/wizban/log_wiz.png Log Wizard
- /../plugins/net.refractions.udig.catalog.ui/icons/wizban/add_wiz.gif Add
When creating a wizard you will need the following background:
- /../dev/net.refractions.udig.dev/wizbanner.gif
Standard Eclipse Metaphors¶
As usual please see the user interface guidelines, although the document is from Eclipse2.1:
Product Branding¶
Here is some of the source material used for “branding” the uDig application itself; for details on how branding works please review the Custom Application Tutorial.
Application Logo¶
icon128.gif icon64.gif icon48.gif icon32.gif icon16.gif udig.ico
Historical: (Based on Eclipse Imagry )
I do not have samples of the current logo uses at the OSG‘05 conference as they are not used in the application.
Splash Screen¶
In addition to the graphics below, room should be allocated for a porgress bar.
Splash English
- /../plugins/net.refractions.udig/nl/en/splash.bmp
Splash German
- /../plugins/!net.refractions.udig/nl/de/splash.bmp
Splash French
- /../plugins/net.refractions.udig/nl/fr/splash.bmp
About¶
The about image is under strict restrictions of no more the 250x300 pixels (or the text gets squished).
- /../plugins/net.refractions.udig/icons/about.gif
Welcome¶
The welcome screen is displayed when the user first opens up uDig.
Welcome Large:
- /../plugins/net.refractions.udig/intro/css/graphics/UDIG_WelcomeScreen.gif
- /../plugins/net.refractions.udig/intro/css/graphics/built%20on%20eclipse.gif
Welcome Small:
- /../plugins/net.refractions.udig/intro/css/graphics/UDIG_WelcomeScreen_small.gif
- /../plugins/net.refractions.udig/intro/css/graphics/bui_eclipse_pos_logo_fc_sm.gif
Welcome Topics:
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/overview72.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/overview48.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/overview48sel.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/samples72.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/samples48.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/samples48sel.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/tutorials72.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/tutorials48.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/tutorials48sel.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/whatsnew72.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/whatsnew48.gif
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/whatsnew48sel.gif!
- /../plugins/net.refractions.udig/intro/css/graphics/icons/etool/wb48.gif