Difference between revisions of "Slicer3:Slicer3Brand"
Line 178: | Line 178: | ||
[[image:3DSlicerLogo-app-icon512.svg.png|thumb|300|A fresh copy of the icon file]] | [[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. | + | 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]. |
Revision as of 18:15, 5 April 2011
Home < Slicer3:Slicer3BrandReturn to Slicer3 Interface Design and Usability
Contents
- 1 Core values
- 2 3D Slicer brand
- 3 3D Slicer Visual Communication Guide
- 4 Five Logo Formats
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
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:
PNG images
- Media:3DSlicerLogo-H-Color-88x50.png
- Media:3DSlicerLogo-H-Color-147x84.png
- Media:3DSlicerLogo-H-Color-212x121.png
- Media:3DSlicerLogo-H-Color-424x236.png
- Media:3DSlicerLogo-H-Color-849x484.png
- Media:3DSlicerLogo-H-Color-1273x737.png
- Media:3DSlicerLogo-H-Color-2546x1427.png
Illustrator EPS
(not yet available)
Monochromatic, horizontal format:
PNG images
- Media:3DSlicerLogo-H-Mono-88x50.png
- Media:3DSlicerLogo-H-Mono-147x84.png
- Media:3DSlicerLogo-H-Mono-212x121.png
- Media:3DSlicerLogo-H-Mono-424x236.png
- Media:3DSlicerLogo-H-Mono-849x484.png
- Media:3DSlicerLogo-H-Mono-1273x737.png
- Media:3DSlicerLogo-H-Mono-2546x1427.png
(not yet available)
Illustrator EPS
(not yet available)
Full color, vertical format:
PNG images
- Media:3DSlicerLogo-V-Color-79x80.png
- Media:3DSlicerLogo-V-Color-140x142.png
- Media:3DSlicerLogo-V-Color-201x204.png
- Media:3DSlicerLogo-V-Color-392x412.png
- Media:3DSlicerLogo-V-Color-794x834.png
- Media:3DSlicerLogo-V-Color-1195x1231.png
- Media:3DSlicerLogo-V-Color-2300x2502.png
Illustrator EPS
(not yet available)
Monochromatic, horizontal format:
PNG images
- Media:3DSlicerLogo-V-Mono-79x80.png
- Media:3DSlicerLogo-V-Mono-140x142.png
- Media:3DSlicerLogo-V-Mono-201x204.png
- Media:3DSlicerLogo-V-Mono-392x412.png
- Media:3DSlicerLogo-V-Mono-794x834.png
- Media:3DSlicerLogo-V-Mono-1195x1231.png
- Media:3DSlicerLogo-V-Mono-2300x2502.png
(not yet available)
Illustrator EPS
(not yet available)
Modified form, *ONLY* for low-resolution desktop icons:
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:
ICO image
(The following ico image should contain the multi-resolution images below)
PNG images
- Media:3DSlicerLogo-DesktopIcon-128x128x16.png
- Media:3DSlicerLogo-DesktopIcon-128x128x256.png
- Media:3DSlicerLogo-DesktopIcon-64x64x16.png
- Media:3DSlicerLogo-DesktopIcon-64x64x256.png
- Media:3DSlicerLogo-DesktopIcon-48x48x16.png
- Media:3DSlicerLogo-DesktopIcon-48x48x256.png
- Media:3DSlicerLogo-DesktopIcon-32x32x16.png
- Media:3DSlicerLogo-DesktopIcon-32x32x256.png
- Media:3DSlicerLogo-DesktopIcon-16x16x16.png
- Media:3DSlicerLogo-DesktopIcon-16x16x256.png
GIF images
- Media:3DSlicerLogo-DesktopIcon-128x128x16.gif
- Media:3DSlicerLogo-DesktopIcon-128x128x256.gif
- Media:3DSlicerLogo-DesktopIcon-64x64x16.gif
- Media:3DSlicerLogo-DesktopIcon-64x64x256.gif
- Media:3DSlicerLogo-DesktopIcon-48x48x16.gif
- Media:3DSlicerLogo-DesktopIcon-48x48x256.gif
- Media:3DSlicerLogo-DesktopIcon-32x32x16.gif
- Media:3DSlicerLogo-DesktopIcon-32x32x256.gif
- Media:3DSlicerLogo-DesktopIcon-16x16x16.gif
- Media:3DSlicerLogo-DesktopIcon-16x16x256.gif
Mac .icns image
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