推荐设备MORE

怎么一分钟完成抠图—做淘客

怎么一分钟完成抠图—做淘客

公司新闻

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

日期:2021-03-01
我要分享

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


短视頻,自新闻媒体,达人种草1站服务

今日从 Apple 官方网站看了 iOS 11 的详细介绍,发现有很多的升级哦,例如操纵管理中心、Siri、Live Photo 这些,整体来讲都有许多非常好的体验,但是本文不详细介绍作用,只说视觉效果页面。

在 iOS 11 的新 UI 页面中,重特大升级的页面关键有 App Store,因此我从运用店铺的UI设计方案也能看出1些大约细节。

标志:从线形改成面形

新版 Store 的标志从线形改成面形,标志也添加了圆角,看起来更为圆润,另外和 iOS 10中的 iTunes 有关运用设计风格也统1了。

Icon 色调例如来的线形浅了1点,这样做看起来就不容易太重,因此大伙儿在应用面形的标志设计方案时,色调要掌握好。

 

iOS 10 App Store

 

iOS 11 App Store

 

iOS 10 iTunes

卡片式设计方案

在新版的 iOS 11 页面,有很多的地区选用了卡片式/宫文件格式排序,卡片式的设计方案十分合适图文排版,而且在手机上端有非常好的阅读文章体验。

在 Material Design 中也是很高度重视卡片式设计方案,因此往后能够多考虑到应用卡片式设计风格。

 

 

 

大投射

当变为卡片式设计方案后,以便提高等级主要表现,页面也提升了大块投射,是否和 Material 设计风格有点像?

网编细看了下, APP 在 iPad 的封面与手机上端规格不1样,1个是横,1个是竖(工作中量又提升了 )

iPad 的封面是横的

 

iPhone 手机上端封面(竖)

以便美观大方,而提升了人力资源成本费,究竟值不值得?这个封面就像1个网站的文章内容封面图1样,1篇文章内容要做2张封面图,这不但提升人力资源成本费,还提升运维管理成本费。

无处不在的圆角

圆,像曲线图1样,有圆润、开朗、动感、温和的觉得,更非常容易令人亲密接触。亲和力有了,吸引住客户就更多了,iOS 的圆角在不一样 UI 上应用的圆角尺寸略有不一样,这便是细节,来看 iOS 在圆角的应用已到了发呆入化之境。

Material Design 尽管也存在圆角,但要末圆角在很小了,要末便是直角。

而 Windows 的扁平化,便是1块方形。

 

想做转让人亲密接触的页面?学会用「圆」或许是很大的秘诀。