时间:2013-04-27 来源:合肥网hfw.cc 作者:hfw.cc 我要纠错
《页面表达常用方法》是全部“web交互设计方式”中的一局部:
设计师在设计页面时,应当在页面上树立很多视觉档次,领导用户的视觉焦点。把用户的留神力吸引到最重要的元素上,而后才把视线引诱到其余重要水平次要的信息上。这样便于用户快捷敏捷地找到本人所需,更好的实现浏览、浏览义务。这里先容多少种页面抒发的常用方法。
二、大字更凸起
文字的重要功效是在视觉传达中向民众转达作者的用意和各种信息,要到达这一目标必需斟酌文字的整体诉求,给人以清楚的视觉印象。因而,设计中的文字应防止复杂零乱,使人易认,易懂,网站制作,切忌为了设计而设计,忘却了文字设计的基本目标是为了更好、更有效的转达作者的用意,表白设计的主题和构想意念。
在页面文字的处置上,档次关联很主要。咱们的眼睛经常被吸引到厚重而又对照强烈的图形上面,同时大的、加粗的字体表示了它的重要性和主题思维。字体对照中,字体越大越粗,就表现该局部内容越主要。对题目来说,个别都应用一种凸起的字体跟其余内容差别开来——加粗、加宽、加大字号、强烈的色彩等(白纸黑字,玄色字体与白色页面比较是最强烈,反之亦然)。其次是一般字体,这些字体是对主题进前进一步的阐明。而唆使跟解释部门的小字重要性更次之,告知了咱们:你兴许想浏览这些内容,然而不看到也不要紧。同时要留神,所有图片中的文本都应当清楚易读。
一、页面的浏览次序
对用户扫描页面的时候进行视线跟踪,这叫做“视觉流”。好的设计可能让人们依照顺畅的顺序沿着它向前流动。人们普通的习惯是从左到右、从上到下。
从左至右,从上到下:长期以来,用户已经习惯了从左至右、从上到下的阅读习惯,所以页面设计的时候我们须要让浏览者从一个方向上看文字,用户的视线从左至右、从上到下的,这样做会更快更有效。不要让文字排列成这样:
这样的排列也能够,还是从左至右、从上到下:
按钮要放在右边:
左上角优先:下图中,亮度越高、越集中的处所,解释被关注的越多:
从上到下,从左到右是默认的视觉流方向。强烈的焦点会首先吸引眼球,而后才是次要信息的。
所以,北京网站制作,在阅读次序上靠前、靠上的地位,即先被看到的地位,是轻易被关注和记忆的处所,即“左上角优先”。由于日常中人们往往不充分的时光阅读网页,或在很快地获取须要的资讯后即结束浏览或转连到其它网页,所以左上角经常成为视觉焦点。
对齐
在内容排版的设计中,把内容右对齐,会构成一种良好的双重边界,该边界沿着这一组对象的旁边向下延长(应用了格局塔准则——持续性准则),这样带来的利益是增强了边界领导读者的目光平滑向下延长,有助于造成良好的视觉流。如下图:
在表单设计中,也是如斯。可以使操作区域对齐,将大大晋升用户的实现义务的效力。然而对齐是以左对齐仍是右对齐也要引起注意。据研讨表明,标签和输入框之间的空缺区域加重了用户的认知累赘(cognitive loading),用户必须花相称多的时光以便在标签和输入框之间挪动视线:
操作进程中,用户更关注输入框自身,网站建设,而不是标签。用户眼睛关注点的转移速度是十分快的,并且即便不从头阅读标签也能清楚它的意思。但人们习惯于从左至右的书写,所以这种右对齐的布局给用户造成了轻微的阅读阻碍:
而以下这种摆放情势的利益就是,用户能够一眼就看到标签和它对应的输入框,而且不必担忧用户阅读标签带来的额定累赘: