网页核心内容和网页色彩方案与网页布局的关系(2)

http://www.itjxue.com  2015-08-07 20:47  来源:未知  点击次数: 

二、核心内容对于色彩方案的影响

Lofter是网易提供的轻博客服务,其中的信息类型主要有四类:即:图片、音乐、文字、视频。关于Lofer的模板设计,木偶同学在《LOFTER轻博模板设计》一文中对主要展示图片的模板的有如下设计方面的考虑,”该模板通常是为了满足摄影用户,图片展示面积要够大,够爽;模板首页一屏能看多图;背景要暗,突显当前图片;边框的设计让图片更突出,或让图片更精美。”通过分析和理解此设计思路,我们能够发现,其中的图片展示面积要够大,也就是我们上面提到的布局方面的考虑,而背景要暗即是我们这里要讨论的对于色彩方案的影响。

从木偶同学的完成作品中我们可以看到,按照设计思路做出来的灰色的背景平静而低调,和白色的图片边框和背景形成鲜明的对比,而灰白的色彩方案和色彩多变的图片不会冲突,无论图片怎么变化都能和灰色和白色百搭,所以彩色的图片在白色的背景和边框的映衬下更加抢眼,让照片这样重要的信息在视觉方面得到了充分的表达。

另外的一个例子来自于韩国的搜索引擎服务网站Naver。liuman0722在《高效的设计可视化》一文中针对Naver的设计写到”韩国著名门户/搜索引擎网站Naver旗下的Naver Shopping,其产品定位即提供商品的搜索服务,通过搜索商品名称,可以按照商品类别列出几乎韩国所有的大型电子商务网站提供的该商品链接。所以在界面上,用强对比色调突出搜索功能和导航区(页面左上角的绿色区域)。通过视觉化引导,让用户专注于核心内容,聚焦用户视线的焦点,在白色为主色调的页面,视线会先看到强色调的部分,所以也可以用强色调来突出核心内容,让用户的视觉聚焦在那里。”

所有的视觉设计都是围绕信息来做的,我们必须首先梳理好了信息的内容和结构,才能知道应该在哪里施以重墨,在哪里点到为止。反过来,很多的设计思路和想法可以说本身已经暗含在信息中了,比如我们上面提到的布局和色彩方案。只要提炼和优化好了信息,怎么来做其实在梳理信息的过程中就渐渐的明晰了。

(责任编辑:IT教学网)

更多