可视范围内信息设计与布局

我们大体了解网页设计的设计实质,这里指的是设计面对对象的实质,说了就是要设计的空间范围。也就是显示屏下的最大可视空间。现在的显示器大小日趋多样化,各种尺寸、分辨率大小的都有。作为网页设计师应该充分把握主流的走向。两三年前的主流显示器的分辨率还停留在800px×600px,但是现在1024px×768px都已经快要被淘汰了。网页设计也是,三年前做网页设计要照顾大多数使用者正常浏览,页面宽度要控制在760px以下,单屏设计内容控制在500px;目前受显示器主流大军1024px×768px的分辨率影响,页面设计的空间要控制在1003px以下,有些甚至要求页面宽度要在960px以下。以后的发展暂且不说,就目前的形式来看,页面设计要在这一宽度的页面下完成。

    这也就是可视范围的宽度。至于高度,更加需要详细的分类分析,最终找到一个合适的平衡点,既要照顾大多数又要做到为页面设计打开足够的设计空间。

    Microsoft公司的调查表明,目前浏览器使用依然以Windows系统自带的IE浏览器为主,以火狐、遨游、Google的Chrome等浏览器为辅。无论是IE浏览器做的好与坏,IE才是主流这一点是毫无疑问的,所以页面设计首先要考虑的就是IE浏览器的可视分辨高度。

    空间范围的确定才能让设计师们知道怎样来布局才是合理的。

    首先,空间内的信息设计和布局。这里第一空间,在第一屏空间内最好能够展现完整或传达相对完整的一定信息,所以第一屏信息的布局要整体、充实,但不能满,需留下足够的空间供浏览者“喘息”、“透气”。

    其次,信息设计。始终要明确的一个观点是:整体性。信息布局的目的是突出某些信息,以某些有价值的信息吸引浏览者,这是目的,但是不能为了吸引眼球而夸张地突出标题等信息,这样做的结果只能让浏览者产生劣质、虚假等一系列的心理反应,最终导致网站的失败。

    做信息设计最基础的要做到信息明确、层次分明。信息与信息间要留有空间,且空间要足够浏览者区分信息的条目等信息。信息内容上要有层次感,突出主要的简介信息,让浏览者通过简短的介绍了解信息内容。标题是第一位的,需要突出展现,但是也要注意压制标题信息的突出性,防止过于突兀。信息内容色彩关系要注意把握层次,做到节奏感舒适;不要过于跳跃,使浏览者眼球停不下来,也不要过于统一,这不利于区分。

    这些差别设计要慢慢体会,把握一个“度”,随着设计意识的积累慢慢地会知道什么样的“度”才是最合适的。前面已经说到,要把握的“度”不能差别过大,也不能差别过弱而看不出来。

    视觉转移理论:人的视觉受到最吸引眼球的元素吸引,第一定位元素为图像,色彩斑斓的图像元素是最直接的第一视觉元素,其次是大的标题文字信息,然后是内容文字。一个页面中的视觉流程基本上就是这样的,在网页中也是如此。当然网页浏览空间属于人的视觉可视的小范围空间,视线会从左上角按F形进行浏览,但是也会受到视觉元素的影响。

分类目录: 建站教程 | 标签: 可视  范围内  信息  设计  布局   | 评论:0
上一篇: 全屏flash的尺寸分析
下一篇: 按照栏目划分页面模块