谈谈iOS 11设计中的几个UI设计细节

今天从Apple官网看了iOS11的介绍，发现有不少的更新哦，比如控制中心、Siri、LivePhoto等等，总体来说都有很多不错的体验，不过本文不介绍功能，只说视觉界面。

在iOS11的新UI界面中，重大更新的界面主要有AppStore，所以我从应用商店的UI设计也能看出一些大概细节。

图标：从线性改为面形

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

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

iOS10AppStore

iOS11AppStore

iOS10iTunes

卡片式设计

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

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

大投影

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

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

iPad的封面是横的

iPhone手机端封面(竖)

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

无处不在的圆角

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

MaterialDesign虽然也存在圆角，但要么圆角在太小了，要么就是直角。

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

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

申请创业报道，分享创业好点子。，共同探讨创业新机遇！

专注SEO十年，以诚信经营为本，为企业、为客户创造价值为根。以技术实力为公司生命线。

诚接网站关键词优化、整站排名优化、负面处理等业务　　　　微信：BaisoTec　电话：海阔天空