iOS用户界面指南(iOS Human Interface Guidelines)
来源:互联网 发布:如何解读融资融券数据 编辑:程序博客网 时间:2024/04/30 18:08
UI设计原则
1.UI设计要顺从于内容,对内容起辅助作用,不要喧宾夺主。
这里有几种途径来确保你的设计既提高了功能性,有顺从于主要内容:
1)利用全屏。例如天气应用。
2)让指示器对内容起帮助作用,不能太过于突出。
3)使用半透明视图遮挡在它后面的内容,而不是完完全全地遮挡住。
2.主要的内容和功能,要清楚明了和易于交互。
从以下方面来达到这个要求:
1)、善于利用“negative space”(负空间)。负空间,即实体周围的空间,营造平静的氛围,东方艺术中的“留白”手法。详见人人小站《负空间的艺术》,和百度百科《负空间》。
2)、在UI设计中,使用简约的颜色搭配。例如,内置的应用程序一般使用一组单纯、干净的系统颜色,以使得任何色彩在暗色和亮色的背景上都看着舒服。
3)、确保使用的字体具有易读性。
4)、包含无边框的按钮。
iOS App 解剖
1、UIKit框架提供的UI元素,大致上分为四类:
1).Bars。告诉用户在哪,和有哪些控制器操纵和初使行为
2).Content views。内容视图,例如table view ,collection view ,scroll view 等。
3).Controles :控制器。
4).Temporary views :临时性的视图,例如alert view,action sheet,pop view等。
2、下图展示了view和controllers是如何构成iOS App的UI界面的。
3.一个iOSApp 有一个window。iOS App中的window不可见,并且不可以被移到其他的地方展示。
适应和布局
1.iOS8新特性:Size Classes
理解何为size classes,去看《iOS8 Size Classes的理解与使用》
学习如何在Interface Builder上使用size classes工作,去看《Size Classes Design Help》
不同设备使用的size classes:
iPad:正常宽,正常高
iPhone 6 plus:
竖直方向:正常高,紧凑宽。
水平方向:紧凑高,正常宽。
iPhone6、iPhone5、iPhone4s
竖直方向:正常高,紧凑宽。
水平方向:紧凑高,紧凑宽。
2、如何让用户在所有的设备或方向上获得良好体验
(1)避免布局上不必要的改变。不同设备和方向上相似的体验,能够保持用户的使用热情。
(2)如果你的app只能运行于一个方向上,那么保持简单。如何保持简单?这样做:首页,避免使用那些暗示用户去旋转设备的UI元素。
其次,一个方向上,支持两种变形。例如:如果一个app只能是横屏的,那设备翻转180度侯,最好App还是体验良好的。
3.布局的原则
(1)按照内容的重要性,从左上方到右下方进行布局。
(2)在默认的尺寸下就能看到最重要的内容,不需要再做其他的操作才能看到。
(3)文本的字体大小发生改变时,做好适配。
(4)避免不协调的界面
(5)给每一个可交互的界面元素留有足够的交互空间
启动和停止
启动的原则
1.尽量不要在app启动后告知用户去重启设备。
2.尽量延迟登录视图的出现
先展示app的主要内容,在需要用户登录的时候,再展示登录界面。否则,用户会弃之不顾。
在登录界面中展示详细并且友好的解释,让用户理解登录的重要性和好处。
3.小心地使用用户指引界面
(2)节省文字,用动画代替。
(3)可以随时取消或跳过用户指引。
(4)不要立刻就让用户去评价你的app,在用户使用你的app一段时间后再让用户去评价。
(5)如果app只支持横评,那启动界面也只做横评的
(6)如果可能,避免在用户可以做任何事情之前让他们去读什么许可颁发同意书。
退出的原则
1.当你的app重启了,应该重新唤醒app的重启前的状态,能够让用户继续。
2.app退出时,适当地保存用户数据
3.永远不要因为代码的原因退出app。
app的功能不可用
如果app所有的功能都不可用,展示一个屏幕来描述状态,并且要建议用户去作出正确的动作。
导航
大体上说,有三种主要的导航样式:
分级[Navigation Bar]
平级[Tab Bar]
内容或体验驱动的导航
模态视图
模态视图要简单。
对话框要提供必要的信息。
遵守用户接受推送的喜好设置。
交互和反馈
基本的手势
Tap(To press or select a control or item)
Drag(拖拽)
Flick(轻滑To scroll or pan quickly)
Swipe(显示隐藏的视图或者表格单元中的删除按钮)
Double tap(放大或缩小一块内容或图片)
Pinch(捏合)
Touch and hold(显示可编辑状态)
Shake(摇动,执行恢复或还原动作)
app中手势操作的原则
1.一个标准的手势应避免结合不同的事件。
2.避免自定义与标准手势事件相同的手势。
3.一个手势的事件应该是简单的。
4.一般来讲,要避免定义新的手势,除非实在一个游戏app中。
5.在一个正常的环境中,考虑使用多指手势。
其他交互
1.必要的时候,给按钮添加边框或背景色。例如iPhone的Photos和Clock,App Store应用。
2.尽可能地在UI中加入状态或其他相关的反馈信息4.简化用户选择的方式。使用picker或者list代替输入框。
添加动画的原则
2.适当的时候,让自定义的动画与内置的动画保持一致性。
3.一般而言,自定义的动画要具有实用性和可靠性。
术语的使用
若在app中需要使用术语,那么要使你的术语能够被用户所理解。从概念到产品
1.列出你想到的用户可能喜欢的特征
2.限定你的用户群。
3.通过你设定的用户群来过滤之前列出的app特性。
4.还有更多工作要做,记住:用户体验至上!
1.用户对推送过来的通知处理后,不会造成破坏性的结果。比如,你要保证只有设备的拥有者能够对推送过来的通知作出处理。
2.对每个推送过来的通知,有一个简短的标题。
3.不要每次推送发送多个通知。
4.不要在推送过来的消息中包含你的app名称。因为iOS系统自动在你的消息中显示了app名称。
5.
推送的消息尽量控制在一两行,让用户能够尽快读完,并作出相应的处理。6.尽量在推送的消息中使用完整的句子。
7.每次推送消息或者移除消息时,保证图标上的红色标记能够实时更新。
8.不要为了一个目的去使用图标上的标记。因为用户可以在系统的设置中关掉你app的标记功能,所以并不确定你能够看到标记。
多任务处理
学习如何在你的代码中支持多任务处理,看《App Programming Guide for iOS》
- iOS用户界面指南(iOS Human Interface Guidelines)
- iOS Human Interface Guidelines
- iOS Human Interface Guidelines
- iOS Human Interface Guidelines
- [IOS]Human interface guidelines
- 《Ios Human Interface Guidelines》--Audio
- 《Ios Human Interface Guidelines》--Authentication
- 《iOS Human Interface Guidelines》-- Gestures
- iOS 人机交互指导方针(iOS Human Interface Guidelines)
- <iOS Human Interface Guidelines>(iOS人机交互手册)读书笔记
- 《iOS 7 Human Interface Guidelines中文版》读书笔记(1)
- 《iOS 7 Human Interface Guidelines中文版》读书笔记(2)
- iOS11界面交互设计规范(iOS 11 Human Interface Guidelines)
- 《iOS Human Interface Guidelines》——Navigation
- 《iOS Human Interface Guidelines》——Animation
- 《iOS Human Interface Guidelines》——Branding
- iOS Human Interface Guidelines资源收藏
- 《iOS Human Interface Guidelines》——Wallet
- 在xcode6中使用矢量图(iPhone6置配UI)
- android使用Http的Get方式读取网络数据
- 用shell脚本重启进程
- PF_RING 6.0.2发布
- hdu1267下沙的沙子有几粒?(二维递推)
- iOS用户界面指南(iOS Human Interface Guidelines)
- ios启动页面动画
- TextMate 2.0 (Beta 6.2) 发布
- Oracle块尺寸大小应该如何定义
- vm相关
- 使用ArcGIS for Desktop的Select by attribute进行多条件查询的问题解决
- Android快速开发系列 10个常用工具类
- 【ASP】在特定的范围内产生N个不同的随机数
- nagios添加check_mysql_health