大数跨境
0
0

快速了解iPhone 6s带来新的界面设计变化

快速了解iPhone 6s带来新的界面设计变化 MIX无线设计
2015-09-17
0
导读:新一代iPhone 6s已经发布,国内上市时间为9月25日。除了做好“卖肾”的准备,设计师有必要了解iPho


新一代iPhone 6s已经发布,国内上市时间为9月25日。除了做好“卖肾”的准备,设计师有必要了解iPhone 6s上新的设计趋势并作相应的改进调整。


这里梳理了三点,帮助大家快速了解和上手iPhone6s的界面设计变化。


新iPhone 6s&Plus设计分辩率保持不变


新款iPhone屏幕大小同上代保持一致,即iPhone 6s屏幕为4.7英寸,分辩率为1334x750。iPhone 6s Pluse屏幕大小为5.5英寸,分辩率为1920x1080。


设计分辩率与6保持一致,无需做新的设计适配。同时硬件上CPU升级到A9和摄像头升级到1200万像素,支持拍4K视频。


新的交互形式-3D Touch


之前应用在Apple Watch的Force Touch技术这次被应用到iPhone6s上,并取名“3D Touch”。3D Touch能够感应手指按压力度从而能反馈不同的交互行为,增加Peek和Pop手势。同长按操作相比,最大区分是需要是有一定的按压力度。


在官方演示里,3D Touch主要有两种应用:一种是缩短操作流程的交互步骤,例如在邮件列表里3D Touch列表项即可直接预览邮件内容,而无需点击进入。



另外一种是类似桌面鼠标右键的更多功能拓展,例如在Home界面3D Touch应用图标可快速调用常用的操作。



那如何更好的利用这项新技术改进用户使用体验,这里结合手机淘宝产品举个例子:


目前在手机淘宝查看最新物流Push信息,需要点击消息列表-物流信息列表-物流详情三步操作。应用3D Touch后,在消息列表页3D Touch单条物流Push信息,即可快速预览物流信息,再次按钮可直接打开物流详情页。在1个页面通过3D Touch完成了之前的3次点击操作。




需要注意的是,3D Touch操作属于高级手势操作,有教育和使用成本,并不能取代原有的点击操作过程,切忌在业务上设计过度。


iOS 9正式发布,新系统字体更新


iOS9 9月16日开始向用户推送,届时用户将会全面升级到新的系统。随着系统更新,设计变化最大的是新系统默认字体的更换。


英文字体由之前的Helvetica Neue更换为San Francisco,中文字体由华文黑体更换为苹方。


San Francisco是由苹果设计团队自主设计的全新英文字体。为了增强可读性,在大尺寸时,字母之间较紧凑,减少横向空间。而在小尺寸时,字母之间较松弛,像字母“a”和“e”的字型中孔洞会更大些。包含SF UI Display 和SF UI Text两款字体,文字字号是19pt或更小时,建议使用SF UI Text,字号大小是20pt及以上建议使用SF UI Display。在今年的WWDC会议上,苹果也专门对这款字体做了专场介绍,具体可参考:https://developer.apple.com/fonts/


新的中文字体为“苹方”,整体更清晰易读,较之前的华文黑体偏“柔”,同时增加了更多种粗细的家族字体,在具体设计时可选择度更丰富。

手机淘宝实际应用效果举例:




为了更好的设计还原度,大家马上动手更新设计稿字体吧!





【声明】内容源于网络
0
0
MIX无线设计
阿里巴巴无线用户体验设计团队
内容 33
粉丝 0
MIX无线设计 阿里巴巴无线用户体验设计团队
总阅读4
粉丝0
内容33