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设计。
相关推荐
设计电商平台商品详情页的关键因素
1. 背景介绍 随着互联网的普及和发展,电子商务已经成为了人们日常生活中不可或缺的一部分。在电商平台中,商品详情页作为用户与商品互动的核心界面,其设计质量直接影响到用户的购买决策和购物体验。因此,如何设计一个高效、易用且具有吸引力的商品详情页成为了电商平台成功的关键因素之一。 本文将从以下几个方面展开讨论: 核
测量电子表格
表格,有编辑的公式,可以计算角度,闭合差等等东西,方便给好用的
中国联通网站VI规范
中国联通网站VI规范,文档详细描述了联通的VI设计与规范。
VI设计和UI设计
VI设计侧重于品牌形象和视觉识别,目的是传达和强化品牌的独特性和价值。UI设计则更关注数字产品的界面和用户体验,目的是提升产品的可用性和用户满意度。这两者虽然在不同的领域发挥作用,但都有助于通过视觉传达信息,从而与目标受众建立有效的沟通。
vi规范
vi规范 pep8规范# vi规范## , 后空一格# 函数和其他代码空两行 posted on 2018-03-01 17:38 .Tang 阅读(...) 评论(...) 编辑 收藏 var allowComments=true,cb_blog...
浅谈公司形象网站的设计流程
【摘 要】本文试图以制作思沃特公司网站的经验,总结出此类公司形象网站的一般制作流程,并阐释其中的一些重要问题,为设计实践活动提供一定参考。 【关键词】形象 网站 设计 一、绪论 20世纪90年代以来,互联网开始在国内迅速普及,互联网主要通过大量的、每天至少有几千人乃至几十万人访问的网站,以前所未有的效率广泛传播着信息。 笔者曾为武汉思沃特房地产顾
Web 网页设计规范浅谈
但没有栅格化设计经验的设计师需要注意,这里说的960是含边距部分,换句话说,在psd文档中,你的内容部分是950px,栅格化版面可以借助一些非常好用的在线工具,比如知名的Grid.Guide,这是12列栅格在内容宽度950下的三种版式规范,你也可以使用24列,灵活度更高。对于一些中规中矩的网站,或者说一般创意型的网站,栅格化设计还是非常推荐的,尤其是一些规模大周期长,后期需要不断迭代的项目,栅格化设计让网页呈现出专业可信赖感,并有助于后期的维护。“Main”是网站的主要区域,如果是博客的话它将包含的日志。
浅谈|营销型网站建设的优势特征
营销型网站建设主要特征是以展示宣传企业的品牌及产品为主,网站通过对企业信息的进行系统宣传,让有需求的浏览者熟悉企业的所提供的产品及服务,并通过有效的在线交流沟通方式搭建起潜在客户与企业之间的桥梁。 通过营销型网站宣传自已的产品及服务,通常企业网站建设是根据企业自身要求来确定发布信息的类型和具体内容(如企业介绍、企业特色、产品和服务信息等等)...
浅谈php脚本
转载自 http://rainbird.blog.51cto.com/211214/272550/ 最近迷上了php脚本,整天满脑子都是php.也用php写了一些脚本,甚至服务来完成一些日常服务器管理的任务,你还别说,还真有那么点意思.突然发现php比自己想象的要强大的大的多了.不敢独享这点心得,特拿出来.只是浅谈,而且也只是提到php与脚本有关的部分,新手切磋,高手略
浅谈自动采集程序及入库
最近网上流行着一些采集程序,更多人拿着这些东西在网上叫卖,很多不太懂的人看着那些程序眼羡,其实如果你懂一些ASP,了解自动采集程序的原理后,你会感觉实现自动化也是那么的简单.原理及优点:通过XML中的XMLHTTP组件调用其它网站上的网页,然后批量截取或替换原有的信息使其转化成变量后再一一储存到数据库中。其主要的优点便是无需再手工添加大量的信息了,可以指定对某一个站信息的截取进行批
测量温度的vi程序
设计一个VI来测量温度(温度是用一个20到40的随机整数来代替),每隔0.25秒测一次,共测定5秒。在数据采集过程中,VI将在波形Chart上实时地显示测量结果。采集过程结束后,在Graph上画出温度数据曲线,并且把测量的温度值以文件的形式存盘
图9-4-温度数据采集.vi
简单模拟串口温度采集及显示功能,比较好用。特别适用于初学者,帮助初学者了解串口通信以及温度显示等功能是如何编辑的。大家都觉得挺好的。
php脚本是啥意思,浅谈php脚本
最近迷上了php脚本,整天满脑子都是php.也用php写了一些脚本,甚至服务来完成一些日常服务器管理的任务,你还别说,还真有那么点意思.突然发现php比自己想象的要强大的大的多了.不敢独享这点心得,特拿出来.只是浅谈,而且也只是提到php与脚本有关的部分,新手切磋,高手略过.先说说笔者对脚本的认识吧.在笔者的认识里,有三种'任务自动化'形态,分别是:批处理,脚本,程序.不要束缚你的想法,这三种形态...
浅谈压测之一Tcpcopy流量导入
很长时间不更新博客了。最近做一些压力测试(流量实时导入与离线回放)、内网源(含全部centos、EPEL)、自制RPM包等事情了。个人有点浅显的理解,如各位看官对以上感兴趣,留言告诉我,后面会选择性更新出来,相信对各位都是比较有用的。 本文用较短篇幅介绍Tcpcopy的流量导入,后续会再更新一篇离线模式使用。 一个完善的网站、系统,上线前必须经过完备的压力测试,这是基本...
浅谈依赖注入
软件工程中的一个重要的理念就是关注分离(Separation of concern, SoC)。依赖注入不是目的,它是一系列工具和手段,最终的目的是帮助我们开发出松散耦合(loose coupled)、可维护、可测试的代码和程序。这条原则的做法是大家熟知的面向接口,或者说是面向抽象编程。 关于什么是依赖注入,在Stack Overflow上面有一个问题,如何向一个5岁的小孩解释依...
浅谈Keepalived双机热备
一、Keepalived双机热备的基础知识 keepalived官方网站: www.keepalived.org/ 在非LVS环境中keepalived也可以作为热备软件使用。 1、Keepalived作用 keepalived最初是专门针对LVS设计的一款强大的辅助工具,主要用来提供故障切换和健康检查功能——判断LVS负载调度器、节点服务器的可用性,及时隔离并替换为新的服务器,当故障主机回复后将...
响应式设计(Response Web Design)实践
前一篇响应式设计(Response Web Design)浅谈提到了响应式设计的由来和应用场景。本文聊一聊如何实现。 如何让自己的网站也响应式Web设计,可以响应设备的分辨率呢? 根据Ethan Marcotte的文章,和相关的实践,已经总结出了一些实践方法。(本文最后列出了所引用的文章和工具)响应式Web设计是想把固定的(Fixed)设定(位置定位,长宽大小)变为相对的(Rel...
222




被折叠的 条评论
为什么被折叠?



