网站VI设计浅谈

第一篇：网站VI设计浅谈

网站VI设计浅谈

VI设计，来源与英文中的 Visual Indentity System，意即视觉识别系统。单单就网站而言，一个网站上看到的所有图片、文字、动画、以及他们的编排方式等等一切能够看到的元素都是VI设计的一部分，简单来说，其实就一一个网站的外观。

网站的VI设计重要吗？要回答这个问题，就先得回答：网站的外观重要吗？一个网站的内容固然重要，但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的VI设计也非常重要。

怎样才是一个好的VI设计呢？一个好的视觉设计，首先要有一个好的视觉效果。一个网站怎样才算是有一个好的视觉效果？一个最简单的判别方法是，看她三眼：第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是养眼。其实，这三眼就是网站给你的第一感觉。第一感觉很重要，浏览者能否接受这个网站，很大程度上，就看有否这种一见钟情的感觉。如果答案都是Yes，那么，这个网站就是有一个很好的视觉效果了，相信浏览者也会耐着性子去看完你整个网站的。

怎样才能有一个让人一见倾心的视觉效果？首先要看整个页面的颜色是否协调，千万不可给人刺眼的感觉；其次要看网页上的的文字是否易于阅读，文字太细、颜色太浅、页面太长或超出屏幕宽度，都是有违网站设计的“美学原则”；再次要看图片，图片太大、太多、太模糊都会惹来浏览者的反感；最后要看“动”与“静”是否配合得当，无节制地滥用Flash、动态GIF、滚动字幕等效果就会让人眼花缭乱，但死气沉沉，毫无生气的页面也会让人感到乏味。

上面谈到的VI设计仅仅是就一个页面而言，VI设计的另一方面是看整个网站的所有页面是否协调与一致。每个页面都使用相同种排版方式、相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这是最基本而有最重要的网站VI设计。

如果你是打算为企业建立一个商业网站，则更加要注重网站的VI设计。如果你的企业本身已经有了一个统一的CI设计（Corporate Indentity，企业形象识别），那么，网站的VI设计就应该遵循其CI设计。当然，前提是你必须有一套适用的CI设计。按照我们的经验，有相当的CI设计并不适合应用到网站的视觉设计之中，这使得网站的设计受到很大限制，因此企业在制定其CI设计时，很有必要听取专业网页制作人员的意见，哪怕企业暂时并被有触网的打算。

一个好的VI设计，事实上可以凭借CI设计里已经指定的Logo、色彩、或标准字型等予以发展。尤其是色彩部分，使用正确的色彩往往可以得到相得益彰的效果。另外针对Logo本身的一致性所作的设计上变化也是一种变化，总而言之，所有的做法必须能够发展出一套更具品牌形象的设计，而且能将网站的整体特性完全地容入浏览者的脑海里。能让浏览者记住，并能吸引浏览者回头的VI设计，就是一个成功的网站VI设计。

第二篇：VI设计、样本及网站制作合同书(精)

VI设计、样本及网站制作合同书

甲方（委托方）：

乙方（执行方）：沈阳美景广告策划有限公司

为了更好的塑造符合企业特点的企业品牌形象，甲乙双方秉承相互促进，相互信赖的原则，经友好协商，达成如下协议： 一．合同内容和要求

1、公司整体品牌形象的塑造，内容包括：（公司标志设计，公司整体形象、产品形象的推广，及相关策划设计等，）公司VI手册两本

2、网站制作项目，在原有网站基础上增添新内容，扩大网站容量；进行网站关键词整合、调整技术，使网站的关键词在同行业中名列前矛。

3、样本设计制作具体内容：

二． 费用

推广过程中的其他单个项目策划设计费用另计（画册、海报、DM等）。VI手册的整理、样本设计印刷及网站制作：费用共计人民币￥________万元(大写：_____元整)（RMB）三．付款方式

1、本合同签订后，甲方即向乙方支付合同总费用__%即人民币￥_______元整（_________元整），3、VI手册整理完成；甲方需向乙方支付合同余款__%即人民币￥____-元整（￥_______元整），四．双方的责任与义务

乙方应按甲方要求按质按量完成相关策划设计工作。

乙方需在规定时间二○○____年____月____日至二○○______年____月____日完成甲方公司VI手册的整理工作，并报予甲方签字认可。甲方有责任全力配合乙方开展本合同所规定的工作，并根据乙方需要提供相关资料。

因版权、文责所引发的法律责任，经济纠纷全部由甲方承担。

五、知识产权约定

乙方设计制作完成后，其著作权归甲方所有。六．违约责任 本合同签订后，甲乙双方均应全面的履行本合同；

因VI策划是乙方智力成果整体的体现，其工作特点并没有明显的阶段性，乙方在开始着手策划时就已经在全面的履行合同，鉴于此，甲方承诺如提前终止合同，仍承担向乙方支付全部合同款的义务（甲乙双方一致同意终止的除外）。

乙方如违约提前终止合同，所收取的费用应全部退还甲方。七． 甲乙双方如因履行本合同发生纠纷，应当友好协商解决，协商不成的，甲乙双方任何一方均可向市省级仲裁委员会提请仲裁解决。合同附件为本合同一部分，本合同壹式贰份，自双方签字盖章之日起生效，甲方、乙方各执壹份，具有同等的法律效力。

甲 方：

乙 方：

联系电话：

联系电话：

传真：

传真： 代表签字： 代表签字： 签 章： 签 章：

时 间：二○○ 年 月 日 时 间： 二○○ 年 月 日

第三篇：VI设计

VI全称Visual Identity, 即企业VI视觉设计，是企业VI形象设计的重要组成部分。随着社会的现代化、工业化、自动化的发展，加速了优化组合的进程，其规模不断扩大，组织机构日趋繁杂，产品快速更新，市场竞争也变的更加激烈。另外，各种媒体的急速膨胀，传播途径不一而丛，受众面对大量繁杂的信息，变的无所适从。企业比以往任何时候都需要统一的、集中的VI设计传播，个性和身份的识别因此显得由为重要。

那么什么是CI呢？ CIS的具体组成部分 MI：理念识别 BI：行为识别 VI：视觉识别 什么是CIS ？ CIS是Corporate Identity System的缩写，意思是企业形象识别系统。60年代，美国人首先提出了企业的CI设计这一概念。据说是美国IBM公司是这方面开先河者。CIS的主要含义是：将企业文化与经营理念，统一设计，利用整体表达体系（尤其是视觉表达系统），传达给企业内部与公众，使其对企业产生一致的认同感，以形成良好的企业印象，最终促进企业产品和服务的销售。CIS的意义 对内，企业可通过CI设计对其办公系统、生产系统、管理系统以及营销、包装、广告等宣传形象形成规范设计和统一管理，由此调动企业每个职员的积极性和归属感、认同感，使各职能部门能各行其职、有效合作。对外，通过一体化的符号形式来形成企业的独特形象，便于公众辨别、认同企业形象，促进企业产品或服务的推广。CIS的具体组成部分 日本著名CI专家山田英理认为CI包含下面两个方面的概念： 第一、CI是一种被明确地认知企业理念与企业文化的活动； 第二、CI是以标志和标准字作为沟通企业理念与企业文化的工具。换而言之，CI系统是由MI（理念识别Mind Identity）、BI（行为识别Behavior Identity）、VI（视觉识别Visual Identity）三方面组成。在CIS的三大构成中，其核心是MI，它是整个CIS的最高决策层，给整个系统奠定了理论基础和行为准则，并通过BI与VI表达出来。所有的行为活动与视觉设计都是围绕着MI这个中心展开的，成功的BI与VI就是将企业的独特精神准确表达出来。MI：理念识别 企业理念，对内影响企业的决策、活动、制度、管理等等，对外影响企业的公众形象、广告宣传等。所谓MI，是指确立企业自己的经营理念，企业对目前和将来一定时期的经营目标、经营思想、经营方式和营销状态进行总体规划和界定。MI的主要内容包括 企业精神，企业价值观，企业文化，企业信条，经营理念，经营方针，市场定位，产业构成，组织体制，管理原则，社会责任和发展规划等。BI：行为识别 置于中间层位的BI则直接反映企业理念的个性和特殊性，是企业实践经营理念与创造企业文化的准则，对企业运作方式所作的统一规划而形成的动态识别系统。包括对内的组织管理和教育，对外的公共关系、促销活动、资助社会性的文化活动等。通过一系列的实践活动将企业理念的精神实质推展到企业内部的每一个角落，汇集起员工的巨大精神力量。BI包括以下内容 对内：组织制度，管理规范，行为规范，干部教育，职工教育，工作环境，生产设备，福利制度等等； 对外：市场调查，公共关系，营销活动，流通对策，产品研发，公益性、文化性活动等等。VI：视觉识别 VI：以标志、标准字、标准色为核心展开的完整的、系统的视觉表达体系。将上述的企业理念、企业文化、服务内容、企业规范等抽象概念转换为具体符号，塑造出独特的企业形象。在CI设计中，视觉识别设计最具传播力和感染力，最容易被公众接受，具有重要意义。VI系统： A.基本要素系统：如企业名称、企业标志、企业造型、标准字、标准色、象征图案、宣传口号等。B.应用系统：产品造型、办公用品、企业环境、交通工具、服装服饰、广告媒体、招牌、包装系统、公务礼品、陈列展示以及印刷出版物等。一套VI设计的主要内容： I．基本要素系统

A.标志 B.标准字 C.标准色 D.标志和标准字的组合.II．应用系统 A.办公用品：信封、信纸、便笺、名片、徽章、工作证、请柬、文件夹、介绍信、帐票、备忘录、资料袋、公文表格等。B.企业外部建筑环境：建筑造型、公司旗帜、企业门面、企业招牌、公共标识牌、路标指示牌、广告塔、霓虹灯广告、庭院美化等。

C.企业内部建筑环境：企业内部各部门标识牌、常用标识牌、楼层标识牌、企业形象牌、旗帜、广告牌、POP广告、货架标牌等。D.交通工具：轿车、面包车、大巴士、货车、工具车、油罐车、轮船、飞机等。E.服装服饰：经理制服、管理人员制服、员工制服、礼仪制服、文化衫、领带、工作帽、钮扣、肩章、胸卡等。F.广告媒体：电视广告、杂志广告、报纸广告、网络广告、路牌广告、招贴广告等。G.产品包装：纸盒包装、纸袋包装、木箱包装、玻璃容器包装、塑料袋包装、金属包装、陶瓷包装、包装纸。H.公务礼品：T恤衫、领带、领带夹、打火机、钥匙牌、雨伞、纪念章、礼品袋等。I.陈列展示：橱窗展示、展览展示、货架商品展示、陈列商品展示等。J.印刷品：企业简介、商品说明书、产品简介、年历等。

VI设计内容 01■ 名片设计（中式）02■ 名片设计（西式）03■ 名片设计（中西式）0

4■ 信纸（空白）05■ 信纸（横纹）06■ 信纸（方格）07■ 信封（中式）08■ 信封（西式）09■ 公文袋（大、中、小）10■ 资料袋（大、中、小）11■ 传真用纸表头VI设计 12■ 便条纸 13■ 各式表格格式 14■ 卷宗夹 15■ 公司专用稿纸 16■ 贵宾卡 17■ 来宾卡 18■ 通行证 19■ 贴纸 20■ 笔记本封面 21■ 合同书封面 22■ 企划书封面 23■ 事务用标签贴纸 24■ 航空专用信封套 26■ 专用海报纸（对开、长4K）27■ 奖杯 28■ 纸杯VI设计 29■ 文件格式 30■ 办公用笔 31■ 电脑用报表 32■ 留言条 33□ 包装纸VI设计（单色）34□ 包装纸VI设计（双色）35■ 包装纸VI（特别色）36□ 包装纸袋 37■ 手提袋设计 38□ 胶带 39□ 包装用签 40□ 包装塑胶带 41□ 包装纸盒 42□ 礼品包装袋 43■ 公司旗帜 44■ 纪念旗帜 45■ 模式挂旗 46■ 直式立旗 47■ 小吊旗 48■ 小串旗 49■ 大型挂旗 50■ 桌上旗 51■ 锦旗 52■ 奖励旗 53■ 纪念旗 54■ 促销用旗 55■ 庆典用旗 56□ 主题式旗帜 57□ 其他VI设计 58■ 男性主管职员制服 59■ 女性主管职员制服 60■ 男性行政职员制服 61■ 女性行政职员制服 62□ 男性生产职员制服 63□ 女性生产职员制服 64□ 男性店面职员制服 65□ 女性店面职员制服 66□ 男性展示职员制服 67□ 女性展示职员制服 68□ 男性服务职员制服 69□ 女性服务职员制服 70□ 男性工务职员制服 71□ 女性工务职员制服 72■ 男性警卫职员制服 73■ 女性警卫职员制服 74□ 男性清洁职员制服 75□ 女性清洁职员制服 76□ 男性厨师职员制服 77□ 女性厨师职员制服 78■ 男性运动服（二季）79■ 女性运动服（二季）80■ 运动夹克（二季）81■ 运动帽 82□ 运动鞋 83■ 徽章 84■ 领带夹 85■ 领带 86■ 领巾 87■ 皮带 88□ 安全帽 89■ 工作帽 90■ 上岗证 91■ 雨具（雨披、雨伞）92□ 其他VI设计 93■ 电视广告商标风格 94■ 报纸广告商标风格 95■ 杂志广告商标风格 96■ 人事广告商标风格 97■ 公司简介商标风格 98■ 产品简介商标风格 99□ 促销DM商标风格 100■ 产品说明书商标风格 101□ 营业用卡（回函）商标风格 102□ 海报商标风格 103■ POP商标风格/POP设计 104■ 幻灯片商标风格 105□ 其他VI设计 106■ 造型招牌（室内）107■ 造型招牌（室外）108■ 直式招牌设计 109■ 横式招牌设计 110■ 立地招牌VI设计 111■ 柜台后招牌 112■ 霓虹灯招牌 113■ 大楼屋顶招牌 114■ 大楼楼层招牌 115□ 骑楼下招牌 116□ 骑楼柱面招牌 117□ 悬挂式招牌 118■ 帆布招牌 119■ 户外看板（路牌广告）120■ 禁止停车牌 121■ 工地大门 122■ 工地事务所 123□ 工地围篱VI设计 124■ 工地标语贴纸 125■ 工地行道树围篱 126■ 工地牌坊 127□ 其他VI设计 128■ 室内指标系统 129■ 室外指标系统（公共区域）130■ 符号指标系统 131■ 部门标示牌 132■ 总区域看板 133■ 分区域看板 134□ 其他VI设计 135■ 工厂外观色带 136■ 室内形象墙面 137■ 大楼建筑物外观标志风格 138■ 大门入口设计 139■ 柜台后墙面设计 140■ 玻璃门色带设计 141■ 公布栏 142■ 踏垫 143■ 垃圾桶 144■ 烟灰缸 145■ 室内精神标语墙 146□ 员工储物柜 147□ 环境色彩标示 148□ 其他VI设计 149■ 业务用车 150□平板车 151■ 交通车 152■ 商务车 153□ 厢型货车 154□ 厢型货柜车 155□ 旅行车 156■ 小客车 157■ 机车 158■ 脚踏车 159□ 拖车头 160□ 曳引车 161□ 堆高国 162□ 吊车 163□ 水泥搅拌车 164□ 展示会场设计 165□ 展示会场参观指示 166□ 展示橱窗设计 167□ 展示板VI设计 168□ 舞台设计 169□ 精神堡垒设计 170□ 商品展示架 171□ 商品展示台 172□ 照明规划 173□ 色彩规划 174□ 动线规划 175□ 其他VI设计 176■ 邀请卡（封套）177■ 生日卡（封套）178■ 问候卡（封套）179■ 感谢卡（封套）180■ 圣诞卡（封套）181■ 贺年卡（封套）182■ 万用卡（封套）183□ 年历 184□ 月历 185□ 日历 186□ 工商日志 187□ 纸张 188□ 铅笔 189□ 原子笔 190□ 笔架 191■ 雨伞架 192■ 气球 193□ 吉祥物赠品 194□ 便条纸砖 195□ 薪资袋 196■ 礼金袋

第四篇：VI设计（模版）

校园文化建设主要项目

VI设计

调研：设计类现场调研

学校标志：标志设计、辅助色系列标志方格制图、学校专用印刷字体规范、标志与标准字组

合规范

吉祥物：吉祥物设计

VI标志及延展：管理人员名片、教师名片、信封、EMS信封、信纸、传真纸、财务用纸、PPT模板、普通作业本（封面设计）英文作业本、作文本、文件夹、工作笔记本（软硬封面

设计）教案本（封面设计=内页设计）学生出入证、学生值日卡、教师值日卡、学生证、教

师工作证、荣誉证书、获奖证书、通知书、会议座牌等。

室内设计

调研：设计类现场调研

室内设计：走廊：班级园地、班牌、名人名言牌、走廊文化样式框、消防栓美化。

门厅：天顶、地面、玻璃门警示、文化橱窗、荣誉墙、校训墙、教师风采墙学校形象墙、校务公开栏。

楼道：楼层牌、楼层导示、温馨提示牌、楼道文化展示牌。

教室：班训、卫生角、图书角、班务栏（课程表/休息表/班级提示)、名人名言牌、制度牌、书架。

寝室：评比栏、温馨语样框、标语文化牌。

校长办公室：行政牌、教风牌、办公制度牌、书画框。

行政办公室：行政牌、教风牌、办公制度牌、书画框名人名言牌。

教室办公室：教风牌、办公制度牌、书画框、名人名言。

功能室：功能室布局设计、文化牌、宣传栏、制度框、名人名言牌。

会议室：会议室主题墙设计、会议室文化牌、文化吊顶。

图书馆：图书馆布局设计、制度框、名人名言牌、文化牌、宣传栏、图书馆简约

优化

作品展览室：作品展览室文化设计和简约优化。

室外设计

调研：设计类现场调研

环境文化设计：校园景观总平图、大门、广场造型设计、概念性规划（新建校）、围墙造型、主题雕塑、浮雕墙、校训屏、运动场规划、路灯、导示牌、廊架、植物牌、垃圾桶、树池

牌、绿化、舞台/主席台、宣传橱窗、建筑外墙面。

第五篇：网站VI设计与企业形象区别在哪？

炙风堂品牌设计机构 http://

邦图餐饮形象设计机构 http://

网站VI设计与企业形象

现在越来越多的企业通过网站来展示自己的企业或产品，除了有效的、高质量的内容吸引客户外，网站的外观设计也非常重要。网站的外观也就是我们说的网站VI设计。一个网站上的所有图片、文字、动画、以及他们的编排方式等等能够看到的元素都是VI设计的一部分商标设计 LOGO设计 品牌 设计 标志设计。

那么，网站的VI设计重要吗?我们可以想一下，除了内容，但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。

人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的VI设计也非常重要。它会吸引着你一点再点。怎样才是一个好的VI设计呢?一个好的视觉设计，首先要有一个好的视觉效果。一个网站怎样才算是有一个好的视觉效果?一个最简单的判别方法是，看她三眼：第一眼，看是否抢眼;第二眼，看是否顺眼;第三眼，看是养眼。其实，这三眼就是网站给你的第一感觉。第一感觉很重要，浏览者能否接受这个网站，很大程度上，就看有否这种一见钟情的感觉。如果答案都是Yes，那么，这个网站就是有一个很好的视觉效果了，相信浏览者也会耐着性子去看完你整个网站的。商标设计 LOGO设计 品牌 设计 标志设计怎样才能有一个让人一见倾心的视觉效果?首先要看整个页面的颜色是否协调，千万不可给人刺眼的感觉;其次要看网页上的的文字是否易于阅读，文字太细、颜色太浅、页面太长或超出屏幕宽度，都是有违网站设计的“美学原则”;再次要看图片，图片太大、太多、太模糊都会惹来浏览者的反感;最后要看“动”与“静” 是否配合得当，无节制地滥用Flash、动态GIF、滚动字幕等效果就会让人眼花缭乱，但死气沉沉，毫无生气的页面也会让人感到乏味。商标设计 LOGO设计 品牌 设计 标志设计

上面谈到的VI设计仅仅是就一个页面而言，VI设计的另一方面是看整个网站的所有页面是否协调与一致。每个页面都使用相同种排版方式、相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这是最基本而有最重要的网站VI设计。

如果你是打算为企业建立一个商业网站，则更加要注重网站的VI设计。如果你的企业本身已经有了一个统一的CI设计(Corporate Indentity，企业形象识别)，那么，网站的VI设计就应该遵循其CI设计。当然，前提是你必须有一套适用的CI设计。按照我们的经验，有相当的 CI设计并不适合应用到网站的视觉设计之中，这使得网站的设计受到很大限制，因此企业在制定其CI设计时，很有必要听取专业网页制作人员的意见，哪怕企业暂时并被有触网的打算。商标设计 LOGO设计 品牌 设计 标志设计

找一家专业而可靠的设计顾问公司，能起到事半功倍的效果!一个好的VI设计，事实上可以凭借CI设计里已经指定的标志设计、色彩、或标准字型等予以发展。尤其是色彩部分，使用正确的色彩往往可以得到相得益彰的效果。另外针对标志本身的一致性所作的设计上变化也是一种变化，总而言之，所有的做法必须能够发展出一套更具品牌形象的设计，而且能将网站的整体特性完全地容入浏览者的脑海里。能让浏览者记住，并能吸引浏览者回头的VI设计，就是一个成功的网站VI设计。商标设计 LOGO设计 品牌 设计 标志设计