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

当前位置:首页 > 视频教程 > 网页开关、状态切换、单选、组合图标按钮设计基础知识

网页开关、状态切换、单选、组合图标按钮设计基础知识

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


网页开关、状态切换、单选、组合图标按钮设计基础知识
 
 
江津手机网站开关按钮设计
 
通过开关行为,把按钮从命令控件转变为选择控件。
 
在按钮上做一点小改动,在单击时保持凹进或者按下状态,再次单击时则凸起,就变成了开关按钮。按钮的开关行为,让按钮的特征完全改变,按钮则由命令成了选择控件。点赞也是常用的开关按钮。
 
开关按钮作为单次选择的习惯用法,广泛地取代了复选框,大量使用在非模态交互中,这样不会打断用户做决定时的流状态。开关按钮不需要文本,因此节省屏幕空间,但却有图标的费解性问题。此时可借助工具提示来解决。
 
开关
 
开关是两个挨着的压缩版的单选按钮组成。它有两个状态“开”和“关”。有时在控件两端就会有“开”和“关”的标签。
 
开关在移动应用中的“设置”界面非常好用,应用的很多属性和选项都可以选定为开或关。但是在桌面软件和web应用上就会有些笨拙。
 
 
状态切换按钮
 
界面要么表示状态,要么表示改变状态的命令,但是不能同时表达两者(常见例子:音乐播放器的播放和暂停)。江津手机网站状态切换按钮改进方式:
 
(1)通过文字区分(点赞/取消)
 
(2)将操作和状态分离(播放和暂停使用两个按钮)
 
(3)通过颜色区分
 
(4)将两种状态都显示出来,比如用两个按钮取代之
 
单选按钮
 
单选按钮最早出现在收音机上。它与复选按钮的外形很类似,但它每个选项是互斥的,并且要成组使用才有意义,所以要占用大量的屏幕空间。iOS上若要实现一般使用开关控件,或二次开发。
 
在独占式应用中,下拉菜单比单选按钮更好。
 
就像图标按钮可以取代复选框一样,图标按钮也可以取代单选按钮,即单选按钮图标。节省屏幕空间。用户需用模式识别来分辨它们,同时辅以“工具提示”。
 
 
组合图标按钮
 
在下拉列表中,如果我们用单选图标取代图标按钮,此时的界面和“组合框”相似,我们称之为组合图标按钮。
 
(1)右侧有向下小箭头的单一锁定图标按钮。
 
 
(2)组合图标按钮右下角有一个向下或则会向右的小三角,来取代单独的向下的箭头。对于需要长时间交互的独占姿态应用来说,这是一个极好的常用控件,交互方式操作速度快。(ps里的工具栏)
 
(3)word将其变体:下拉后不再出现一系列的图标按钮,而是不同颜色,像小调色板。
 
 
本文标签:

版权声明:本文:网页开关、状态切换、单选、组合图标按钮设计基础知识 由重庆网站制作公司(www.seozol.cn)原创内容,如需要转载请注明原文网址:重庆网站建设公司http://www.seozol.cn/

 
喜欢看,就分享到:

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

推荐文章

热门文章

最新文章

回到顶部