Difference between revisions of "Slicer3:Slicer3Brand"

From Slicer Wiki
Jump to: navigation, search
m (1 revision)
 
(5 intermediate revisions by 2 users not shown)
Line 43: Line 43:
 
Logos are available in full color and monochromatic versions of a vertical and horizontal format. A modified-form logo is available for desktop icon, favicon and other extremely low-resolution static or dynamic-resizing applications.
 
Logos are available in full color and monochromatic versions of a vertical and horizontal format. A modified-form logo is available for desktop icon, favicon and other extremely low-resolution static or dynamic-resizing applications.
  
== Full color, horizontal format:==
+
== Full color, horizontal format==
  
 
[[Image:3DSlicerLogo-H-Color-212x121.png | horizontal format, full color]]
 
[[Image:3DSlicerLogo-H-Color-212x121.png | horizontal format, full color]]
Line 59: Line 59:
  
 
*[[Media:3DSlicerLogo-HorizontalF.pdf]]
 
*[[Media:3DSlicerLogo-HorizontalF.pdf]]
 +
 +
=== SVG ===
 +
 +
*[[Media:3DSlicerLogo-HorizontalF.svg]]
  
 
=== Illustrator EPS ===
 
=== Illustrator EPS ===
Line 64: Line 68:
  
  
== Monochromatic, horizontal format:==
+
== Monochromatic, horizontal format==
  
 
[[Image:3DSlicerLogo-H-Mono-212x121.png | horizontal format, monochromatic]]
 
[[Image:3DSlicerLogo-H-Mono-212x121.png | horizontal format, monochromatic]]
Line 84: Line 88:
  
  
== Full color, vertical format:==
+
== Full color, vertical format==
  
 
[[Image:3DSlicerLogo-V-Color-201x204.png | vertical format, full color]]
 
[[Image:3DSlicerLogo-V-Color-201x204.png | vertical format, full color]]
Line 106: Line 110:
  
  
== Monochromatic, horizontal format:==
+
== Monochromatic, vertical format==
  
 
[[Image:3DSlicerLogo-V-Mono-201x204.png | vertical format, monochromatic]]
 
[[Image:3DSlicerLogo-V-Mono-201x204.png | vertical format, monochromatic]]
Line 126: Line 130:
 
(not yet available)
 
(not yet available)
  
 
+
== Modified form, *ONLY* for low-resolution desktop icons==
 
 
== Modified form, *ONLY* for low-resolution desktop icons:==
 
  
 
[[Image:3DSlicerLogo-DesktopIcon-64x64.png | desktop (low resolution) icon]]
 
[[Image:3DSlicerLogo-DesktopIcon-64x64.png | desktop (low resolution) icon]]
Line 142: Line 144:
 
</gallery>
 
</gallery>
  
== Modified form, *ONLY* for ICO images:==
+
== Modified form, *ONLY* for ICO images==
 
[[Image:3DSlicerLogo-DesktopIcon-16x16x256.png]]
 
[[Image:3DSlicerLogo-DesktopIcon-16x16x256.png]]
  
Line 173: Line 175:
 
*[[Media:3DSlicerLogo-DesktopIcon-16x16x16.gif]]
 
*[[Media:3DSlicerLogo-DesktopIcon-16x16x16.gif]]
 
*[[Media:3DSlicerLogo-DesktopIcon-16x16x256.gif]]
 
*[[Media:3DSlicerLogo-DesktopIcon-16x16x256.gif]]
 +
 +
=== Mac .icns image ===
 +
 +
[[image:3DSlicerLogo-app-icon512.svg.png|thumb|300|A fresh copy of the icon file]]
 +
 +
A macos .icns file was created at 512 resolution with a correct alpha channel [http://viewvc.slicer.org/viewvc.cgi/Slicer4?view=revision&revision=16215 and checked into the slicer4 repository] by editing the pdf file for the vertical logo and removing the elements not included in the Desktop Icon design.  The program [http://www.inkscape.org Inkscape] was used to edit the pdf file and export png for use with the Icon Composer tool in XCode.  An [http://viewvc.slicer.org/viewvc.cgi/Slicer4?view=revision&revision=16216 svg version of the icon was also committed for future reference].
 +
  
 
<br />''' Return to TOC '''
 
<br />''' Return to TOC '''
  
 
[[Slicer3:Interface_Design|Return to '''Slicer3''' Interface Design and Usability ]]
 
[[Slicer3:Interface_Design|Return to '''Slicer3''' Interface Design and Usability ]]

Latest revision as of 17:42, 25 March 2016

Home < Slicer3:Slicer3Brand

Return to Slicer3 Interface Design and Usability

vertical format, full color

Core values

These are the established core values of the 3D Slicer software and development effort:

Software associations:

  • Clarity & usability
  • Control & Precision
  • Information richness
  • Interactive & responsive
  • Reliable & Trusted
  • Easily extensible
  • Open source & cross-platform
  • Showcase for advanced research

Effort associations:

  • Advancing scientific research
  • Assisting treatment/therapy
  • Established and long-term

3D Slicer brand

We have rebranded 3D Slicer for the release of version 3.0 of the software. Visual requirements for the brand were that it reflect the core values, appear three-dimensional, reveal (three) information-rich cut-away slices, contain some color-associations with related and supporting brands, and visually refer back to the original Slicer logo. The new brand definition consists of the following:

  • New slicer logo
  • Color palette and font specification
  • Usage rules
  • Various format description of all logo variations
  • Favicon version of the color logo

3D Slicer Visual Communication Guide

SlicerVisComm.png

The brand and guidelines for its use are described in the 3D Slicer Visual Communication Guide; please make sure your use of 3D Slicer's brand conforms to the specifications outlined in this brief document. If revisions to this document are necessary, the MSWord-format file can be downloaded. If you make revisions to this document, log your revision within the document, and please create and upload a new pdf file as well.

Five Logo Formats

Logos are available in full color and monochromatic versions of a vertical and horizontal format. A modified-form logo is available for desktop icon, favicon and other extremely low-resolution static or dynamic-resizing applications.

Full color, horizontal format

horizontal format, full color

PNG images

PDF

SVG

Illustrator EPS

(not yet available)


Monochromatic, horizontal format

horizontal format, monochromatic

PNG images

PDF

(not yet available)

Illustrator EPS

(not yet available)


Full color, vertical format

vertical format, full color


PNG images

PDF

Illustrator EPS

(not yet available)


Monochromatic, vertical format

vertical format, monochromatic


PNG images

PDF

(not yet available)

Illustrator EPS

(not yet available)

Modified form, *ONLY* for low-resolution desktop icons

desktop (low resolution) icon


PNG images (with transparency)

(To get images that include transparent pixels, download the image rather than copying it from the browser and pasting into an application.)

Modified form, *ONLY* for ICO images

3DSlicerLogo-DesktopIcon-16x16x256.png

ICO image

(The following ico image should contain the multi-resolution images below)

PNG images

GIF images

Mac .icns image

A fresh copy of the icon file

A macos .icns file was created at 512 resolution with a correct alpha channel and checked into the slicer4 repository by editing the pdf file for the vertical logo and removing the elements not included in the Desktop Icon design. The program Inkscape was used to edit the pdf file and export png for use with the Icon Composer tool in XCode. An svg version of the icon was also committed for future reference.



Return to TOC

Return to Slicer3 Interface Design and Usability