正文

vi视觉设计网页设计（vi视觉设计案例）

发布时间：2023-05-05 02:05:48 稿源：创意岭阅读： 129

大家好！今天让创意岭的小编来大家介绍下关于vi视觉设计网页设计的问题，以下是小编对此问题的归纳整理，让我们一起来看看吧。

开始之前先推荐一个非常厉害的Ai人工智能工具，一键生成原创文章、方案、文案、工作计划、工作报告、论文、代码、作文、做题和对话答疑等等，官网：https://ai.de1919.com

创意岭专注品牌设计、策划，为各大上市企业、个人提供一站式设计、策划服务，服务客户遍布全国，咨询相关业务请拨打电话：175-8598-2043，或添加微信：1454722008

本文目录:

什么是vi设计
什么是网站vi设计
什么是网站vi设计
什么是网站vi设计

vi视觉设计网页设计（vi视觉设计案例）

什么是vi设计

VI即（Visual Identity），通译为视觉识别，是CIS系统中最具传播力和感染力的层面。
人们所感知的外部信息，有83%是通过视觉通道到达人们心智的。也就是说，视觉是人们接受外部信息的最重要和最主要的通道。企业形象的视觉识别，即是将CI的非可视内容转化为静态的视觉识别符号，以无比丰富的多样的应用形式，在最为广泛的层面上，进行最直接的传播。
设计科学、实施有利的视觉识别，是传播企业经营理念、建立企业知名度、塑造企业形象的快速便捷之途。
二、VI应用要素系统设计表
1. 待客用项目类
洽谈会、会客厅、会议厅家具、烟灰缸、坐垫、招待餐饮具、客户用文具。商品及包装类
商品包装设计、包装纸、包装箱、包装盒、各种包装用的徽章、封套、封缄、粘贴商标、胶带、标签等。
2. 符号类
公司名称招牌、建筑物外观、招牌、室外照明、霓虹灯、出入口指示、橱窗展示、活动式招牌、路标、纪念性建筑、各种标示牌、经销商用各类业务招牌、标示。
3. 帐票类
订单、货单、帐单、委托单、各类帐单、申请表、通知书、确认信、契约书、支票、收据等。
4. 文具类
专用信笺、便条、信封、文件纸、文件袋、介绍信等。
5. 服装类
男女职工工作服、制服、工作帽、领带、领结、手帕、领带别针、伞、手提袋等出版
6.印刷类
股票、年度报告书、公司一览表、调查报告、自办报刊、公司简历、概况、奖状等。
7. 大众传播类
报纸广告、杂志广告、电视广告、广播广告、邮寄广告等。
8. SP类
产品说明书、广告传播单、展示会布置、公关杂志、促销宣传物、视听资料、季节问候卡、明信片、各种POP类。
9. 交通类
业务用车、宣传广告用车、货车、员工通勤车等外观识别。
10. 证件类
徽章、臂章、名片、识别证、公司旗帜
三、VI设计的基本原则
VI的设计不是机械的符号操作，而是以MI为内涵的生动表述。所以，VI设计应多角度、全方位地反映企业的经营理念。
VI设计不是设计人员的异想天开而是要求具有较强的可实施性。如果在实施性上过于麻烦，或因成本昂贵而影响实施，再优秀的VI也会由于难以落实而成为空中楼阁、纸上谈兵。
①风格的统一性原则
②强化视觉冲击的原则
③强调人性化的原则
④增强民族个性与尊重民族风俗的原则
⑤可实施性原则
⑥符合审美规律的原则
⑦严格管理的原则
VI系统千头万绪，因此，在积年累月的实施过程中，要充分注意各实施部门或人员的随意性，严格按照VI手册的规定执行，保证不走样。
四、VI设计的基本程序
VI的设计程序可大致分为以下四个阶段：
①准备阶段:
成立VI设计小组
理解消化MI，确定贯穿VI的基本形式
搜集相关咨讯，以利比较
VI设计的准备工作要从成立专门的工作小组开始，这一小组由各具所长的人士组成。人数不在与多，在于精干，重实效。一般说来，应由企业的高层主要负责人担任。因为该人士比一般的管理人士和设计人员对企业自身情况的了解更为透彻，宏观把握能力更强。其他成员主要是各专门行业的人士，以美工人员为主体，以行销人员、市场调研人员为辅。如果条件许可，还邀请美学、心理学等学科的专业人士参与部分设计工作。
②设计开发阶段
基本要素设计
应用要素设计
VI设计小组成立后，首先要充分地理解、消化企业的经营理念，把MI的精神吃透，并寻找与VI的结合点。这一工作有赖于VI设计人员与企业间的充分沟通。
在各项准备工作就绪之后，VI设计小组即可进入具体的设计阶段。
③反馈修正阶段
调研与修正反馈
修正并定型
在VI设计基本定型后，还要进行教大范围的调研，以便通过一定数量、不同层次的调研对象的信息反馈来检验VI设计的各细部。
④编制VI手册
编制VI手册是VI设计的最后阶段。
五、VI的基本要素设计-标志设计
标志分为企业标志和产品标志两种。
企业标志
企业标志即从事生产经营活动的实体的标志，产品标志即企业所生产的产品的标志，又叫商标。
企业标志的特点
独特鲜明的识别性是企业标志的首要特点。
精神内涵的象征性是企业标志的本质特点。
符合审美造型性是企业标志的重要特点。
具有实施上的延展性是企业标志的必具特点
标志的应用范围极为广泛，所以，标志设计应考虑到平面，立体以及不同材质上的表达效果。有的标志设计美咋美矣，但制作复杂，成本昂贵，必然限制标志应用上的广泛与便利。
企业标志应具有时代色彩
在标志设计过程中，应充分考虑时代色彩，并在以后的实施过程中随机据情修订。
企业标志的设计原则
从造型的角度来看，标志可以分为具象型、抽象型。具象抽象结合型三种。
具象型标志是在具体图象（多为实物图形）的基础上，经过各种修饰，如简化、概括、夸张等设计而成的，其优点在于直观地表达具象特征，使人一目了然。
抽象型标志是有点、线、面、体等造型要素设计而成的标志，它突破了具象的束缚，在造型效果上有较大的发挥余地，可以产生强烈的视觉刺激，但在理解上易于产生不确定性。如日本三菱公司的标志。
具象抽象结合型标志是最为常见的，由于它结合了具象型和抽象型两种标志设计类型的长处，从而使其表达效果尤为突出。
无论是哪一种形式的标志设计都应遵循以下原则
标志设计应能集中反映企业的经营理念，突出企业形象。
标志设计应结合企业的行业特征和产品特征。
标志设计应符合时代的审美特征。
六、VI的基本要素设计-标准字设计
标准字设计，即将企业（产品）的名称，通过创意设计，形成风格独特、个性突出的组合整体。
一、标准字的特征
识别性是标准字总的特征
由于标准字代表着特定的企业形象，所以，必须具备独特的整体风格和鲜明的个性特征，以使它所代表的企业从众多的可比较对象中脱颖而出，另人过目不忘。
易识性是标准字的基本特征
造型性是标准字的关键特征
系列性是标准字设计的应用性特征即应有一系列的相同风格的标准字，适用于各种场合。
二、标准字的设计步骤
确定总体风格
一个企业应具有自己不同于其他企业的内在风格，不同的字体造型和组合形式也具有其内在的风格特征，找到二者间的有机联系。
构思基本造型
休整视觉误差
常见的错视与修正
汉字是方块形的，但在实际的视觉效果中，略长些的的汉字看起来比规整的方块形更为美观。这是因为汉字的间架结构上下顶格者多，左右只有部分笔画支持，而且横多竖少的笔画也增强了汉字的高度感。因此按照同样大小的方块写出来的字，看起来很可能是参差不齐、大小不一的。
附：
一套完整的VI目录
一、VI基础设计项目
1.企业标志设计
企业标志及标志创意说明
标志墨稿
标志反白效果图
标志标准化制图
标志方格坐标制图
标志预留空间与最小比例限定
标志特定色彩效果展示
2.企业标准字体
企业全称中文字体
企业简称中文字体
企业全称中文字体方格坐标制图
企业简称中文字体方格坐标制图
企业全称英文字体
企业简称英文字体
企业全称英文字体方格坐标制图
企业简称英文字体方格坐标制图
3.企业标准色（色彩计划）
企业标准色（印刷色）
辅助色系列
下属产业色彩识别
背景色使用规定
色彩搭配组合专用表
背景色色度、色相
4.企业造型（吉祥物）
吉祥物彩色稿及造型说明
吉祥物立体效果图
吉祥物基本动态造型
企业吉祥物造型单色印刷规范
吉祥物展开使用规范
5.企业象征图形
象征图形彩色稿（单元图形）
象征图形延展效果稿
象征图形使用规范
象征图形组合规范
6.企业专用印刷字体
企业专用印刷字体
7.基本要素组合规范
标志与标准字组合多种模式
标志与象征图形组合多种模式
标志吉祥物组合多种模式
标志与标准字、象征图形、吉祥物组合多种模式
基本要素禁止组合多种模式
二、VI应用设计项目
1.办公事物用品设计
高级主管名片
中级主管名片
员工名片
信封
国内信封
国际信封
大信封
信纸
国内信纸
国际信纸
特种信纸
便笺
传真纸
票据夹
合同夹
合同书规范格式
档案盒
薪资袋
识别卡（工作证）
临时工作证
出入证
工作记事簿
文件夹
文件袋
档案袋
卷宗纸
公函信纸
备忘录
简报
签呈
文件题头
直式、横式表格规范
电话记录
办公文具
聘书
岗位聘用书
奖状
公告
维修网点名址封面及内页版式
产品说明书封面及内页版式
考勤卡
请假单
名片盒
名片台
办公桌标识牌
及时贴标签
意见箱
稿件箱
企业徽章
纸杯
茶杯、杯垫
办公用笔、笔架
笔记本
记事本
公文包
通讯录
财产编号牌
培训证书
国旗、企业旗、吉祥物旗旗座造型
挂旗
屋顶吊旗
竖旗
桌旗
2.公共关系赠品设计
贺卡
专用请柬
邀请函及信封
手提袋
包装纸
钥匙牌
鼠标垫
挂历版式规范
台历版式规范
日历卡版式规范
明信片版式规范
小型礼品盒
礼赠用品
标识伞
3.员工服装、服饰规范
管理人员男装（西服礼装\\白领\\领带\\领带夹）
管理人员女装（裙装\\西式礼装\\领花\\胸饰）
春秋装衬衣（短袖）
春秋装衬衣（长袖）
员工男装（西装\\蓝领衬衣\\马甲）
员工女装（裙装\\西装\\领花\\胸饰）
冬季防寒工作服
运动服外套
运动服、运动帽、T恤（文化衫）
外勤人员服装
安全盔
工作帽
4.企业车体外观设计
公务车
面包车
班车
大型运输货车
小型运输货车
集装箱运输车
特殊车型
5.标志符号指示系统
企业大门外观
企业厂房外观
办公大楼体示意效果图
大楼户外招牌
公司名称标识牌
公司名称大理石坡面处理
活动式招牌
公司机构平面图
大门入口指示
玻璃门
楼层标识牌
方向指引标识牌
公共设施标识
布告栏
生产区楼房标志设置规范
立地式道路导向牌
立地式道路指示牌
立地式标识牌
欢迎标语牌
户外立地式灯箱
停车场区域指示牌
立地式道路导向牌
车间标识牌与地面导向线
车间标识牌与地面导向线
生产车间门牌规范
分公司及工厂竖式门牌
门牌
生产区平面指示图
生产区指示牌
接待台及背景板
室内企业精神口号标牌
玻璃门窗醒示性装饰带
车间室内标识牌
警示标识牌
公共区域指示性功能符号
公司内部参观指示
各部门工作组别指示
内部作业流程指示
各营业处出口／通路规划
6.销售店面标识系统
小型销售店面
大型销售店面
店面横、竖、方招牌
导购流程图版式规范
店内背景板（形象墙）
店内展台
配件柜及货架
店面灯箱
立墙灯箱
资料架
垃圾筒
室内环境
7.企业商品包装识别系统
大件商品运输包装
外包装箱（木质、纸质）
商品系列包装
礼品盒包装
包装纸
配件包装纸箱
合格证
产品标识卡
存放卡
保修卡
质量通知书版式规
说明书版式规范
封箱胶
会议事务用品
8.企业广告宣传规范
电视广告标志定格
报纸广告系列版式规范（整版、半版、通栏）
杂志广告规范
海报版式规范
系列主题海报
大型路牌版式规范
灯箱广告规范
公交车体广告规范
双层车体车身广告规范
T恤衫广告
横竖条幅广告规范
大型氢气球广告规范
霓红灯标志表现效果
直邮DM宣传页版式
广告促销用纸杯
直邮宣传三折页版式规范
企业宣传册封面、版式规范
年度报告书封面版式规范
宣传折页封面及封底版式规范
产品单页说明书规范
对折式宣传卡规范7
网络主页版式规范
分类网页版式规范
光盘封面规范
擎天拄灯箱广告规范
墙体广告
楼顶灯箱广告规范
户外标识夜间效果
展板陈列规范
柜台立式POP广告规范
立地式POP规范
悬挂式POP规范
产品技术资料说明版式规范
产品说明书
路牌广告版式
9.展览指示系统
标准展台、展板形式
特装展位示意规范
标准展位规范
样品展台
样品展板
产品说明牌
资料架
会议事务用品
10.再生工具
色票样本标准色
色票样本辅助色
标准组合形式
象征图案样本
吉祥物造型样本

什么是网站vi设计

要回答这个问题，就先得回答：网站的外观重要吗？一个网站的内容固然重要，但是如果没有一个好看而吸引的外表，哪怕有着再好的内容，有着再好的结构，相信整个网站的浏览效果也会大打折扣，浏览者的阅读兴致也会大减。就等于一个内涵丰富但却外表平庸的人在一个公共场所出现，是难以引起别人的注意的一样。人们称互联网经济为注意力经济，如何吸引大众的注意力，除了内容是一个重要的因素外，外观也同样起着举足轻重的作用。网站的外观非常重要，因此，网站的VI设计也非常重要。
Intel精彩网站的VI设计，深深吸引着你一点再点
怎样才是一个好的VI设计呢？一个好的视觉设计，首先要有一个好的视觉效果。一个网站怎样才算是有一个好的视觉效果？一个最简单的判别方法是，看她三眼：第一眼，看是否抢眼；第二眼，看是否顺眼；第三眼，看是养眼。其实，这三眼就是网站给你的第一感觉。第一感觉很重要，浏览者能否接受这个网站，很大程度上，就看有否这种一见钟情的感觉。如果答案都是Yes，那么，这个网站就是有一个很好的视觉效果了，相信浏览者也会耐着性子去看完你整个网站的。
抢眼、顺眼、养眼——Macromedia就是这样的一个网站
怎样才能有一个让人一见倾心的视觉效果？首先要看整个页面的颜色是否协调，千万不可给人刺眼的感觉；其次要看网页上的的文字是否易于阅读，文字太细、颜色太浅、页面太长或超出屏幕宽度，都是有违网站设计的“美学原则”；再次要看图片，图片太大、太多、太模糊都会惹来浏览者的反感；最后要看“动”与“静”是否配合得当，无节制地滥用Flash、动态GIF、滚动字幕等效果就会让人眼花缭乱，但死气沉沉，毫无生气的页面也会让人感到乏味。
上面谈到的VI设计仅仅是就一个页面而言，VI设计的另一方面是看整个网站的所有页面是否协调与一致。每个页面都使用相同种排版方式、相同的背景色及近似的按钮都能增加网页一致性，树立统一的风格。这是最基本而有最重要的网站VI设计。
中文热讯的VI设计非常注重统一性，在业内也是有口皆碑
如果你是打算为企业建立一个商业网站，则更加要注重网站的VI设计。如果你的企业本身已经有了一个统一的CI设计（Corporate Indentity，企业形象识别），那么，网站的VI设计就应该遵循其CI设计。当然，前提是你必须有一套适用的CI设计。按照我们的经验，有相当的CI设计并不适合应用到网站的视觉设计之中，这使得网站的设计受到很大限制，因此企业在制定其CI设计时，很有必要听取专业网页制作人员的意见，哪怕企业暂时并被有触网的打算。
找一家专业而可靠的网络顾问公司，能起到事半功倍的效果
一个好的VI设计，事实上可以凭借CI设计里已经指定的Logo、色彩、或标准字型等予以发展。尤其是色彩部分，使用正确的色彩往往可以得到相得益彰的效果。另外针对Logo本身的一致性所作的设计上变化也是一种变化，总而言之，所有的做法必须能够发展出一套更具品牌形象的设计，而且能将网站的整体特性完全地容入浏览者的脑海里。能让浏览者记住，并能吸引浏览者回头的VI设计，就是一个成功的网站VI设计。
Nike的经典标志始终贯穿着整个网站，让人过目难忘
VIS 是由英文VISUAL IDENTITY SYSTEM 的第一个字母组成，翻译成汉语是视觉识别系统的意思。
它是企业理念的视觉化演绎，它具体通过以标志为核心的视觉基本要素（如标准字、标准色等）和应用要素（如事务用品、标识系统、交通工具、广告形式等）向社会公众传播推广。VI 设计即视觉识别设计。
企业在识别战略中所形成的运营思想和方针、企业使命和价值观念、相关文化特征等主要通过差别化、形象化的视觉识别系统向外传播，形成使社会公众接受并认同的形象信息，并达到企业识别的目的。
视觉识别系统作为企业理念识别的形象体现，是以视觉传播理论为指导、视觉传达设计为手段、视觉传播媒体管理为保证的系统和科学的传播工程，视觉识别系统的形成，必须在分析、审视、确认企业理念识别的基础上，从识别的角度，对企业进行定位，通过对企业形象因素的分析，形成明确的形象概念，在视觉设计原则的指导下，形成一定的视觉设计概念，演绎为具体的视觉符号，并有计划地、规范化地应用于企业对内对外的行为过程之中，使企业理念识别物化为企业具体的视觉识别要素，使视觉识别要素与企业同一化。

vi视觉设计网页设计（vi视觉设计案例）