《视觉设计规范文档.doc》由会员分享，可在线阅读，更多相关《视觉设计规范文档.doc（13页珍藏版）》请在金锄头文库上搜索。
1、视觉设计规范文档篇一：VIS视觉系统规范【VIS视觉系统规范】基础识别形象1、企业标志设计标志及标志创意说明标志墨稿2、企业标准字体企业全称中文字体方格坐标制图企业全称英文字体方格坐标制图企业简称中文字体方格坐标制图.业简称英文字体方格坐标制图3、企业标准色（色彩计划）企业标准色辅助色系列背景色使用规范背景色，色相-色度4、基本要素组合规范企业吉祥物造型象征图形色彩稿（单元图形）象征图形延展效果稿5、企业专用印刷字体企业专用印刷字体视觉形象应用1、办公事务用品设计名片设计规范（横版，竖版）信纸设计规范便签纸设计规范资料袋设计规范工作卡设计规范2、员工服装/服饰规范员工制服-男装员工制服-女装3
2、、包装识别系统手提袋设计规范产品包装设计规范海报设计规范POP挂旗设计规范金诺康终端店整体项目1、整体基础风格定位与设计LOGO元素应用设计、平面布局设计、品牌风格体现设计、空间利用设计、功能区域设计、整体个性元素造型定位设计、人体工程学科学定位设计2、空间风格统一规范专卖店整体风格效果规划、专卖店内部效果规划、专卖店门头设计（材质、颜色、字体表现方式等）、 大门规范设计（防撞条、大门材质及高度设计）、辅助灯箱设计、墙面效果规范设计、展示橱窗设计、天花板造型规范设计、灯光表现设计（灯具规范）、电路布置规范（电气系统、开头、插座布置）、空间立面规范（立体图）、地面设计、室内导航指示系统设计、立体
3、形像墙装饰设计、流程规划布置。C、道具风格统一规范墙体产品展柜、展架、柜、分类展架规范设计（效果、风格、颜色、材质、结构、尺寸）； 中导架、转角柜、收银台整体规范设计、展示台整体设计、休息凳等统一风格规范（效果、风格、颜色、材质、结构、尺寸）。篇二：VIS 视觉识别手册制作规范要求VIS视觉识别手册制作规范要求 视觉识别设计是企业理念表达的重要载体，是企业个性的重要表现，因此它就成为CI设计中的核心和重点。CI设计的开发作业中，以标志、标准字、标准色的创造最为艰巨，是整个CI识别系统的核心，也最能表现设计能力。视觉识别系统并非简单的视觉表现手段，它是建立在视觉传播理论、视觉传达设计和视觉传播媒
4、体控制管理的基础上的一项系统的科学的传播工程。将企业的信息概括、提炼、抽象并顺利转换成企业视觉符号，是整个传播工程的关键。启动VIS视觉识别设计的基本工作流程如下：即通过访谈、走访、考察、资料收集、分析等形式对委托设计的企业作尽可能深入的了解，以便寻找设计修改依据，启发设计理念的产生。根据企业所属行业、产品等特点，对同行业标志进行收集整理、寻找差异，形成设计思路。以分析思路为依据，设计若干套备选标志，并说明每个标志的设计思路。（凯德大酒店的项目目前定位是：仅对标志的细节进行修改；重新设计中、英文标准字；完善基本要素；设计应用系统。）企业与设计公司达成初步共识的情况下，企业做出设计预算，设计公司
5、提供设计报价。双方确定设计费用后，签订委托协议，开始设计工作。企业与设计公司就思路统一的意向性提案进行反复论证、修改，并明确标志的确切含义。标志确定后，设计师对标志造型做最后视觉修正，规定标志运用尺寸并做出标准化制作图。具体的VIS视觉识别设计手册包括如下内容：（“最完整的系统项目设计”并不存在，在此列出的仅仅是一个参考。合作双方依据合作协议内容，确定更为细致的作业内容。）基本要素设计1、企业标志设计 企业标志及标志创意说明页 标志墨稿及标志反白图 标志标准化制图 标志方格坐标制图 标志预留空间与最小比例限定 标志特定色彩效果图2、企业名称与标准字 企业全称中文字体 企业简称中文字体 企业全称
6、中文字体方格坐标制图 企业简称中文字体方格坐标制图 企业全称英文字体 企业简称英文字体 企业全称英文字体方格坐标制图 企业简称英文字体方格坐标制图3、企业标准色（色彩计划） 企业标准色（印刷色） 企业辅助色系列计划4、企业造型（吉祥物） 吉祥物彩色稿及造型说明 吉祥物立体效果图 企业吉祥物造型单色印刷规范 吉祥物展开使用规范5、企业象征图形 象征图形彩色稿（单元图形） 象征图形延展效果稿（四方连续） 象征图形使用规范 象征图形组合规范6、企业专用印刷字体 中文专用印刷字体规划 英文专用印刷字体规划7、基本要素组合规范 标志与标准字组合多种模式 标志与象征图形组合多种模式 标志吉祥物组合多种模式
7、 标志与标准字、象征图形、吉祥物组合多种模式 基本要素禁止组合多种模式应用要素设计1、名片2、信纸3、信封4、便笺5、各类规格的公文袋6、资料袋7、薪金袋8、卷宗袋9、合用书范本10、报价单11、各类表单和账票12、各类证卡（如邀请卡、生日卡、圣诞卡、贺卡）13、年历、月历、日历14、工商日记15、奖状、奖牌16、茶具17、办公设施等用具（如镇纸、笔架、笔、雨具架、订书机等）1、外包装箱（大、中、小）2、包装盒（大、中、小）3、包装纸（单色、双色、特别色）4、包装袋（纸、塑料、布、皮等材料）5、专用包装（指特定的礼品用、活动事件用、宣传用的包装）6、容器包装（如瓶、罐、塑料、金属、树脂等材质）
8、7、手提袋（大、中、小）。8、封口胶带（宽、窄）。9、包装贴纸（大、中、小）。10、包装封缄（大、中、小）。11、包装用绳。12、产品外观。13、产品商标表示。14、产品吊牌。篇三：最新WUI视觉设计标准设计规范介绍什么是设计规范？适用于WEB产品线的人机交互界面设计方面的指导手册。贯穿以用户为中心的设计指导方向，根据web产品的特点制定出的一套规范，以达到提升用户体验，控制产品设计质量，提高设计效率的目的。谁去读设计规范？该设计规范手册适合界面设计师，用户体验设计师，前台技术工程师，发布支持人员，运营xx人员的参照。设计理念秉着简洁、美观、实用的理念，设计用户体验优秀的网站。设计指导原则【设
9、计原则】是WUI设计师的信念、概念，是解决问题的理论标杆。一、 系统状态的可视性原则系统在合理时间内，通过合适的反馈，始终让用户知道当前状态。二、 现实系统与真实世界的匹配使用用户语言而不是开发者语言（包括用户熟知的单词、词组、概念，而不是系统用语）让信息的表达清楚自然、有逻辑。三、 户的自由和控制权用户由于操作失误而经常选择某项功能，需要明确标明“紧急出口”，以便离开不需要的状态，而无需反复的对话，并且支持撤销与重复功能。四、 一致性与标准化原则同一事物和同类操作的表示用语、方式要保持一致。五、 有预防用户出错的措施谨慎的防错误操作设计比有效的错误提示信息更有益。六、 认知而不是记忆保持对象
10、、动作和选项可见性，用户不必去回忆过去的某些信息，系统指示用语、操作应该清楚易见，在任何需要的时候都能轻松追溯到。七、 使用的灵活性与高效为新手和专家设计定制化的操作方式，允许用户根据自己需要设置常用操作，快捷到达。八、 审美与极简减少无关信息，就是减少对主体信息传达的干扰，体现简洁美感。利于阅读与信息传递。九、 帮助用户确认、诊断、纠正错误给用户指明错误信息，并协助用户方便的从错误中恢复工作。十、 提供必要的帮助与说明无需文档就能轻易操作当然更好，但提供帮助文档和说明文档很有必要，此类信息应该易搜索，针对用户任务描述，列出执行的实现步骤，但信息不要太长。WEB视觉设计指导标准A、网页宽度px
11、)：现在浏览器市场比重20XX年11月份：主要有：IE核心%；谷歌%；火狐%三家。1、在下，宽度减21，例：1024-21=1003，800-21=779。值得注意的是右侧都会有滚动条框。2、在Firefox下，宽度减19。例：1024-19=1005，800-19=781。3、在Opear下，宽度减23。例：1024-23=1001，800-23=777。（注：Firefox或Opear在内容少于浏览器高度时不显示右侧滚动条。）所以如果是1024的分辨率，网页设成1000；800的分辨率设成770会安全一些。有些浏览器加了插件或者其他的东西宽度会有变化 所以800的分辨率一般设定760左右,
12、1024的设定990左右。一屏不出现滚动条使用最广泛的：页面按800X600分辨率制作，实际尺寸为X432px；页面按1024X768分辨率制作，实际尺寸为1003X600px；设计师要考虑不同客户端的浏览体验。B、安全色：网页设计时尽量使用256WEB安全色，而PS中的RGB或者CMYK以及LAB或者HSB的色域很宽颜色范围很广，在不同显示屏会有失色现象。C、字体字号：中文网页正文一般都采用宋体12号（12px）字体，因为这个字体是系统对于浏览器特别优化过的字体。黑体一般很少做正文，主要是标题。建议使用12号+14号字体的混合搭配，13号也可酌情考虑，因为13号字体的不对称性，目前应用比较少。应避免大面积使用加粗字体，页面的美观度会差。英文字体从9px开始就能清晰显示，设计师的选择空间很大。10px,11px,12px,13px都是较常见的字体大小，字体应该用系统自带字体，例： Tahoma、Arial、Verdana。随着显示屏幕越来越大，14px大小的字比较常见。所以以后设计时，尽量考虑14px字体的应用，12px为一些辅助信息应用字体。D、布局：版块的排版在视觉上尽量符合纵向分割，如：横向模块间距尽量统一，纵向可根据页面需要适当有区分。网页的栅格系统设计：
