RELATEED CONSULTING
相关咨询
选择下列开发服务马上在线沟通
服务时间:9:30-18:00
你可能遇到了下面的问题
关闭右侧工具栏

技术支持

您当前的位置:主页 > 网站建设 > 网站建设资讯 >
网站页面布局应该注意这几个要点
  • 作者:APP开发公司
  • 发表时间:2017-08-19 10:05
  • 来源:
1、用户导向(User oriented)

规划网页首先要清晰究竟谁是运用者,要站在用户的观念和态度上来考虑规划网站。要作到这一点,有必要要和用户来交流,了解他们的需求、方针、期望和偏好等。网页的规划者要清楚,用户之间不同很大,他们的才能各有不同。比方有的用户可能会在视觉方面有短缺(如色盲),对许多的色彩分辩不清;有的用户的听觉也会有障碍,关于网站的语音提示反映愚钝;而且适当一部分用户的计算机运用经验很初级,关于杂乱一点的操作会感觉到很吃力。别的,用户运用的计算机机器配置也是千差万别,包含显卡、声卡、内存、网速、操作系统以及阅览器等都会有不同。规划者如果忽视了这些不同,规划出的网页在不同的机器上显现就会形成混乱。

2、KISS(Keep It Simple And Stupid)
KISS就是"Keep It Sample And Stupid"的缩写,简练和易于操作是网页规划的最重要的。毕竟,网站建造出来是用于一般网民来查阅信息和运用网络效劳。没有必要在网页上设置过多的操作,堆集上许多杂乱和花哨的图片。该一般的要求,网页的下载不要超越10秒钟(一般的拨号用户56 Kbps网速);尽量运用文本链接,而削减大幅图片和动画的运用;操作规划尽量简单,而且有清晰的操作提示;网站一切的内容和效劳都在显眼处向用户予以阐明等。

3、布局操控
关于网页排版布局方面,许多网页规划者重视不行,网页排版规划的过于呆板,乃至照抄他人。如果网页的布局杂乱,仅仅把许多的信息堆集在页面上,会干扰阅览者的阅览。一般在网页规划上所要遵从的原理有:
(1)Miller公式。依据心理学家George A.Miller的研讨标明,人一次性承受的信息量在7个比特左右为宜。总结一个公式为:一个人一次所承受的信息量为 7±2 比特。这一原理被广泛应用于网站建造中,一般网页上面的栏目最佳挑选在5~9个之间,如果网站所供给应阅览者挑选的内容链接超越这个区间,人在心理上就会烦躁,压抑,会让人感觉到信息太密布,看不过来,很累,但是许多国内的网站在栏目的设置远远超出这个区间。
(2)分组处理。上面说到,关于信息的分类,不能超越9个栏目。但如果你的内容实在是多,超出了9个,需求进行分组处理。如果,你的网页上供给几十篇文章的链接,需求每隔7篇加一个空行或平行线做以分组。

4、视觉平衡
网页规划时,也要各种元素(如图形、文字、空白)都会有视觉作用。依据视觉原理,图形与一块文字相比较,图形的视觉作用要大一些。所以,为了到达视觉平衡,在规划网页时需求以更多的文字来平衡一幅图片。别的,依照中国人的阅览习气是从左到右,从上到下,因而视觉平衡也要遵从这个这个道理。例如,你的许多的文字是选用左对齐〈align=left〉,需求在网页的右面加一些图片或一些较明亮、较醒目的色彩。一般情况下,每张网页都会设置一个页眉部分和一个页脚部分,页眉部分常放置一些Banner广告或导航条,而页脚部分一般放置联系方式和版权信息等,页眉和页脚在规划上也要注重视觉平衡。一起,也决不能轻视空白的价值。如果你的网页上所显现的信息十分密布,这样不光不利于读者阅览,乃至会引起读者恶感,损坏该网站的形象。在网页规划上,适当添加一些空白,精粹你的网页,使得页面变的简练。

5、色彩的调配和文字的可阅览性
色彩是影响网页的重要因素,不同的色彩对人的感觉有不同的影响,例如:红色和橙色使人振奋并使得心跳加快;黄色使人联想到阳光,是一种快活的色彩;黑色彩显得比较庄重,考虑到你期望对阅览者发生什么影响,为网页规划挑选适宜的色彩(包含背景色、元素色彩、文字色彩、链节色彩等)。

6、调和与共同性
经过对网站的各种元素(色彩、字体、图形、空白等)运用必定的标准,使得规划良好的网页看起来应该是调和的。或许说,网站的很多独自网页应该看起来像一个全体。网站规划上要坚持共同性,这又是很重要的一点。共同的结构规划,能够让阅览者对网站的形象有深入的回忆;共同的导航规划,能够让阅览者迅速而又有用的进入在网站中自己所需求的部分;共同的操作规划,能够让阅览者快速学会在整个网站的各种功用操作。损坏这一,会误导阅览者,而且让整个网站显的乱七八糟,给人留下不良的形象。当然,网站规划的共同性并不意味着刻板和原封不动,有的网站在不同栏目运用不同的风格,或许跟着时间的推移不断的改版网站,会给阅览者带来新鲜的感觉。

7、特性化
(1)契合网络文化
(2)刻画网站特性
分享到:
------分隔线----------------------------
------分隔线----------------------------