网页设计中的理性思考

网站建设知识 phpacg 2年前 (2018-04-24) 102次浏览 0个评论

  网页设计是互联网开展之后构成的一个新兴设计门类,其综合了平面设计、界面设计、交互设计、产品设计的相关知识和才干。其既是一个信息传达的媒介,同时也是一个供人们交互运用的软件产品,好的网页设计不但要美观、美丽,还要易学、易用。要做到易学、易用,在设计时需求充沛调动理性思想,综合思索技术环境,用户生理特点、心思特点、认知特点、行为习气等多个方面,做出理性的设计剖析和判别。

  一、设计必需契合媒介特性

  用户在网页上获取信息和在纸质媒介上获取信息有很大的不同。在纸质上的信息是预先印刷在下面的,是曾经固化不变的,设计者的预设视觉效果会依照既定目的传达给读者。而网页信息完全不同,信息并没有预先固化在阅读者的信息显示媒介上,信息是一种静态的“信息流”形状,在阅读者的互举措用下,“信息流”从网页的效劳器上,经过网络传输系统不时地传输到阅读者的显示媒介上,而阅读者的显示媒介还有多种不同的规格和方式,招致阅读者看到的网页形状并不一样。

  在设计网页时,我们必需思索网页效劳器的处置才干、网络传输的带宽,以及用户阅读网页的终端处置才干、显示媒介的尺寸大小、分辨率上下等要素。效劳器的处置才干、网络带宽、终端处置才干都会影响网页传输的速度,而显示媒介的尺寸大小和分辨率则会影响网页出现的形状。

  在思索页面的内容和显示质量时,我们必需要理性思索页面的数据量,综合剖析影响页面传输速度的各个要素,权衡内容、质量与阅读者等候时间的平衡。内容多、质量高,传达的信息量大,视觉效果好,但能够形成页面数据量大,阅读者等候的时间长。Websense调查公司称:多达70%的上网者表示不情愿在页面读取上超越10秒钟,也就是说在阅读者点击链接之后,假设页面在10秒钟内还没有出现出来,用户会坚持访问,即使网页有再好的内容和质量也达不到传达信息的目的,这就失掉了设计的基本目的。从心思学的角度上看,阅读者在等候进程中,会逐渐添加焦躁和不安,失掉耐烦,况且网络上有太多的选择,愈加剧了他们坚持的决计。

  设计网页的幅面时,我们不能像纸质媒介那样以长度单位来计量,而是以数字媒介的基本单位像历来计量,而一个像素在视觉上究竟有多大又取决于显示媒介的尺寸大小和分辨率,所以网页在视觉上的大小在阅读者那里能够大不相反,由于他们阅读网页时采用的显示媒介大小和分辨率能够相差很大,也许是9英寸的笔记本电脑,也能够是25英寸显示器的台式计算机,即使物理尺寸相反,分辨率不同,所失掉的页面大小也不一样。因此,我们必需对阅读者运用的网页阅读设备有充沛的调查和剖析,并停止测试,以保证我们设计的网页幅面大小在普遍运用的各种网页阅读设备上可以满足阅读信息的基本要求。

  二、网页应是阅读为主

  在用户获取信息的方式上,网页有别于纸质媒介,网页是以阅读为主,而纸质媒介是以阅读为主。所谓阅读,依照字面意思就是粗略、大致地看一遍,其主要目的是大致了解,搜索能否有感兴味的信息线索;阅读比阅读更具有自动性和目的性,是有目的地读,其目的是了解。克鲁格在《别让我动脑筋——网页设计效果优化艺术》一书中提出了设计出好网页必需面对的三个理想:一是“我们不是阅读网页,而是阅读”;二是“我们不做最佳选择,而是满意而止”;三是“我们不深究原理或实质,而是想当然地运用”。我们为什么对网页是阅读呢?克鲁格的剖析以为有三个缘由:一是由于匆忙,运用网络的目的多半是想浪费时间,这样用户就会不停地运动;二是用户知道不用全部阅读,通常一个网页外面只要很少一局部是他们感兴味的;三是用户擅长阅读,阅读是人们日常生活中搜索信息的习用方法。基于这样一些缘由,用户运用网站就是阅读、满意、再阅读、再满意这样一个循环往复的进程,直至满意而归。假设中间出现了不满意,这个进程就会终止,用户就带着不满意而分开。

  所以,在设计网页时,哲学家威廉提出的奥卡姆剃刀原理“如无必要,勿增实体”和修建巨匠密斯·凡·德·罗提出的“少即是多”准绳是我们检验设计的两面镜子。在确定网页的内容时,突出那些重要的内容,去掉那些不用要的图案和文字,即使那些可以让你的网页在视觉上发生更好的效果,但假设其搅扰重要信息的阅读,依然应该武断地去掉。在网页中,只要那些有利于信息传达目的的美才是有价值的,美应该契合于功用的需求,美和功用的谐和一致才是网页设计追求的目的。

  为了便于阅读,在网页内容的编排上必需尊注重觉习气,我们在阅读时总是从左到右,由上而下地审视,要依据内容的重要性,停止从左到右、由上而下地依次陈列,使重要的内容最先映入阅读者的视野。在文案的写作上,为了便于快速阅读,一是对标题、关键内容加以强调;二是采用短的句子和段落;三是采用明晰的分区和列表;四是先总体后详细的写作顺序。用户在停止阅读时首先是经过标题和关键词来初步判别内容能否契合自己的兴味,然后再经过总体的概述来决议能否有继续阅读下去的必要。在阅读的进程中,短句和短的段落有利于减小了解的难度和延长判别的时间,明晰的分区和列表可以让人快速抓住其关注的兴味点,促进人们继续阅读。

  三、网页设计不应打破惯例

  前面曾经提到,网页是一个要求即看即用的特殊“产品”,也就是一看我们就要知道如何运用。我们虽然运用了若干手机,但我们购置了一款新的手机时,我们还是得阅读说明书后才干正常运用,网页确不需求。那如何才干到达即看即用呢?运用惯例就是最好的武器,这也是提高一切产品易用性的重要法宝。惯例就是我们曾经习气了的东西,我们一看就知道它的意思,就知道怎样去操作,由于惯例是我们日常生活中积聚起来的,曾经存入大脑的固有知识。唐纳德·A·诺曼在《设计心思学》中将知识分为了存储于外部的知识和存储于头脑外部的知识,运用存储于外部的知识不需求学习,但效率低;运用头脑外部的知识需求专门学习,但效率高。而惯例是曾经存储在头脑外部的知识,具有外部知识的高易用性和头脑外部知识的高效率。

  在网页设计中有很多惯例是不能随便去打破的,一是重要导航在页面的位置,依照惯例普通布置在页面的上部、左上部或右上部,首页的链接放置在最前面;二是网站的标识放置在页面的左上部,阅读者用其来判别能否抵达了目的网站;三是文字链接要加下划线(也可以鼠标放上去才出现),阅读者用其来判别能否有超级链接;四是常用标识符号,如在多页文档中,▲代表向上翻页,▼代表向下翻页;在视频、音频播放中■代表中止,▍▍代表暂停, ▲代表播放。这些标识符号在网页中曾经具有特定的意义,是不能随意改动的。

  四、设计层面之间的逻辑联络

  Jesse James Garrett在《用户体验的要素——以用户为中心的Web设计》一书中论述了网页设计的五个层面,包括战略层、范围层、结构层、框架层和表现层,并确定了自下而上的树立流程,规则了设计的顺序。自下而上的各个层面,从笼统逐突变成详细,并且包括着亲密的逻辑联络。

  战略层确定的网站目的和用户需求,是整个网站设计的基石,其决议范围层的内容选择和功用设计;结构层是对范围层选择的内容停止分类和组织,构成信息架构,以及对确定的功用停止交互设计,确定交互的进程和交互行为;框架层是在结构层信息架构的基础上,依据完成义务的需求,应用超级链接设置来完成导航设计,以及规划信息架构在页面空间中的位置关系,构成规划框架;表现层是对框架层停止详细的视觉表现,包括图形设计、颜色设计、信息图表设计、动画设计、视频设计等。

  从下面的剖析可以看出,下一层是上一层的设计依据或设计对象,上一层是下一层的进一步深化和详细,相邻层之间严密联络,既不能交流,也不能跨越,更不能缺少,具有严厉的次第,构成了完整的逻辑链条,理性思想贯串在整个设计进程之中。

喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址