关于网站视觉之色彩的延续思考

摘要: 就色彩方面来说,可是一门大学问,色彩在视觉中究竟占有多大的分量? 关于网站视觉之色彩的延续思考 我想很多人并没有足够的重视色彩,因此他们也就不可能将色彩的运用发挥到极

就色彩方面来说,可是一门大学问,色彩在视觉中究竟占有多大的分量?

关于网站视觉之色彩的延续思考

我想很多人并没有足够的重视色彩,因此他们也就不可能将色彩的运用发挥到极致。

人永远不要尝试着抗争与违背天性,设计也是如此。我们都知道视觉究竟是通过啥来传递给大脑的,如果你不知道的话,那就真的无语了。世界上的一切物体都是以色彩的形式来传输进我们的大脑的,而这些色彩也包括了点、面、线、明暗分界线、阴影等等,正是因为这些色彩的奇妙组合,才使得我们眼中的世界是立体的、缤纷的、多彩的。请不要尝试着去反驳我的观点,那会让我们的探讨变得很无趣。

视觉是通过色彩来传达给我们最基本的信息,一个东西美不美,能不能给我们造成视觉上的冲击,在很大程度上其实都取决于色彩。

正是因为色彩是视觉表现的最基本要素,所以才会有了绘画艺术。所谓的绘画就是通过色彩的变化及组合来带给人以视觉美感的表现形式。色彩是客观存在的,而构图等因素则是主观的,这或许也是有些朋友反驳的最大理由。好吧!我们都见过抽象画吧?为啥毫无构图、具象的一幅画能够带给人以足够的美感及视觉冲击?那还不是因为艺术家们对色彩的领悟及把握已到达了炉火纯青的地步?色彩对于艺术家来说代表的是修养、是功力,扩展至整个视觉领域这话也是无可厚非的。

色盲患者与普通人眼中的世界是不同,不同审美观的人在视觉上对色彩的敏感度及喜好也是不同的,不同年龄层次的人对色彩的感受也不是同的,不同心情下、不同环境中对色彩的感受也不会相同,这就要求我们在表现色彩时一定注意这一点,尤其在网站视觉上,因为庞大的浏览人群,在色彩的表现上,我们最先要考虑的还是色彩的通用性。

有一个最简单的测试你的网站在视觉上表现上究竟好不好的方法,你可以将网站整个截图下来,然后转成黑白单色,如果在黑白色下,你的页面层次感不强、各个组成部分辨识度不高,整个页面都给人灰蒙蒙的感觉,那就证明你做的还远远不够。一个对色彩领悟能力较高的设计师设计出来的东西,即使在去色的黑白状态下应该也是美丽动人、层次分明、依然可以给人以视觉震撼的,并不能将色彩的应用仅仅局限在简单的色彩搭配上。

除了将图片转为黑白色外,你还需要将截图编程很小的随略图,如果缩略图中你的层次结构根本看不出来,颜色辨识度也不高,那么你就需要改进了。像是很多站点正常看上去还行,但一旦做成了缩略小图便编程了满幅文字,密密麻麻的毫无美感而言。

关于色彩的问题我们就将到这里了,再胡侃下去就显得多余了,况且色彩的把握本身就是一种只可意会不可言传的东西,究竟能把握到什么程度完全需要设计者各种经验的长年沉淀。

第二步布局篇

说完了色彩,我们就来看一下布局结构了。

一、好的网站布局应该是透气的

在布局结构上的处理,我们大多数人(并不只是设计师)总是希望在页面上表现更多的东西,这不得不说也算是一种大国情结的延续,或者更准确的说我们国人对网站的概念应该是大而全的那种,我们都门户站点的偏好很厉害……甚至有相当一部分的人认为内容越丰富、栏目越多,才越能证明网站的实力,才能算的上是正规运营的网络公司。

显然这种想法是极其错误的,这只能证明你对网络现状并不了解、对网站领域还缺乏一个深度的了解,除此之外再也无法去证明其他什么东西。

话多必失这四个字也是古人总结的,你表现出来的东西越多,越就暴露了你的缺点和弱点,毕竟没有一个人是全能和完美的,即使是全能和完美的,你也不可能有那么大的精力将方方面面都照顾到。

好吧,我承认很多朋友还是有着清醒认识的,也有越来越多的朋友都注意到了大而全的站点很难取得成功的现实,因此也有越来越多的朋友开始找寻特色的东西作为网站的主题。这个认识似乎与我们现在所将的网站布局关系不大,但你要承认正是因为那种潜意识下的东西在作怪,才导致了我们的页面拥挤而凌乱,很多浏览者进去之后常常会心烦气闷、无所适从。

看看很多站点吧!整个页面都是密密麻麻的东西,貌似设计者恨不得将所有的东西在一个页面上全展现出来。这种设计理念是错误的,即使是cms也把握一个度,没有了这个度的把握,页面便会失控,便会应了那句成语:“画蛇添足”!

为啥我们不能画龙点睛呢?为啥我们不能锦上添花呢?

我承认自己有密集恐惧症,而且我知道大多数浏览者对太过密集的东西都没有好感。页面堆砌太多的东西容易让人产生拥挤、压抑、浅薄、狭隘、凌乱、紧张、茫然等等一些不好的感受,在这一点上我们应该好好的去分析和比较一些国外很多优秀站点的做法,即使是内容较多的cms页面,人家做的也是宽松透气、多而不乱、井然有序、条目分明、重点突出。

素描是一种很见实力而且神奇的艺术表现形式,艺术家们仅通过一支铅笔及灰度的变化便能表现出任何复杂的画面和物体,而我们的网站也就是这个道理,我们无非就是通过一些图片和文字的组合来带给浏览者以视觉上的冲击和阅读的快感。素描讲究透气性,即使是再密集的线条也不能囫囵不清、密不透风,网站也是如此,你就是内容再多,也不能密密麻麻的排布一起,失去了透气性只能带给人压抑之感。

现在有越来越多的网站开始在布局结构上做文章了,一个宽松舒畅的页面布局绝对会让浏览者身心舒畅、大大延长停留在页面上的时间。

二、页面布局的视觉打造应符合人的生理机能

就网站大的布局方面来说,无外乎也就几种:单栏、双栏、三栏、多栏、瀑布流等等。就人的视觉上来讲,我们在浏览时看到第一眼是整个页面,而这第一眼是模糊了,仅仅会让网站瞬间给我们一个初始的印象。如果这个站点的配色及结构很出色的话,应该会让浏览者立时为之振奋,从而迫不及待的定睛去仔细看页面,甚至还会出于被视觉打动的缘故而多翻几个页面,甚至会饶有兴趣的尝试页面上的一些特效或者小互动游戏,这时若是再碰到了很有意思的文章的话,我想这个网站就从此扎根在这个浏览者的脑海里了,毫无悬念的他以后还会再次光临这个站点,这也就是因为视觉而增加的用户粘度。但如果这个站点的配色及结构很普通,并没有任何出彩的地方呢?那浏览者的眼睛就会略略停顿模糊一秒钟的时间,然后瞳孔收缩转为定焦,定焦后的目光最先还是在页面的地方,这时他看到的就是页面的结构了,通过页面的结构的判断,眼睛会将视觉感受传达至大脑,然后浏览者就自己该怎么样去浏览眼前的这个页面。那么这个时候单栏的好处也就体现出来了,因为它能在第一眼就已经尽收浏览者眼底,那种视觉感受会很舒服的,因为浏览者并不需要扭头眨眼、完全是顺应着自然本能就很轻松的看到了主体内容。

如果你是两栏甚至多栏的话,浏览者的当第一眼发觉并没有将角度定格在主内容区域时,就会立刻将目光扫向页面的左边,因为他们认为左边才是最重要的。这也许是因为大多数网站都是这么处理的,首先阅读左边成为了一种习惯,也恰恰是因为这个原因才导致了越来越多的人将边栏改在了右边显示。因为我最想让浏览者看到的是左边的主内容区域。其实造成浏览者最先将目光吊向左边还是基于国人的阅读习惯。大陆地区的书写方向是横排的从左至右的,书籍的印刷也是这样,我们从小到大早就养成了从左至右的阅读习惯,这似乎已经成为了视觉下意识下的本能了。在数年前,大多数网站的布局很多都是边栏在左边,主内容区在右边的,显然设计者们已经注意到了这个视觉偏离的问题,模仿也好、认识也好,反正大家基本都已经接受了现在边栏放在右边的布局。

基于篇幅的关系,我们将在下一章节继续我们的布局探讨,敬请关注!

时间: 2025-01-13 05:11:11

关于网站视觉之色彩的延续思考的相关文章

高级网站视觉设计师 四川省 成都市

高级网站视觉设计师  发布企业 北京古美互动科技发展有限公司成都分公司 工作地点 四川省 成都市 招聘人数  年龄要求  性别要求  学历要求  职业要求  经验要求  待遇月薪  发布日期 2009-6-3 失效日期 2009-7-3 工作描述 岗位要求: 1.大学本科以上学历,美术设计或相关专业毕业: 2.2年以上相关工作经验,有较多的作品: 3.能够熟练使用Photoshop等设计软件: 4.具有深厚的美术功底和良好的创意构思能力,对色彩有深刻的把握力.独特的设计风格.独到的创意视点与创新

BBC网站设计中的新网站视觉系统

BBC 日前在Blog 上展示了他们正在设计中的新网站视觉系统,他们称之为视觉语言Visual Language,旨在统一BBC 各个网页的设计风格.目前BBC 网站便用的视觉系统是两年前设计的,该套设计标准规范可在此中寻. 新网站设计想传递「现代英国.时事.强势.独特.领先.综合.优秀」等感觉.同时为了适应越来越流行的阔萤幕浏览,设计团队还重新设计了一套新的网格系统(grid system) 及网页模版. 当然还少不了字款.颜色选用的规范.总体来说没有太大改变.将在今年逐渐应用到bbc 各个网

烟台日报传媒集团打造付费图片网站“视觉烟台”昨日上线

硅谷网7月7日消息 6日上午,烟台日报http://www.aliyun.com/zixun/aggregation/20817.html">传媒集团打造付费图片网站"视觉烟台"昨日上线. "视觉烟台"网站启动仪式暨烟台日报传媒集团首批签约 摄影师代表会议在市博物馆会议室 举行.由烟台日报传媒集团打造的烟台唯一新闻摄影图库网站"视觉烟台"正式上线,YMG百余名签约摄影师共同见证了这一时刻. "视觉烟台"网站是由

网站视觉设计分析:频道改版方法和经验

文章描述:频道是一个与用户交流的平台,做到与用户的无障碍互动,不仅需在内容层面的体现,更重要的是体验上的感触,. 频道是产品的门户,用户的窗口,业务的平台, 随着平台上产品的发展,频道的改版那是必然的事情,每次改版的目标和方向都在发生变化,对于设计师而言就意味着又是一个新的产品设计,所以频道改版方法和经验一半靠前人总结,一半靠自己摸索: 一.新手误区:拿到交互demo就直接对交互稿进行视觉设计,当遇到某个版块放在这个位置不合适的情况下就会直接更改版块位置,发现色彩比较淡就会任意更换色彩或是添加新

网站?XML?我的思考

xml 1.我用HTML进行设计 曾经我以为我蛮特别的,我喜欢用记事本来写很简单很简单的HTML.而且,我看的关于网页的第一个教程也就是教你<h1>啊这些标签的教程.相信那个著名的教程,很多人都有看过.只是很多看过了之后不一定会自己去手写这些代码,只是知道frontpage这样的工具背后的原理就好了.但是时间久了还是觉得蛮累的.因为我写代码的时候毕竟是要靠自己的大脑去想象最终的外观会是什么,所以有的时候还是蛮想去用Dreamweaver这样的工具.也难怪那些所见即所得的工具会有那么多用户了,因

网站视觉品牌:如何才是一个好的LOGO

文章描述:一个LOGO对于一家企业的重要性不用我说相信大家也都知道,不管是从视觉的品牌传播方面,还是对于传达企业对内对外的精神和文化理念方面,小小的一个LOGO都处在一个举足轻重的位置.好了,废话不多说,开始正题. 一个LOGO对于一家企业的重要性不用我说相信大家也都知道,不管是从视觉的品牌传播方面,还是对于传达企业对内对外的精神和文化理念方面,小小的一个LOGO都处在一个举足轻重的位置.好了,废话不多说,开始正题. 有人说"即使一把火把可口可乐烧得精光,它也能凭借着它的LOGO东山再起.&qu

B2C网站商品销售排行榜设计的思考

  在当当上买书,买了自己想要的书后,想再挑选几本其他领域(例如银行会计学原理)的经典图书看看.对于自己熟悉领域内的图书挑选相对容易,基本上通过朋友间推荐.Blog.Twitter.SNS.专业论坛等的口碑方式较容易得知那些图书被大家所推荐.但对于自己并不熟悉领域的图书的优劣就无从判定了.通过豆瓣.关联推荐.关键词搜索等方式找了半天也没找到合适的图书,闲逛时候方向了当当的"当当榜",使用了一下,效果还不错,找到了几本不错的图书.     一般来说,我对图书的选购都是通过如下一些方法:

Soso成为网站第一流量来源引发的思考

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 众所周知,国内搜索引擎市场一直是百度唱主角,360搜索与搜狗在后面采取不同的策略追赶,但无法撼动百度地位.而soso这家搜索引擎,高管跳槽,员工流失,在腾讯系中的地位日益下降,除了媒体近期炒作了一下soso失败论外,几乎淡出了我们的视野.不过,笔者惊讶的发现自己一汽车类网站,从soso来的流量竟然成功的逆袭了百度,360搜索与搜狗. 考虑到笔

中小网站在微信营销前必须思考的问题

中小网站在做微信营销之前必须思考下面这些问题,只有理智的.有策略的利用微信做营销才能将其作用发挥到最大. 问题一:为何要做微信营销?       一些中小企业对微信营销缺乏认识,盲目跟风,结果损了夫人又折兵.因此,中小企业在做微信营销之前必须明确自己做微信营销是为了宣传还是利润还是盲目跟风.只有有明确的目的才能有针对性的进行宣传.       问题二:你的网站.产品是否适合做微信营销?       由于部分企业或个人基于商业目的夸大了微信营销的作用,使得一些中小网站头脑一热就开始做微信公众账号,