梁先国SEO专注网站优化,让您网站更具价值!

当前位置:首页 > WEB前端学习 > 【网页设计干货】文本控件与滚动条制作要点!

【网页设计干货】文本控件与滚动条制作要点!

时间:2018-08-13 22:45 来源:重庆网站制作公司(www.seozol.cn) 作者:重庆网站建设公司

 
【网页设计干货】文本控件与滚动条制作要点!
 
 
显示控件用于显示和管理屏幕上信息的视觉展现。典型的例子包括滚动条、屏幕分割线、标尺、网格等等。重点讨论几个问题较多的控件。
 
文本控件制作要点
文本控件制作要点

 
 
最简单的显示控件就是文本控件,它在屏幕的某个位置显示固定信息。它只用来做其他控件的标签或者输出一些不能或不应该由用户改变的数据。
 
文本控件存在的唯一问题就是它们经常被用在应该使用编辑控件的场合(或者相反)。编辑与浏览两种状态应该是共存的。用户单击后可以直接更改,在这里所有特殊的编辑模态都是多余的。
 
滚动条制作要点

滚动条制作要点
 
滚动条在现代GUI种是很重要的角色,它能让较小的矩形框内显示大量的数据。然而,它目前的设计不仅难于操作而且浪费像素。有时候在不适合的场景使用反而会降低工作效率、作为显示控件,它很适合用于窗口内容和文本的导航器。滚动条上的滑块可以指示当前位置而且通常显示出可滚动区域的比例。
 
滚动条适用于几乎所有类型的内容。其中,用于文本页面的滚动条可以为我们显示出如下内容:
 
总共有多少页
 
当我们滚动时,显示页数(或者记录数、图形数)
 
当我们滚动时,要显示每一个页面的缩略图。
 
除了以上内容以外,我们应该增加滚动条的功能让我们更加快速和容易地去到我们想去的地方:
 
根据页数/章/节/关键词为我们提供向前跳读的按钮
 
为我们提供跳到文档开始和末尾的按钮
 
给我们设置可以快速返回的书签工具
 
带有注释的滚动条,可以在滚动条的背景上显示出被搜索词语的位置(此时滑块要变成半透明的才行)
 
滚动条的缺点:难以操作,要求用户高度精确地操作鼠标,分散在滚动的数据上的注意力,缺乏与情境有关的信息,增加屏幕的混乱度。滚动条很容易被误用,最典型的就是它无法用于在时间轴上的导航。(时间是无限的,用滚动条是没有意义的,比如日历。)
 
在移动平台上,用户通常不需要滚动,但通过手势进行滚动操作可以了解当前屏幕在文档中所处的位置。在笔记本或者台式机上,用户可以通过鼠标滚轮(或苹果的触控鼠标)或触控板等使滚动条隐藏起来,但滚动条的主要意义在于指示当前内容的位置,并不在于滚动本身。然而,滚动条被隐藏起来,会带来一些可用性方面的问题,要加以处理:
 
用户可能看不出窗格是可以滚动的。此时,我们可以用较为强烈的视觉暗示。例如窗格边缘的东西是半透明的。
 
滚动的精确控制更困难。所以,应用程序需要进行精确控制时,最好还是不要将滚动条隐藏起来。
 
屏幕较大时,我们完全可以将滚动条隐藏起来。用户可以移动鼠标靠近它,或滚动鼠标滚轮去激活它。
 
滚动条的变体当中使用得最好的是文档导航器,用一个小缩略图表示整个文档控件,提供文档中某个部分的视图。(图形、视频、音频编辑软件),这种习惯用法的成功与否,在于是否能用视觉的方式有意义地展现文档的概貌。由于这个原因,所以这种用法不适用于较大的文本文档,可以替换为提纲等结构式的表达方法。
 
本文标签:

版权声明:本文:【网页设计干货】文本控件与滚动条制作要点! 由重庆网站制作公司(www.seozol.cn)原创内容,如需要转载请注明原文网址:重庆网站建设公司http://www.seozol.cn/

 
喜欢看,就分享到:

围观: 9999次 | 责任编辑:重庆网站建设公司

推荐文章

热门文章

最新文章

回到顶部