Difference between revisions of "Slicer3:Slicer3Brand"
(→PDF) |
|||
(4 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, | + | == 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 176: | Line 178: | ||
=== Mac .icns image === | === Mac .icns image === | ||
− | [[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 [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]. |
Latest revision as of 17:42, 25 March 2016
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
SVG
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, vertical 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