3D Slicer Version 3 Slicer3 Visual Communication Guide.docx

1、3D Slicer Version 3 Slicer3 Visual Communication Guide3D Slicer Visual Communication GuideThis document has been created to facilitate the highest level of consistency across all uses of the 3D Slicer identity. Contents1. Introduction2. 3D Slicer brand & core values3. Visual identity elements & use

2、contexts4. 3D Slicer logo5. Getting the logo6. Correctly representing the logo7. Primary logo colors8. Typography preferences 9. RevisionsIntroductionLiving document: This guide is intended to promote a consistent representation of the 3D Slicer brand throughout its use in the open source community.

3、 The guide can grow over time to address the development of written and visual communications (websites, publications, grant proposals, posters, reports, etc.) as the need arises.Much of the document is general and descriptive, and some guidelines are very specific.Our name: In any formal communicat

4、ion, the name of the software package is written in two chunks, 3D Slicer, using an upper case D and an uppercase S and with an intervening space. To admit references to 3D Slicer as simply “Slicer”, the 3D may be dropped after the formal name is given. When referring to the software package as “Sli

5、cer”, an uppercase S is used. To admit the common practice of appending the version number to the software package name and the important functionality distinctions that allows, The version number may be written as part of the name without any intervening space: Slicer3.1In one exception, the softwa

6、re package or development effort may be referred to with lowercase letters in a formal communication in email addresses and in the url of the efforts website.Correct use: Examples of incorrect use:3D Slicer 3DSlicer3D Slicer or “Slicer” 3Dslicerwww.slicer.org 3Dslicerslicer-develbwh.harvard.edu 3DSL

7、ICERSlicer 3DSLICERSlicer3 SLICERSlicer3.xx slicer3D Slicer Version 3 3DSlicer 33D Slicer Version 3.xx Slicer 3 slicer 33D Slicer brand & core valuesAbout brands: According to the Dictionary of Business and Management, the definition of a brand is: “a name, sign or symbol used to identify items or s

8、ervices of the seller(s) and to differentiate them from goods of competitors.” But a brands definition reaches beyond these concrete and practical elements:The brand is a translation of our core values into peoples perception of 3D Slicer. The brand communicates a set of attributes that make the sof

9、tware product and the software development effort distinct, and it embodies what the community thinks and feels about 3D Slicer. This important aspect of the brand is intangible, exists in the minds of people in the community, and is not immune to change, especially in an open source and distributed

10、 software development project. Visual communication guidelines are established to help keep peoples perceptions of 3D Slicer in strong compliance with our core values. In keeping with the spirit of open source efforts and products we have attempted to keep these guidelines to a minimum.Core values:

11、These are the established core values associated with 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 res

12、earch Effort associations: Advancing scientific research Assisting treatment/therapy Established and long-termVisual identity elements & use contextsThe visual elements associated with the 3D Slicer identity determine the appearance and tone of formal visual communication materials. Use of the 3D Sl

13、icer logo, overall design, typography, color and imagery determine the appearance. The impression that these elements create together determines the tone.First impressions count. As much as possible, it is encouraged that the appearance and tone of visual communications that represent the 3D Slicer

14、identity be presented in a manner that respects our core values. We anticipate three different contexts in which the 3D Slicer identity will appear: Context 1: The 3D Slicer logo will be used often to credit the use of our software either to create new research results, and/or as a framework for the

15、 implementation of new functionality. Context 2: The 3D Slicer logo will be used by the collaborations that produce the core software package to report on the status and achievements of the effort. Context 3: All the visual identity elements will be used by the 3D Slicer development effort, in the s

16、oftware package itself, and in the supporting (web, wiki, tutorial and printed documentation) information infrastructure.For the use of the 3D Slicer logo in contexts 1 & 2, it is requested only that the logos form and safe zone (described next) be respected. It is encouraged that the logo be used i

17、n conjunction with images and information that is relevant, and that combining the logo with superfluous designs, images and clip art be avoided if possible.For the use of the 3D Slicer logo in context 3, it is requested that all the visual identity elements be respected, as much as possible.3D Slic

18、er logo, Horizontal format: full color & monochromaticCorrect logos: below are examples of the 3D Slicer horizontal format logos. The only color options are A) full color on a white background, and B) grayscale on a white background as shown. C) shows the logos “safe zone”; no other visual elements

19、should cross the boundary of the safe zone. This logo may not be edited or cropped.A. B.C.3D Slicer logo, Vertical format: full color & monochromaticCorrect logos: below are examples of the 3D Slicer vertical format logos. The only color options are A) full color on a white background, and B) graysc

20、ale on a white background as shown. C) shows the logos “safe zone”; no other visual elements should cross the boundary of the safe zone. This logo may not be edited or cropped. A. B. C. 3D Slicer logo, Small desktop icon and favicon format: Correct logos: below are examples of the modified 3D Slicer

21、 small desktop icon and favicon format logos. This modified logo is only usable as a low-resolution computer desktop icon, or a favicon in a browsers url bar. This modified logo should not be used elsewhere, for instance in any online document, printed material or slide presentation. The only color

22、option is the full color image shown in (A) at small pixel resolutions of 128x128, 64x64, 32x32 and 16x16. A separate 16x16 pixel2 favicon treatment is shown. The modified logos safe zone is marked in red, in (B); no other visual elements should cross the boundary of this safe zone. This logo may no

23、t be edited or cropped.A. B.Getting the logoThere are two methods available to get the 3D Slicer logo for use in visual communications. First method: an appropriate Adobe Illustrator EPS file may be downloaded and rasterized in Adobe Photoshop at the desired resolution. These data files are availabl

24、e at http:/www.na-mic.org/Wiki/index.php/Slicer3:Slicer3Brand.Second method: a pre-generated PNG file may be downloaded with resolution (noted in the filename) most closely matches the resolution you need. A final image may be generated by resizing that image to the appropriate resolution. These ima

25、ges are also available at http:/www.na-mic.org/Wiki/index.php/Slicer3:Slicer3Brand.Correctly representing the logoThe 3D Slicer logo should not be edited, cropped, or altered in any way (by using alternative colors, violating the safe zone, distorting the logo shape, rearranging the pictorial and te

26、xtual elements, using an incorrect background color, or rotating all or part of the logo). The examples shown below are incorrect uses of the 3D Slicer logo:Primary logo colorsThe 3D Slicer logo contains a full range of colors. Though correct color reproduction is important for the entire logo, seve

27、ral of the component colors have symbolic value and are explicitly pointed out in this guide. Most importantly, Slicer blue, Slicer grey, Black and White are the primary colors used to identify the brand; together they define its visual identity. Secondary colors of symbolic importance are SPL green

28、, IGT grey, and NA-MIC blue. NameColorCMYKPantoneWebRGBSlicer blue30C 25M 0Y 0K192-8 #B4 B4 E7180R 180G 231BSlicer grey0C 0M 0Y 70K325-3 #69 69 69105R 105G 105BSPL green75C 0M 75Y 20K276-3 #00 99 660R 153G 102BIGT grey20C 0M 0Y 70K327-4#56 63 6B86R 99G 107BNA-MIC blue90C 65M 0Y 0K196-2 #00 63 B50R 9

29、9G 181BBlack0C 35M 0Y 100K328-1#00 00 000R 0G 0BWhite3C 0M 0Y 0K232-9#FF FF FF255R 255G 255BTypography preferencesVerdana is the font chosen for the 3D Slicer logo. Maintaining consistency of type is an important component of maintaining a coherent look and feel for 3D Slicer and any related or deri

30、ved brands. Verdana was designed specifically to be read on a digital display. It is recommended that we use Verdana (or Geneva) wherever possible in 3D Slicers web presence and online tutorial materials, and wherever reasonable and appropriate in formal printed communications. In the instance where this is not possible, Helvetica or Arial may be used as a substitute.Primary typefaces:VerdanaVerdana BoldGeneva Geneva BoldSubstitute typefaces:HelveticaHelvetica BoldArialArial BoldRevisions12/04/2006 Revision 1.0 (wjp)01/24/2006 Revision 2.0 (wjp)01/27/2006 Revision 3.0 (wjp)