我们只做互联网+的高阶培训 拥有好作品才会拥有好工作 咨询热线:13671165726
中文 | English

前排报道:IOS 11 更新的最新消息

承辉学院2017-06-07

    北京时间凌晨1点,苹果公司发布了ios11系统,这对于苹果用户来说值得关注一下,对于设计师来说也应该及时关注,毕竟苹果是一个设计的风向标。


    在功能方面


    首先是更新了iMessage功能,更新了贴纸,重新设计了APP抽屉,同时还可以通过iCloud实现了多设备的内容的同步,让信息存储在云端不易丢失,但是当删除信息时,也会在其他设备同步删除。此外,iMessage功还加入了Apple Pay,用户之间可以在iMessage对话中进行转账,有点类似于微信红包。

8AFED7BA-BB08-4E0E-AAB3-0295E7432E79.png

    iOS11还对相机APP进行了更新,首先手机摄像头可以自动识别二维码,来打开页面或进行支付等。此外,还支持新一代照片压缩技术,它可以让你拍摄的照片在保有和以往相同图像质量的前提下,文件大小却只是以往的一半,这意味着用户将有更多空间来存储更多的图片等内容。同时,如今你也可以将自己喜欢的Live Photo打造成循环视频并且还支持双向循环播放,此外还支持长曝光。


    AR开发套件:帮助更多开发者做出优秀的app


    iOS11加入AR支持,可以通过手机与现实进行互动,将于今年内正式推出。

9FC18B46-8A1C-470F-80B4-7651CD455553.png

    iOS 11 的新 UI 界面


    重大更新的界面主要有 App Store,所以我从应用商店的UI设计也能看出一些大概细节。

1.jpg

    图标:从线性改为面形


    新版 Store 的图标从线性改为面形,图标也加入了圆角,看起来更加圆滑,同时和 iOS 10中的 iTunes 相关应用风格也统一了。


    Icon 颜色比原来的线性浅了一点,这样做看起来就不会过重,所以大家在使用面形的图标设计时,颜色要把握好。

2.jpg

△  iOS 10 App Store

3.jpg

△  iOS 11 App Store

4.jpg

△  iOS 10 iTunes


    卡片式设计


    在新版的 iOS 11 界面,有不少的地方采用了卡片式/宫格式排列,卡片式的设计非常适合图文排版,并且在手机端有不错的阅读体验。


    在 Material Design 中也是很重视卡片式设计,所以日后可以多考虑使用卡片式风格。

5.jpg

6.jpg

    大投影


    当转为卡片式设计后,为了提升层级表现,界面也增加了大块投影,是不是和 Material 风格有点像?


    小编细看了下, APP 在 iPad 的封面与手机端的尺寸不一样,一个是横,一个是竖(工作量又增加了……)

7.jpg

△  iPad 的封面是横的

8.jpg

△  iPhone 手机端封面(竖)


    为了美观,而增加了人力成本,到底值不值?这个封面就像一个网站的文章封面图一样,一篇文章要做2张封面图,这不仅增加人力成本,还增加运维成本。


    无处不在的圆角


    圆,像曲线一样,有圆滑、活泼、动感、柔和的感觉,更容易让人亲近。亲和力有了,吸引用户就更多了,iOS 的圆角在不同 UI 上使用的圆角大小略有不同,这就是细节,看来 iOS 在圆角的运用已到了出神入化之境。


    Material Design 虽然也存在圆角,但要么圆角太小了,要么就是直角。


    而 Windows 的扁平化,就是一块方形。

9.jpg

    想做出让人亲近的界面?学会用「圆」也许是很大的秘诀。


    好了,坐等升级 iOS 11,Are you ready?


承辉教务01
承辉教务02