
课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
随着互联网的不断发展,越来越多的网页设计师都开始学习移动端设计的相关技术,下面我们就通过案例分析来简单了解一下,移动端设计规范与应用方式分享。
一、选择器(picker)
定义:
通过底部面板从众多选项中选择一个选项。
用途:
在底部面板中可以来回选择,如果选择错误可以快速调整。
使用说明:
1.各个选项通常是并列关系。
2.对于已选择的选项,会有选中标记作为区分。
二、按钮(buttion)
定义:
由文字、背景色块或图标等组成,按钮告知用户按下按钮后将进行的操作,我们可以把按钮理解为一个操作的触发器。
用途:
1.执行对象为一个流程对象
2.操作按钮
使用说明:
1.按照操作重要程度来分:主操作按钮>次要操作按钮>文字按钮
2.按钮存在三态:noraml、press(click)、disable。
三、编辑菜单(editmenu)
定义:
用户通过长按能呼出一个编辑菜单来完成诸如在文本视图、网页或者图片中的剪贴、复制、以及其他一系列的选择操作。
用途:
将一系列操作隐藏,只能通过手势呼出,这样的好处是编辑菜单不占据当前展示界面的空间,适合非高频且操作选项比较多的使用场景。
使用说明:
用户通过长按呼出编辑菜单,对长按的信息进行特定的选择操作。
四、菜单(menu)
定义:
菜单是临时的一张纸(paper),由按钮(button)、动作(action)、点(pointer)或者包含至少两个菜单项的其他控件触发。
每一个菜单项是一个离散(不连续)的选项或者动作。
用途:
将一系列操作隐藏,只能通过手势呼出,这样的好处是菜单不占据当前展示界面的空间,适合非高频且操作选项比较多的使用场景,类比编辑菜单。
使用说明:
1.菜单出现在所有的应用内部的UI元素之上。通过点击菜单以外的部分或者点击触发按钮,可以让菜单消失。通常,选中一个菜单项后菜单也会消失。
2.一个特例是当菜单允许多选时,比如使用复选标记。
3.当有的选项不可用时,应该置灰处理,而不是移除它们,这样可以让用户知道在正确条件下它们是存在的。
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。