当前位置:首页> www.9992019.com新闻 >

日期:2018-11-19 | 作者:缅甸小勐拉

Axure常用元件及使用规范:Views篇(附源文件下载

分类:www.9992019.com新闻 | 浏览:140 | 评论:0

  作者对原型设计中的常用的一些通用元件进行了场景和规范整理,主要分为信息栏Bars篇、视图Views篇、控件Controls篇三章。本章主要介绍Views篇,但源文件已涵盖所有篇组件,后续还会继续更新迭代。

  由用户操作后触发的一种特定的模态弹出框 ,呈现一组与当前情境相关的两个或多个选项。用户可以使用Action Sheet启动某个任务,或者确认是否执行某个可能具有破坏性的操作。

  Action Sheet是可以连续弹出的,例如第一个Action Sheet中选择删除,第二个Action Sheet中确认删除。此外,如果危险的情况并非由用户主动发起或者严重影响系统本身的完整性,应该使用Alert(这是Alert和Aciton Sheet最大的区别)。

  提供完成一项任务的多个选项:Action Sheet能承载较多内容,而且仅覆盖当前屏幕的一部分,即不会对用户心流有很大的干扰,操作也非常便捷,适合呈现与当前任务相关的多个选项。

  危险操作二次确认:用户在使用过程中,出现删除、未保存退出等可能产生潜在风险的行为时,应当弹出Action Sheet,让用户有机会停下来充分考虑当前操作可能导致的危险结果,并将危险操作用红色标注,为他们提供其它替代的安全选项。

  不同屏幕尺寸的呈现样式:在iPhone屏幕上,为了便于单手持握时操作,Action Sheet通常占据屏幕底部区域。在屏幕较大的iPad上,如果继续显示在屏幕底部,注意力切换和手指移动的路径会很长,频繁使用会比较累,因此iPad的Action Sheet通常在触发区域附近以Popover(弹出式气泡)呈现。

  关闭Action Sheet可以通过点击“取消”按钮和空白区域,Action Sheet以Popover呈现时不需要“取消”按钮,因为点击宽广的空白区域关闭更方便。

  2. 原生规范【iOS Human Interface Guidelines】

  系统在活动面板中内置了打印、消息和Airplay等功能,功能排序不可更改,但在不需要的场景中可以隐藏这些内置功能;

  确保内容与上下文能够匹配,当标题过长时iOS会自动缩小文本,甚至截断它,因此应保持标题的简洁,并避免在标题中使用您的公司或产品名称。

  3. 原生规范【Google Material Guidelines】

  是一种紧急的打扰(提示),用以告知用户他的应用或设备某种状态的重要信息,并且常常需要其来进行操作。

  Alert Dialog是操作的确认,为操作的“最后一步”,只有当用户点击了“确认”按钮这个操作才算是真正完成;

  snackbars是当用户真正操作完成后才出现的提示信息,其信息的重要程度比警告框要低。另外,在很多情况下,snackbars会有“撤销”按钮,留给用户反悔的余地。

  3. 原生规范【iOS Human Interface Guidelines】

  包含的元素:标题(必选)、描述信息(可选)、输入框(可选)、按钮(必选)。同时,警告框的样式都是磨砂效果的圆角白框,不可更改。

  尽量少使用:Alert Dialog只用于重要的场景,如购买、删除、报错。控制Alert Dialog的出现频次可确保它能够引起用户足够的重视,一定要确保每一个警告框都提供重要的信息和有用的操作选项。

  大多数的警告框应该都是没有标题的,用一到两句描述一个告知决定的文案。在写这句文案时,有两点需要注意:

  文案与警告框中的按钮文案要相关联。按钮的文案,应告知用户操作的结果,尽量避免使用“是/否”这样的文案。

  对于有标题的警告框,“只在高风险的操作时使用(如,操作将导致网络失去连接)”。并且,用户通过标题和操作按钮,就应该能明白是在做什么选择。

  建议慎用该提示方式,而建议潜移默化地将状态改变或者其它类型的反馈放进你的界面中。理想的情况是:用户可以不用进行操作或者被打扰,就能得知重要的信息。

  Toast优先适用于系统提示。它也在屏幕下方出现,但是不能被划出屏幕外(而被清除)。

  用户帮助用户浏览大于可见区域的内容,如:图像或文档。当人使用滑动、点击、拖拽、捏合等手势时,滚动视图会跟随手势,以一种感觉自然的方式显示或缩放视图。

  2. 原生规范【iOS Human Interface Guidelines】

  当用户使用滚动视图时,会显示瞬间滚动指示器,还可以将滚动视图配置为分页模式进行操作,其中滚动显示全新的内容页面,而不是在当前页面上移动。

  适当支持缩放行为。需要注意变焦情况,设置合理的最大和最小的刻度值,比如放大单个字符到全屏幕通常是没有任何意义的。

  当滚动视图处于分页模式时,需显示有多少页可浏览、屏幕还有多少内容可查看的指示控件。

  如果要在一个页面放置两个滚动视图,需确保两个视图的滑动方向有所区分,以便于用户进行理解。

  3. 原生规范【Google Material Guidelines】

  张学友是“逃犯克星”?贝叶斯公式告诉你线门产品、运营课程随便学,做个有竞争力互联网人

  美图类app(如美图秀秀、天天p图、faceu激萌、b612、轻颜相机等)为何会层出不穷,以及未来何去何从?

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享平台,集媒体、培训、招聘、社群为一体,全方位服务产品人和运营人,成立8年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。平台聚集了众多BAT美团京东滴滴360小米网易等知名互联网公司产品总监和运营总监,他们在这里分享知识、招聘人才,与你一起成长。

评论

联系方式....

www.9992019.com,www.3992019.com,www.1992019.com,www.2992019.com,www.yh996099.com,www.yh997099.com网站地图 | Powered By Z-BlogPHP | Designed by SML | |