当代的网页视觉设计由最初的信息堆砌到后来的图形化、抽象化,更到今天的信息视觉化,经历了3个迥然不同而又相互递进的过程。目前,除了一些艺术或个人网站,其他绝大部分的网站都以信息的准确传递为视觉设计的主要目的。
信息以文字、图片、色块为主要的载体,经过编排在浏览器里对用户展示,这要求网站构成的绝大部份必须是能清晰阅读的文字和准确无误的图片。
同其他种类的视觉设计一样,信息为主的网站视觉设计需要遵循一些基本的美术规则,运用一些简单有效的美术手段来达成。下面我们来谈一下这些具体的方法论。
高傲的空间
—————————————————
让浏览更高效
在满篇都基本由文字、色块组成的信息里,要让用户顺利的浏览、轻松地操作,是一件值得反复推敲的工作,通常,国内的很多设计师都会羡慕以字母为文字的国家的设计师,因为网页设计中,能使用的中文最小的像素字体只能是12Px的宋体,最大的像素字体则14-18px,超过这个范畴的像素字体,就几乎不能辨认,或很不美观,而字母组成的内容则不限,可以更小到9Px甚至8Px依然能够轻松分辨,这给信息的设计留下了很大的操作空间,
那么中文状态下的我们,怎么有效地设计信息?


第一,色彩法,用灰度的色彩使字体看起来视觉上更小,而重要的内容则用深色、纯度较高的颜色,使之更显得大。在大段内容文字下面间或赋予底色以浅浅的色彩,能有效增强文字可读性,而主体文字的颜色一般不用系统默认的纯黑色#000,对于白底来说那是一种非常刺目的颜色,并且容易使空间看起来拥挤局促。

第二,编排法,其实也是排版的基本方法,即把最重要的大号文字与辅助性的最小文字排在一起,通过对比划分彼此的区别,彰显各自的特性。

另外,当文字成行、并且长短不一时,我们必须把文字看成错落有致的"线";而当文字较多,成块面地展示,我们可以当作与线相对的"面",保持线和面的视觉划分和编排,有利于空间的分配。
第三,掌控间距和边距,通常情况下,内容外围的距离大于内容之间的距离,内容的区块之间的距离大于内容本身的间隙,这样使内容看起来更紧凑、有序,也使眼睛有足够的休息空间,不至于感觉拥挤疲惫。
HTML页面跳转及参数传递问题这篇文章给大家详细介绍了HTML页面跳转及参数传递问题,需要的朋友参考下吧
纯css实现照片墙3D效果的示例代码这篇文章主要介绍了纯css实现照片墙3D效果的示例代码,可以实现鼠标经过图片实现改变,具有一定的参考价值,感兴
纯 Css 绘制扇形的方法示例本篇文章主要介绍了纯 Css 绘制扇形的方法示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随
一份纯CSS loading动画效果代码示例本篇文章主要介绍了一份纯CSS loading效果代码示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟
css 实现文字过长自动隐藏功能这篇文章主要介绍了css 实现文字过长自动隐藏功能,需要的朋友可以参考下
详解CSS3 rem(设置字体大小) 教程本篇文章主要介绍了详解CSS3 rem(设置字体大小) 教程,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起