000手机网 苹果资讯 新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

今天从Apple官网看了iOS11的介绍,发现有不少的更新哦,比如控制中心、Siri、LivePhoto等等,总体来说都有很多不错的体验,不过本文不介绍功能,只说视觉界面。在iOS11的新UI界面中,重大更新的界面主要有AppStore,所以我从…

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

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

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

图标:从线性改为面形

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

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

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

△ iOS 10 App Store

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

△ iOS 11 App Store

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

△ iOS 10 iTunes

卡片式设计

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

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

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

大投影

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

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

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

△ iPad的封面是横的

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

△ iPhone手机端封面(竖)

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

无处不在的圆角

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

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

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

新鲜出炉!iOS 11中有哪些值得关注的UI 设计细节?

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

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

早在16年优设就发了多篇预测这类趋势的文章,感兴趣的可以看看:

  • 腾讯ISUX设计师的预测:《热门好文!从iOS 10设计指南变化看设计的新趋势》
  • 蘑菇街设计师的分析:《热门趋势!从IOS 10的交互设计中学到的3个设计启示》
  • 首个归纳这个趋势的设计师:《设计新趋势!超越扁平化设计的「化繁为简」有哪些亮点?》

原文地址:shejidaren

================明星栏目推荐================

优优教程网:是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

本文来自网络,不代表000手机网立场,转载请注明出处:https://www.000shouji.cn/html/iphone/pgzx/2017/0606/84036.html

作者: dawei

【声明】:000手机网内容转载自互联网,其相关言论仅代表作者个人观点绝非权威,不代表本站立场。如您发现内容存在版权问题,请提交相关链接至邮箱:bqsm@foxmail.com,我们将及时予以处理。

一晚上的疯狂过后 苹果iOS 11系统重要卖点大解析

UI新手必备!iOS+Android的切图与标注方法

发表回复

您的电子邮箱地址不会被公开。

联系我们

联系我们

0577-28828765

在线咨询: QQ交谈

邮箱: pniu8212@foxmail.com

工作时间:周一至周五,9:00-17:30,节假日休息

返回顶部