今日为大家分享一篇APP开发的干货,IOS平台的设计规范。本文从控件+布局+模态场景+手势交互+动画+字体六个方面介绍了iOS平台设计的一些基本规范。深圳APP软件开发设计师推荐收藏,以后工作可以参考。
一、UI控件概述:
1.框架UI元素分为四类:
答:栏:状态栏与导航栏的结合;
B:内容视图:应用程序显示的内容信息,包括滚屏、插入、删除等相关交互行为;
控制元素:产品行为或显示信息;
临时视图:临时向用户提供重要信息或额外功能和选项。
2.框架UI尺寸:
IOS平台设计规范APP开发干货共享。
3.图标icon的尺寸:
IOS平台设计规范APP开发干货共享。
二、UI布局概述:
深圳APP软件开发可点击对象的区域:尺寸不小于44*44px;
2.深圳APP软件开发最好把重要的内容和功能放在权重高的位置,把重要的元素放在屏幕的前半部分。对于阅读习惯从左到右的用户来说,更接近屏幕左侧更容易引起注意;
3.深圳APP软件开发利用视觉表达的权重和平衡,大元素的权重更高,对于小元素更有吸引力,看起来更重要;
三、UI模态情景概述:
1.模式:一种用于承载特定内容、功能或体验的模式,有其自身的优缺点。它可以帮助用户完成受干扰的情况下完成某些任务或获取信息,但会暂时强迫用户停止与应用程序其他部分的互动;
2.深圳APP软件开发保持模态任务的简单性。简短于聚焦:不要将模态视图创建成嵌入应用程序中的迷你应用程序;
3.始终提供明显安全的退出方式:确保用户在退出模式视图时能够清楚地了解下一步发生的事情;
4.使用警告框传递必要的重要信息,通常提供可执行的功能选项。
四、UI手势交互概述:
A:点击(tap):按压或选择对象;
B:通过拖动:滚动屏幕或移动对象(从界面的一侧移动到另一侧);
C过滑动(flick):快速滚动或移动对象;
d:通过手指扫描(swipe):可以显示更多内容,比如列表的删除按钮,从界面顶部展开通知中心;
E:双击(doubletap):内容可以放大在屏幕中间,主要是放大和缩小的转换;
F:通过双指涨开(pinchopen)或闭合(pinchclose):放大或缩小内容;
G:通过长按(touchandhold):放大镜显示在可编辑或可选文本上,用于定位光标;
H:可通过摇晃(shake)机身进行撤销或重做。
五、UI动画概述:
1.ios到处都是美丽精致的动画效果。它们使应用体验更具动态性、吸引力和适当性。
A:传达状态。
B:增强用户对直接操作的感知。
C:通过视觉方式向用户呈现操作结果。
2.深圳APP软件开发尽可能与ios内置应用的动画模式一致:人们已经习惯了内置应用中各种精致的动画效果。事实上,用户往往将内置应用中的动态效果视为一种体验标准,如切换视图时的平滑过渡效果、切换水平和垂直屏幕时的平滑反馈或能够表现出各种物理效果的滚动屏幕动画,这些都逐渐成为人们预期的一部分。
六、UI字体概述:
1.字体是ios7设计的关键。大部分操作都是点击文字或图标,按钮会有,但比例很小;
2.苹果的默认字体是Helveticanenu,一种简单的文字,但这不是你唯一的选择;
3.Ios7的字体大小略有增加,主要是因为它的用途,文本之间的层次关系非常重要。使用不同的颜色和厚度来保持文本的布局和UI元素清晰易懂。
4.苹果字体规格说明:
A:导航栏标题:medium34px;
按钮和表头:light34px。
表格标签:Regular28px;
Tab页图标签:Regular20px。