Visual Identity SystemDesign Specifications & Guidelines
00/01   Preface                   前言视觉形象识别系统                   为避免本国设计人员及办公人员对本视觉形象识别系统的疑惑或误解,本指南的解说正设计指南                 ...
General Principles                                                02/03                         System Architecture总则     ...
Guidelines Index   05   Basic Identity               基础识别                                                                 ...
Logotype                               06/07标识右图即为TP Solar标识完整形。                             左上图为不包含solar单词的标识,是标识的最简形    ...
Logotype Drawing Rules                   08/09标识制图规范右上图是标识最简形的标准网格制图(StandardGrid Drawing)。网格边界的矩形区域界定了标识的不可侵入空间(Clear Spa...
Core Element                                                                 10/11                            Color Palett...
Color Palette                                  Secondary Color                                                            ...
Standard Typefaces                                                        English Fonts                                   ...
Standard Typefaces                                                      Chinese Fonts                                     ...
Slogan Extensions                       Standard Drawing                                                  标准制图            ...
Secondary Title Extensions               Standard Drawing                                                   标准制图          ...
Forbidden Samples                                      Forbidden Drawings                                                 ...
Forbidden Samples                                             Forbidden Decorations                                       ...
Calling Cards                                        English Edition                                                      ...
Document Template                                                                                                         ...
Presentation Template                                                                           30/31演示文稿模版本模版应用于通用的演示文稿。本...
Presentation Template演示文稿模版                                                                                               ...
Logo Wall                              34/35   Office Interior Layout形象墙                                            办公室平面布...
Office Layout               36/37办公室平面布局本室内设计着眼于两点:                         设计说明:(1) 在有限的室内空间中, 理布局10人 办公区              合 ...
Office Layout                                                   38/39办公室平面布局扩展一:                                          ...
Office Layout办公室平面布局家具配色说明:(1) 主要采用灰色系作为家具主色调,大气而国际     化;深灰色的桌面不但易于保洁,同时也能够令     办公人员集中精力(不会反射多过的杂光);(2) 点缀色采用TP Orange,与...
TP Solar - VIS Guidelines
Upcoming SlideShare
Loading in …5
×

TP Solar - VIS Guidelines

2,361 views

Published on

This is the VIS Guidelines for TP Solar, which is all designed by realfish QIAN individually.

Published in: Design
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
2,361
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

TP Solar - VIS Guidelines

  1. 1. Visual Identity SystemDesign Specifications & Guidelines
  2. 2. 00/01 Preface 前言视觉形象识别系统 为避免本国设计人员及办公人员对本视觉形象识别系统的疑惑或误解,本指南的解说正设计指南 文将主要使用母语——简体中文。但由于现代设计术语及设计标准,大多源于欧洲或北 美(部分来自日本) 同时, , 本国的术语又大多经转译日文术语而来,故对部分重要术语 标注英文,以便识别,防止混淆。 设计是为客观的人、事对象进行服务和辅助的连续性过程;并且,设计也包括这些连续 性过程所产生的实体结果。因而,设计首先是遵从理性法则的。但同时,设计又是人为的 自发性创作过程,故而,设计又必将是具有艺术性并风格化的。 本指南旨在为本视觉形象识别系统提供概要性解说:为专业设计人员提供提纲性的设计 规范及设计指导;为一般办公人员提供深入理解和精确识辨本品牌视觉形象的途径,并 帮助他们更为便利地将本品牌视觉形象正确应用到自身的日常工作中。本指南决不会刻 板地限制未来任何的设计创作可能性,同时,本指南还将为未来的品牌形象能有更多的 视觉拓展空间而尽可能地保留出口。 “在设计中,没有任何规则是必须要遵守的”——这条格言同样符合本指南的主旨;但 同时,恳请所有参阅本指南的专业设计人员或一般办公人员知晓格言的后半句——“前 提是,你已经清楚地了解所有这些规则”。 视觉形象设计师,钱争予 realfish QIAN 2011年3月,于深圳
  3. 3. General Principles 02/03 System Architecture总则 系统构架视觉形象识别系统 Visual Identity System ) ( 是为某个具体的实体对象(区域、团队、项 Visual Identity System 视觉形象识别系统目、具体化了的概念等)所定制化设计的视觉样式及实用品套件。 Basic Identity System 基础识别系统 Logotype 标识基本形视觉形象识别系统设计主要以平面视觉传达设计(Visual Communication Design)为基 Standard Colors 标准色础,包含了最基本的标识设计(Logotype) 色彩设计 、 (Color) 文字设计 、 (Typography) Standard Typefaces 标准字及基本元素应用规范设计等,以及进阶扩展的版式设计(Layout) 规格设计 、 (Format)、 Logotype Usage Rules 标识使用规范导向设计(Sign)和环境设计(Environment) 对于不同的实体对象, 等。 “视觉形象识别 Forbidden Samples 禁用示例系统”将有针对性地进行策划,并定制系统构架和详细内容。 Application Identity System 应用识别系统TP Solar 是北京天普太阳能集团的国际项目品牌。北京天普太阳能集团是以生产太阳能 Office Applications 办公应用热水器为主、向周边行业延伸的大型新能源(集团)公司,致力于成为新能源领域中最优 Space Applications 空间应用秀的开发、制造和服务商。 ... ... ... ...TP Solar Visual Identity System(天普太阳能视觉形象识别系统)是为TP Solar项目品牌量 [More Future Extensions] [更多未来扩展内容]身定制的专用视觉形象识别系统。系统构架的总则基于原创性、国际性及可扩展性;具体内容的设计以英语文脉(contexts)为基础,兼顾母语简体中文的应用效果,着重表现TPSolar理念领先化、技术先进化、服务国际化的品牌形象。本系统部分延续原天普集团的视觉形象识别要素,设计思想突破传统视觉形象识别系统的古板与条框化,注重日常办公(Daily Office)和公关交互(Public Relations Interaction)的整体视觉效果及人本体验感受,着力于提高品牌概念的可实现性及实物的易用性。本系统在2011年初构架成形,并已部分投入应用。感谢 TP Solar 项目总监侯昊(HoustonHOU)为本系统的监制提供资料和素材,并耐心地进行沟通协调。同时感谢其他对本系统的策划、构架和建立有所贡献的幕后工作人员。本指南将着重陈述基础系统中的要素及规范,同时陈列并描述部分应用(由钱争予负责部分)。
  4. 4. Guidelines Index 05 Basic Identity 基础识别 Basic Identity指南目录 基础识别 06 Logotype 标识 08 Logotype Drawing Rules 标识制图规范 09 Core Element 核心元素 11 Color Palette 标准色 14 Standard Typefaces 标准字 17 Typograhpy Rules 文字设计规范 18 Slogan Extensions 标语扩展 20 Secondary Title Extensions 次级名称扩展 22 Forbidden Samples 禁用示例 06 Logotype 标识 20 Secondary Title Extensions 次级名称扩展 25 Office Applications 办公应用 20 Standard Drawing 标准制图 26 Calling Cards 名片 08 Logotype Drawing Rules 标识制图规范 21 Color Configuration 色彩配置 28 Document Template 文档模版 09 Core Element 核心元素 30 Presentation Template 演示文稿模版 22 Forbidden Samples 禁用示例 11 Color Palette 标准色 22 Forbidden Drawings 禁用制图 33 Space Applications 空间应用 11 Primary Color 主色 23 Forbidden Fillings 禁用填充 34 Logo Wall 形象墙 12 Secondary Color 辅助色 24 Forbidden Decorations 禁用装饰 35 Office Interior Layout 办公室平面布局 13 Neutral Colors 中性色系 14 Standard Typefaces 标准字 14 English Fonts 英文标准字 16 Chinese Fonts 中文标准字 17 Typograhpy Rules 文字设计规范 18 Slogan Extensions 标语扩展 18 Standard Drawing 标准制图 19 Color Configuration 色彩配置
  5. 5. Logotype 06/07标识右图即为TP Solar标识完整形。 左上图为不包含solar单词的标识,是标识的最简形 ( Simplest Form ) 最简形可运用于特殊需求的场 。标识完整形由三大要素构成: 合来代表天普集团及 TP Solar 的形象,例如:印刷(1) TP大写字母组合,字体为定制设计的规则性几 于面积极小的正方形印刷区域,篆刻于柱形物体的 何字形; 端部,制作为小型领花、吊坠等饰物。(2) solar 小写字母单词,选用字体 Neo Sans Std - Medium; 左中图是标识的横向版式 Horizontal Layout ) ( ,(3) 八瓣梅花。 也是标识完整形。这是最为推荐使用的标识版式。其中,TP大写字母组合代表TP Solar的母公司“天普 左下图是标识的竖向版式 Vertical Layout ) 可供 ( ,(集团) 汉语拼音的开头缩写; ” solar则是本品牌 需要的场合使用。名称中必要的内容,直接点明了团队的业务核心为太阳能;八瓣梅花则取材自 TP Solar 的核心技术之 (一——梅花聚能管 Plum Blossom Shaped VacuumTube)。TP Solar 的标识完整形作为一个内涵及造型均完备的标识,以整体的视觉外观代表了 TP Solar 的品牌形象。通常情况下,在大多数场合应使用该视觉符号作为 TP Solar 的象征,并保证图形在应用过程中具备良好的完整性和独立性。
  6. 6. Logotype Drawing Rules 08/09标识制图规范右上图是标识最简形的标准网格制图(StandardGrid Drawing)。网格边界的矩形区域界定了标识的不可侵入空间(Clear Space)—— 在本视觉形象识别系统中,不可侵入空间的边界到主体对象的最短距离规定为标识最简形的高度的1/2。在标识的实际应用中,应保证不可侵入空间内没有标识(包括标识的扩展部分)外的其他“杂物”出现。右下 图 标 示了标 识 的 最小 应 用尺 度(M i n i m u mScale)为10mm。 上图标示了标识标准形的起草辅助规范(Drafting- aided Rules) 其中, 。 x-height指在一个规范字体中, 小写字母x的高度——这是考察字体制图的标准参 量之一。 上图浅灰色区域(Light Grey Area)为标识完整形的 不可侵入空间。
  7. 7. Core Element 10/11 Color Palette Primary Color 主色核心元素 标准色右上图即为TP Solar的核心元素——八瓣梅花。 TP Solar的色彩系统包含一种主色,一种辅助色和一 TP Orange 系列通用中性色。八瓣梅花取材自TP Solar的核心技术之一 ——梅花聚能管(Plum Blossom Shaped Vacuum Tube)。 C0 M65 Y100 K0 为便于色彩系统在多种媒介中的灵活运用并保证 R238 G119 B0 (#EE7700) 效果一致,本色彩系统包括CMYK和RGB两套色彩核心元素是标识最简形中八瓣梅花造型的基础;但 模式(但不指定具体的色彩空间或色彩配置) 其 。其本身在本视觉形象识别系统中,并无独立表现的 中,CMYK色彩模式主要用于衡量以“减色模式”产地位。 生的色彩效果,例如常见的平版印刷、颜料及喷涂 等;RGB色彩模式主要用于衡量以“加色模式”产生核心元素可以巧妙地被融合到视觉装饰中去,例如: 的色彩效果,例如发光显示器和投影仪,部分数码融入到标语与标识的组合版式中(右中图) 或副标 , 快印设备内部的色彩也工作在RGB模式。 CMYK色值(CMYK Color Value):题(subtitle)的结尾处(右下图) 以作装饰, , 丰富视 C=0, M=65, Y=100, K=0觉效果。 Visual Identity System RGB色值(RGB Color Value):以任何与本指南中其他设计规则无根本性冲突的手 TP Orange是TP Solar品牌的主色。这是一种鲜艳而 R=238, G=119, B=0法来运用核心元素,都将是本指南所鼓励的。 明亮的橙色,从色彩角度首要地代表着 TP Solar 的 Design Specifications & Guidelines 十六进制色码(Color Code)为: 视觉形象— —象征着高热效的太阳能技术和积极 #EE7700 超前的企业精神风貌。在大多数场合,都应首选TP Orange作为表现TP Solar品牌形象的色彩。 注: 在色值确定过程中,首要考虑的是色彩 本身的效果;其次,会有意将色值调整为 便于记忆的数值——将CMYK色值调整 为5的倍数,将RGB的十六进制色码调整 为每两个数位的值相同。
  8. 8. Color Palette Secondary Color 辅助色 12/13 Neutral Colors 中性色系标准色 TP Blue是TP Solar品牌的辅助色。这是一种清爽而 TP Blue 稳重的蓝色,从色彩象征的角度反映出 TP Solar 的 Black 50% Grey White 高科技产业背景 — —理性而执著的科学精神。同 C100 M40 Y5 K25 时, Blue与TP Orange在色彩上形成互补, TP 两者 K100 K50 K0 R0 G102 B153 (#006699) 搭配使用,将使得整个视觉形象识别系统内容层次 R48 G48 B48 (#000000) R119 G119 B119 (#777777) R255 G255 B255 (#FFFFFF) 更丰富,视觉效果更饱满,扩展前景更广阔。 90% Grey 40% Grey K90 K40 R27 G27 B27 (#1B1B1B) R145 G145 B145 (#919191) CMYK色值(CMYK Color Value): C=100, M=40, Y=5, K=25 80% Grey 30% Grey RGB色值(RGB Color Value): K80 K30 R=0, G=102, B=153 R48 G48 B48 (#303030) R171 G171 B171 (#ABABAB) 中性色系是平面视觉传达设计中最便于 十六进制色码(Color Code)为: 应用的一组色系,同时,中性色系又是单 #006699 色印制工艺 Monochrome Printing ) ( 的 70% Grey 20% Grey 表现色。 K70 K20 在本视觉形象识别系统中,中性色系与 注: R71 G71 B71 (#474747) R198 G198 B198 (#C6C6C6) TP Orange或TP Blue搭配,均有出众的 由于 TP Orange 与 TP Blue 是近似互补 表现力。 的色相关系,故在 TP Blue 的CMYK色值 中,特别添加了少量Y(Yellow)值。这可 60% Grey 10% Grey 本系统中的中性色共分11级,也即从纯白 有效避免在四色平版印刷工艺中,因两 (White)到纯黑(Black) 以10%灰阶 , 种色彩的颜料成份差异过大而可能造成 K60 K10 为间隔,划分出11级明度的中性色系,并 的印刷瑕疵。 R94 G94 B94 (#5E5E5E) R226 G226 B226 (#E2E2E2) 分别标定以CMYK色值和RGB色值。
  9. 9. Standard Typefaces English Fonts 英文标准字 14/15 English Fonts 英文标准字标准字Neo Sans Std - Light 10ptabcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Neo Sans Frutiger LT Std - 45 Light 10pt abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Frutiger0123456789  0123456789 ¤ ¥ $ ¢ € £ § © ® ™ ° ± ¹ ² ³ + × ÷ ¶*?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… 作为一款未来派风格的字体,Neo San 拥有着相当 *?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… 作为20世纪最为经 典的人 文主 义 无饰线 体¤¥$¢€£§©®™°±¹²³+×÷¶ 强的设计适应力,其超现代主义的外形简约但不简 (Humanist Sans-serif)之一的Frutiger字体,是作为 陋。英国老牌字体工坊Monotype出品了该款字体并 Frutiger LT Std - 46 Light Italic 10pt 大篇幅正文文字的绝佳字体,由德国老牌字体工坊Neo Sans Std - Light Italic 10pt (当今全球最为知 在其后又对其进行优化与改善。 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Linotype设计出品。abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 名的某半导体及集成电路芯片制造商也采用了该款 0123456789 ¤ ¥ $ ¢ € £ § © ® ™ ° ± ¹ ² ³ + × ÷ ¶0123456789  *?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… 字体的另一复刻版本。) 本款字体弥补了在大篇幅、小磅值文本中Neo Sans*?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… Std可能产生的阅读速度降低的缺陷,同时,又能与¤¥$¢€£§©®™°±¹²³+×÷¶ Frutiger LT Std - 55 Roman 10pt 本视觉形象识别系统采用了Neo Sans最为成熟的版 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Neo Sans Std和谐搭配。Neo Sans Std - Regular 10pt 本 Neo San Std,并选择其中的 Light、Light Italic、 0123456789 ¤ ¥ $ ¢ € £ § © ® ™ ° ± ¹ ² ³ + × ÷ ¶abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Regular、Italic和Medium作为首批标准字使用。 *?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… 本系统采用了 Frutiger LT Std 版本中的 45 Light、0123456789  46 Light Italic、 Roman、 Italic、 Bold 和 55 56 65*?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… Neo Sans Std 字族 Font Family ) 另有其他字形 ( 中, Frutiger LT Std - 56 Italic 10pt 66 Bold Italic,可满足几乎所有类型的常规文本使¤¥$¢€£§©®™°±¹²³+×÷¶ abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ (Font Face) 如有需要, , 可在今后对本系统扩展完 用。 0123456789 ¤ ¥ $ ¢ € £ § © ® ™ ° ± ¹ ² ³ + × ÷ ¶ 善的过程中逐渐引入。Neo Sans Std - Italic 10pt *?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”…abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Frutiger LT Std 字族中,也另有其他字形,如有需要,0123456789  Neo Sans Std适用于本系统的几乎所有的文字应用 Frutiger LT Std - 65 Bold 10pt 同样可在今后对本系统扩展完善的过程中逐渐引*?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… 场合——标题(Title or Heading)和正文(Body)。 abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ 入。¤¥$¢€£§©®™°±¹²³+×÷¶ 同时,标识完整形中的 solar 单词,也直接运用了 0123456789 ¤ ¥ $ ¢ € £ § © ® ™ ° ± ¹ ² ³ + × ÷ ¶ Neo Sans Std - Medium字形。 *?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… Frutiger LT Std 也同样适用本系统几乎所有的文字Neo Sans Std - Medium 10pt 应用场合。但因考虑到本系统的第一标准字为Neoabcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ Frutiger LT Std - 66 Bold Italic 10pt Sans,故Frutiger常应用于大篇幅的正文文本,以进0123456789  abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ*?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”… 0123456789 ¤ ¥ $ ¢ € £ § © ® ™ ° ± ¹ ² ³ + × ÷ ¶ 一步提高文本材料的可读性。¤¥$¢€£§©®™°±¹²³+×÷¶ *?!,.:;-–—‘“@·#%‰&()[]{}/|_«»‹›‘’“”…
  10. 10. Standard Typefaces Chinese Fonts 中文标准字 16/17 Typography Rules标准字 文字设计规范Hiragino Sans GB - W3 10pt Hiragino Sans GB - W6 10pt Hiragino Sans GB 文字设计(Typography) 有的法则。本指南将利用一页空间, 所涉及的内容,即使编写出一部长篇培训教程,也不能尽述其所 来简述本视觉形象识别系统在文字设计中所用着重 关注的三点规范——这也是经常被国内大多数设计师所忽略的重要三点。 作为一款新生的中文字体(主要以简体中文字符集务际底头时经能跑不;里不如:指经分作南 务际底头时经能跑不;里不如:指经分作南 为服务对象) Hiragino Sans GB几乎一问世就获 , 因为本系统的关注对象基于一个国际性品牌,故本页指南内容将主要针对英语语言环境性次候指家清,国一会。之平正生可。效使 性次候指家清,国一会。之平正生可。效使 得了广泛关注与好评。 (某知名桌面式计算机操作 下的文字设计。后料于下,成引言士运但变体!日者半就像 后料于下,成引言士运但变体!日者半就像 系统在最近发布的版本中也采用了该字体作为简体营得保是美别话食班合,舞明就整我。个雨 营得保是美别话食班合,舞明就整我。个雨 中文的一款显示字体。) • 标点符号(Punctuations)——正确区分“连字符(Hypen) 、 ”“短破折号(EnDash)”生。 生。 和“长破折号(Em Dash) , ” 它们分别是“‐”“–”“—” 在大多数行文中, 、 、 ; 请务必 这一款由日本 Dainippon Screen 和北京汉仪公司合 使用成对出现的“弯引号(Curly Quotes) 而非 ” “直引号(Straight Quotes) 。 ” 作开发的无饰线(黑体)中文字体,包含了完整的简我问背策苦,线手环所种前;出建体减来, 我问背策苦,线手环所种前;出建体减来, 体和繁体中文字符集。理性和美学相结合的设计,同时看念子语有样题者青只生重家中卖是之 同时看念子语有样题者青只生重家中卖是之 • 文字间隙(Text Spacing)——正确理解字偶距(Kerning)与字符间距(Tracking) 弥补了中文无饰线体罕有佳作的窘境。同时,这款 之间的区别,同时,务必对文本进行适当的字偶距和行距(Line Spacing)设定。通常生发次数年写同个没己了计回文天生亲无术 生发次数年写同个没己了计回文天生亲无术 字体对其中包含的西文字符也进行了优化性的设 情况下,被正确设计的计算机字体(这里专指西文字体)都已经内建合理的默认字偶亚,日养调此不,对变西。可是我;童投把 亚,日养调此不,对变西。可是我;童投把 计,比之早先中文字体中简陋粗鄙的西文字符,堪称 距设定集,设计人员应该使用这些设定,而不是将其设为0值。行距是保证大篇幅文西!系身还,人告中健,与早也战能原巴市 西!系身还,人告中健,与早也战能原巴市 飞跃性的进步。 本可读性的重要因素之一。通常,行距值应在计算机字体默认值的基础上增加至少好演、友语经文么学的取排叶许不南热上起 好演、友语经文么学的取排叶许不南热上起 20%——应用无饰线体(Sans-serif)或选用字重(Weight)大的字体时,则应施以 本系统采用Hiragino Sans GB的W3和W6字形。举不起中星爸?处由没湾个的前在应把? 举不起中星爸?处由没湾个的前在应把? 更大的行距。本指南推荐在本系统中对正文文本应用1.6 – 1.8倍的行距。 由于该字体新生不久,可能尚未形成完整的字族。 但本视觉形象识别系统主要立足于英语语言环境,房也国应下计家三皮不环过入因教,列所地 房也国应下计家三皮不环过入因教,列所地 • 字体字形 Typeface & Glyph ) ( ——本系统的所有英文标准字均含有 Italic 字形 故W3和W6的两种字重(Weight)已经足够使用。国于有向我出定那手一单渐会境之们广政, 国于有向我出定那手一单渐会境之们广政, (Typeface / Font Face) Italic字形并非直接将Roman字形进行机械倾斜; , 在需要运 用斜体字的文本中,应套用Italic字形,而非使用某些计算机文字处理软件将其机械的卖是国作深几常果方中型可式是日战。对 的卖是国作深几常果方中型可式是日战。对 Hiragino Sans GB 可用于所有需要出现中文字符 倾斜。本系统的第一英文标准字Neo Sans,设计有线性数字(Lining Figures)和非线务明治女们把合,不资术星声我在为丽细所 务明治女们把合,不资术星声我在为丽细所 的场合。虽然 Hiragino Sans GB 对于西文字符的 性数字(Non-lining Figures) 它们分别是 , “0123456789” “” 正 和 ,间国学地中楼规情。 间国学地中楼规情。 设计有所优化,然而相比专门的西文字体,仍有很 确区分它们并应用于相应合适的文本对象中,是非常重要的。 多技术性和艺术性的差距;同时,本系统中已经包 含优秀的英文标准字,故而在其他所有非中文字符发设行了北手性站许力角香子皮儿子脑法去 发设行了北手性站许力角香子皮儿子脑法去 由于本视觉形象系统是为国际品牌 TP Solar 所开发设计的,大多数设计对象将直接应用 中,应尽可能避免套用Hiragino Sans GB。使。量新景候始特分?人里社天不实人面热 使。量新景候始特分?人里社天不实人面热 于英语语言环境。故而,能否正确理解并应用以上三点至关重要。过真细的没造民而基风不什总海理出进计了 过真细的没造民而基风不什总海理出进计了设有视。 设有视。
  11. 11. Slogan Extensions Standard Drawing 标准制图 18/19 Color Configuration 色彩配置标语扩展右上 图 是标 识 的 横向版 式 标 语 扩展 应 用的 标 准 左图是标语扩展的色彩配置方案,在图示相应部分网 格 制 图 。该 应 用 基 于 标 识 完 整 形 、添 加 标 语 分别应用了TP Oragne和TP Blue。(Slogan) “innovative solutions” 配以核心元素的 、装饰性应用而得。 如在特殊印制工艺中仅可运用中性色系,则应对全 部图形应用单一中性色。右下图是标识的竖向版式标语扩展应用的标准网格制图。网格边界的矩形区域界定了该应用的不可侵入空间。横向版式是优先推荐的标语扩展应用版式。
  12. 12. Secondary Title Extensions Standard Drawing 标准制图 20/21 Color Configuration 色彩配置次级名称扩展右图是标识的次级名称扩展应用的标准网格制图( 左图是标语扩展的色彩配置方案。其中标识完整行以“solutions”为例)。 部分应用 TP Orange,次级名称应用中性色系中的 50%灰(50% Grey)。制图法则为:在标识完整形的“solar”单词右边,直接接续所需的次级名称 Secondary Title ) 字体选 ( , 如在特殊印制工艺中仅可运用中性色系,则对全部用Neo Sans Std - Regular,字体大小与“solar 保持 “ 图形应用单一中性色。一致; “solar”与次级名称的单词开头,以一个半角空格(Single-byte Space)为间隔。网格边界的矩形区域界定了该应用的不可侵入空间。横向版式是该应用的唯一版式。
  13. 13. Forbidden Samples Forbidden Drawings 禁用制图 22/23 Forbidden Fillings 禁用填充禁用示例 侵入的图文元素空间侵入(Intruding into Clear Space) 缩放未约束横纵比(Scaling with Non-constraint 非标准色填充(Non-standard Colors Filling) 渐变填充(Gradient Filling) Proportions )标识在使用过程中应保证视觉空间的独立性,任何 标 识 的 填 充色仅 允许 使 用 本系 统 定 制 的 标 准色 不允许填充渐变色(即使选择了正确的标准色)。无关的文字或图像元素,不可进入标识的“不可侵 对标识的缩放应约束横纵比,不可单向(uniaxial) (Color Palette)中的色彩。入空间(Clear Space) 。 ” 拉伸或压缩。符合本指南规范的标语(Slogan)组合及次级标题(Secondary Title)组合不在限制之列。注:本示例包含了在设计过程中,容易出现的对标识的错误或不规范应用。但本示例不列述显而易见的低级错误(Stupid Error) 如: , 对标识造型轮廓(ShapeOutline)进行破坏,随意性地修改或替换标识内的元素,等等。
  14. 14. Forbidden Samples Forbidden Decorations 禁用装饰禁用示例 Office Applications 办公应用 26 Calling Cards 名片投影(Drop Shadow) 描边(Stroke) 外发光(Outer Glow) 26 English Edition 英语版 27 Bilingual Edition 中英双语版不可对标识应用投影效果。如需在特定背景中突出 不可对标识应用描边效果。如需在特定背景中突出 不可对标识应用外发光效果。如需在特定背景中突 28 Document Template 文档模版标识,建议通过色彩的对比等设计手法。 标识,建议通过色彩的对比等设计手法。 出标识,建议通过色彩的对比等设计手法。 30 Presentation Template 演示文稿模版注:其他各种Photoshop滤镜(Filter)效果也是不被允许应用到本标识上的(虽然这可能是部分设计人员或办公人员所钟爱的“设计手法” 。 )
  15. 15. Calling Cards English Edition 英语版 26/27 Bilingual Edition 中英双语版名片 90mm 90mm 7mm 7mm 7mm 7mm名片规格为双面,尺寸为宽90mm、高50mm。 左图为中英双语版名片的双面设计,适用于在中国 7mm 7mm 大陆地区需要与他人交换身份及联络信息的场合。右图为英语版名片的双面设计,适用于几乎所有需要与他人交换身份及联络信息的场合。 50mm 50mm 12mm 14mm 7mm 40mm 8mm
  16. 16. Document Template 28/29文档模版 本模版应用于日常办公中通用的文本文件。本模版须通过计算机的字处理软件得以应 20mm 用。为更好地满足跨平台的国际化日常办公需求,本模版特别为Microsoft Word和Apple Pages两大流行字处理软件分别定制设计了电子模版文件,并对跨平台的交互性能进行了 65mm 特别的优化设计(计算机字体、数字色彩兼容性等)。 Page 2 Page 3 本模版除规定了基本版式网格 Layout & Grids, ( 见左对页标示) 设计定义了一级标 外, Heading 1: Lorem Ipsum Dolor Piy opher hawers, eit yaggles orn ti sumbloat alohe plok. Su havo loasor cakso tgu pwuructs tyu InfuBwain, ghu gill nug bo suloly sispunsiblo fuw cakiw salo anr ristwibutiun. Hei muk neme eis loppe. Treas em wankeing ont sime ploked peish 题(Heading 1) 二级标题 、 (Heading 2) 三级标题 、 (Heading 3) 正文 、 (Body Text)、 rof phen sumbloat syug si phat phey gavet peish ta paat ein pheeir sumbloats. Heading 2: Consectetur adipiscing elit Aslu unaffoctor gef cak siructiun gill bo cak spiarshoot anet cak GurGanglo gur Eset eiusmod tempor incidunt et labore et dolore magna aliquam. Ut enim ad pwucossing pwutwam. Ghat dodtos, ig pany, gill bo maro tyu ucakw suftgasi 文本列表(Text List)、表格头文本(Table Heading) 表格正文 、 (Table Body) 页眉正文 、 pwuructs hod yot tyubo rotowminor. minim veniam, quis nostrud exerc. Irure dolor in reprehend incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco ¥ Ad nam sumo prompta, labore sanctus ex qui. Te eum nostrud dissentiunt, in (Header Body) 页脚标题 、 (Footer Heading)及页脚正文(Footer Body)等多种段落样 laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in repre- illud vocent ius. Sea ei harum accusata patrioque. Ei tota dolores has. Alia fas- henderit in voluptate velit esse molestaie cillum. Tia non ob ea soluad incommod tidii ius et. Te vel dicat honestatis, cu wisi democritum est. Inermis mentitum 式;同时,设计定义了常用的三线表(Three-line Table)样式,可满足几乎所有的日常办公 quae egen ium improb fugiend. OfÞcia deserunt mollit anim id est laborum Et ha- gubergren vis ad, ad modo feugiat pri, id error graece vel. rumd dereud facilis est er expedit distinct. Nam liber te conscient to factor tum poen legum odioque civiuda et tam. Neque pecun modut est neque nonor et im- ¥ Qui ceteros maluisset at, admodum singulis at nec. Suscipit sadipscing medi- 字处理需求。而上述各种样式也已被设计为软件模版中既定的样式类型,办公人员可直 per ned libidig met, consectetur adipiscing elit, sed ut labore et dolore magna ali- ocritatem sea ei. Equidem accumsan signiferumque in mea, no quod volumus quam is nostrud exercitation ullam mmodo consequet. vix. Ne aeque indoctum vituperatoribus eos. Sea laudem iriure nostrum ea. 接快速套用,可令工作效率及成果质量都大为提升。 Oratio similique ea usu.297mm Heading3: Duis aute in voluptate velit esse ¥ Eleifend incorrupte at pro, sed veri aeque sensibus eu. Laudem suscipit qui Cillum dolore eu fugiat nulla pariatur. At vver eos et accusam dignissum qui blan- ex, mea sumo tibique molestie eu, eos no quis disputando. Mea te tota graece dit est praesent. Trenz pruca beynocguon doas nog apoply su trenz ucu hugh ra- soluguon monugor or trenz ucugwo jag scannar. Wa hava laasad trenzsa gwo quaerendum. Ut probo atqui nostro pri, malis doming vel cu. Sed et vidisse scaevola deÞnitiones, eam eu quod laoreet, legere postulant disputando in vix. 关于文字设计规范及设计指导,可参阅本指南“文字设计规范(Typography Rules) 一章 ” producgs su IdfoBraid, yop quiel geg ba solaly rasponsubla rof trenzur sala ent dusgrubuguon. Offoctivo immoriatoly, hawrgasi pwicos asi sirucor. Thas sirutciun applios tyu thuso itoms ghuso pwicos gosi sirucor in mixent gosi sirucor ic mixent Kasd sonet ad sea. Ut has puto audiam omittam, quo ex error homero antiopam. 内相关内容。同时,本模版亦可作为更高阶的版式设计蓝本,如宣传手册(Brochure) 产 、 Cu duo fuisset qualisque constituam, quodsi invenire complectitur pri ei. Unum ples cak ontisi sowios uf Zerm hawr rwivos. Unte af phen neige pheings atoot Prexs eis phat eit sakem eit vory gast te Plok peish ba useing phen roxas. Eslo suscipit constituto pri eu, at mei eros probo vocent. Mutat vocent nec ei. Per ne- more detracto ei, ex dico reque legimus mei, te nemore sanctus sed. 品型录(Catalog)等等。 idaffacgad gef trenz beynocguon quiel ba trenz Spraadshaag ent trenz dreek wirc procassidt program. Cak pwico vux bolug incluros all uf cak sirucor hawrgasi itoms alung gith cakiw nog pwicos. Head 1 Head 2 Head 3 Heading3: Plloaso mako nuto uf cakso dodtos Text 1-1 Text 2-1 Text 3-1 Koop a cupy uf cak vux noaw yerw phuno. Whag schengos, uf efed, quiel ba Text 1-2 Text 2-2 Text 3-2 mada su otrenzr swipontgwook proudgs hus yag su ba dagarmidad. Plasa maku noga wipont trenzsa schengos ent kaap zux copy wipont trenz kipg naar mixent Text 1-3 Text 2-3 Text 3-3 phona. Cak pwico siructiun ruos nust apoply tyu cak UCU sisulutiun munityuw uw cak UCU-TGU jot scannow. Trens roxas eis ti Plokeing quert loppe eis yop prexs. 注: TP Solar TP Solar 本章内展示的模版,以Apple Pages模版效果为例。Microsoft Word模版效果可能略有差 异。 LU Industrial Zone in Daxing District LU Industrial Zone in Daxing District Beijing, P.R.China, 102612 Beijing, P.R.China, 102612 www.tianpu.com/tp_en/ www.tianpu.com/tp_en/ 50mm T: +86-10-8921-5777 (8818/8815) T: +86-10-8921-5777 (8818/8815) F: +86-10-8921-6808 F: +86-10-8921-6808 international@tianpu.com international@tianpu.com 15mm 20mm 40mm 20mm 210mm
  17. 17. Presentation Template 30/31演示文稿模版本模版应用于通用的演示文稿。本模版须通过计算机演示文稿制作软件得以应用。为更好地满足跨平台的国际化日常办公需求,本模版特别为MicrosoftPowerPoint 和 Apple Keynote 两大流行演示文稿制作软件分别定制设计了电子模版文件,并对跨平台的交互性能进行了特别的优化设计(计算机字体、数字色彩兼容性等)。本模版针对目前主流的数字投影仪的显示分辨率(1024px × 768px) 而设计版式,提供5种页面类型及多种文本样式,可满足大多数讲演中演示材料所需的呈现效果。而上述多种页面类型和文本样式也已被设计为软件模版中既定的样式类型,办公人员可直接快速应用,可令工作效率及成果质量都大为提升。 开场(Opening) 文本页(Text Page) 大容量文本页(Large Amount Text Page)关于演示文稿中的文字设计规范及设计指导,可 包含演讲标题(Presentation Title) 演讲副标题 、 (Presention Subtitle)、 包含页面标题(Page Heading) 页面副标题 、 (Page Sub-heading) 正 、 包含页面标题(Page Heading) 页面副标题 、 (Page Sub-heading) 正 、参阅本指南“文字设计规范(Typography Rules)” 演讲人姓名(Speaker Name) 演讲日期 、 (Speech Date)等文本样式。 文(Body) 正文强调 Emphasize Body ) 、 ( 等文本样式。一般用于呈现 文(Body) 正文强调 、 (Emphasize Body) 文本列表 、 (Text List)等文本一章内相关内容。同时, 模 版 亦可作为更 高阶 本 一般作为整个演示文稿的第一页。 纯文本页面。 样式。一般用于呈现包含大量文本的纯文本页面。的页面展示材料的设计蓝本,如网站 横幅(WebBanner) 传单广告 、 (Leaflet)及产品说明(Product 但是,在演示文稿中,单页面内呈现大量文本的设计方法是不可取的,Specification)等等。 如非特殊需要,不建议启用该种设计。本模版页面被设计用于在特殊 情况下备用。注:本章内展示的模版, Apple Keynote 模版效果为 以例。Microsoft PowerPoint模版效果可能略有差异。
  18. 18. Presentation Template演示文稿模版 Space Applications 空间应用 34 Logo Wall 形象墙 35 Office Interior Layout 办公室平面布局 插图页(Figure Page) 结语(Ending) 包含页面标题(Page Heading) 页面副标题 、 (Page Sub-heading) 图 、 包含结语词(Ending Words) 结语补充 、 (Ending Supplementary Words)、 注(Figure Note) 图注强调 、 (Emphasize Figure Note)等文本样式。一 演讲人姓名(Speaker Name) 演讲人联系方式 、 (Speaker Contacts)、 般用于呈现展示图片的页面。 演讲日期(Speech Date)等文本样式。一般作为整个演示文稿的最后 一页。 如果需要展示超大画幅的图片,则建议将图片内容以4:3的宽高比平铺 整个页面。
  19. 19. Logo Wall 34/35 Office Interior Layout形象墙 办公室平面布局本形象墙作为一套组合柜架的一个外立面的组成, 本设计是针对 TP Solar 国际部全新的室内办公环境而提出的室内平面布局方案,包括基用于TP Solar国际部办公室的室内布局分割及装饰。 本的家具布局及色彩设定。本设计提供了形象墙的色彩设计及表面标识的布局设计。 本设计的核心思想基于对室内平面的功能布局的关注,保证室内办公空间流动性的最大 化及交流性的最优化,以满足现今快速的办公节奏的需求,激发办公人员们潜在的积极 性;效率的提高还可避免办公人员们精力和时间的无谓浪费,潜在地减轻了办公人员们 的工作负担。 30cm 70cm 35cm 240cm 220cm 120cm
  20. 20. Office Layout 36/37办公室平面布局本室内设计着眼于两点: 设计说明:(1) 在有限的室内空间中, 理布局10人 办公区 合 (1) 合理利用弧线的横向长窗进行充足的自然采 域,并对空间流动性尽可能优化; 光;(2) 合理利用家居布局,掩盖空间的瑕疵——立柱 (2) 利用组合式柜架搭建成的形象墙,遮挡室内中 和不规则的办公室平面。 央的立柱,使得原本破坏空间连续性的立柱被 遮蔽;必要的基本元素: (3) 正门进门处的留白,可令来访者感觉室内平面(1) 10人办公桌面、10人座椅; 更为宽敞和正气;(2) 由组合式柜架构成的形象墙; (4) 远离入口的6个办公位,可保证部分内务办公人(3) 大型书架; 员具有良好的私密性;(4) 茶几。 (5) 室内的行走流线是确定并明显的,通往各个办 公位的流线十分直观通畅,保证最佳的空间流 动性。 (6) 圆弧型的办公桌,既可在更小的范围内提供更 多的办公区域及桌面面积,同时还可使办公人 员相互交流的路线十分顺畅,保证良好的办公 交互性。 墙面或立柱 座椅 组合式柜架 办公桌 茶几
  21. 21. Office Layout 38/39办公室平面布局扩展一: 扩展二:(1) 在弧线长窗边缘(靠近形象墙附近)设一弧形 (1) 在进门处安置沙发和少量闲置座椅,做为来访 沙发;供来访者或办公人员中途休憩——该位 休息区域; 置采光最佳,适合小憩,喝一杯咖啡或茶水; (2) 文印区域则不直接设置在该办公室,可设置在(2) 在正门进门处设立文印区域,方便来访者或出 隔壁会议室内,以方便会议前后必须的纸质材 10 10 行者印制必要的纸质材料。 料印制。工位选择: 沙发 工位选择:总监可选择6号位,最方便与来访者亲切接触,也方 总监可选择3号位,可便利地关注来访情况,也便于 9 9便邀请其他办公人员坐于沙发,与其进行交流。 经常需要的外出(或去到其他办公室)等公务。 6 6 8 8 5 5 7 7 4 3 4 3 2 1 2 1 通向会议室 来访者休息区 文印区域
  22. 22. Office Layout办公室平面布局家具配色说明:(1) 主要采用灰色系作为家具主色调,大气而国际 化;深灰色的桌面不但易于保洁,同时也能够令 办公人员集中精力(不会反射多过的杂光);(2) 点缀色采用TP Orange,与VI保持一致,同时可 活跃气氛,振奋精神,提高工作积极性。(3) 组合柜架的形象墙部分(表面有TP Solar标识), 可采用整面 TP Orange ,并用反白标识,鲜明 而大气。墙面配色构想:如果室内有特殊的灯光设计,则墙面可尝试采用橙色;但大面积采用橙色必须结合良好的灯光设计,以免办公人员长期处在该环境中产生暴躁心情。一般建议保留白色墙面,可适当装饰以少量相框或壁绘。 视觉形象识别系统策划 Visual Identity System’s Architecture 侯昊 Houston HOU,钱争予 realfish QIAN 标识设计 Logotype Design 钱争予 realfish QIAN 系统标准制定 System Standard Foundation 钱争予 realfish QIAN 系统建设时间 System Construction Timeline 2011.01 - 2011.03 版权所有 Copyright 北京天普太阳能集团 Beijing Tianpu Solar Energy Group

×