专栏名称: 设计新知
以创意设计类干货分享为主,扯淡为辅,偶尔也当当知心大姐
目录
相关文章推荐
51好读  ›  专栏  ›  设计新知

iOS 10 vs 11:完整 UI 比较分析

设计新知  · 公众号  ·  · 2017-06-20 21:17

正文

请到「今天看啥」查看全文



把过去字太细、太小的地方集体改进,上图以 Voice Memo 为例。


1.7 键盘设计改变


数字键盘


方便单手打字的键盘


  • 数字键的按钮和文字键盘样式统一

  • 新增单手打字模式



二、设计风格的转变


2.1 突如其来的层次感


App Store 对比(左 iSO10,右 iOS11)


层次(Hierarchy)是 UI 很重要的元素,让重要的、不重要的东西区隔开来,引导使用者的阅读动线。 区分层次的手法有很多,如大小、粗细、颜色、间隔、形状、排列方式⋯⋯等等。


过去 iOS 较常使用分隔线和文字大小来做层次;而自从新版 Apple Music App 推出后,开始频繁使用新手法,如大面积阴影、字重等,如上图的 App Store 新设计。


顺带一提,我不喜欢称这类手法叫「Card UI」,我觉得那就如同把一堆明显不同的设计语言全都冠上 Flat Design 一样,是跟风且不精确的形容 (唯一好处就是对外行解释比较方便) ,矩形+阴影到哪里都能见到,过去苹果在 Passbook 和提醒事项 App 就有这类设计了。


2.2 细节风格更新


App 介绍页


计算器的新设计,我也是醉了


  • 边角更圆润

  • 空心变实心(色块感变重)


空心变实心的特点刚刚在解锁画面有出现过,而上图的计算机让我想到初代 iPhone OS 向经典致敬(?)的设计。



2.3 全新的 Navigation Bar


去年(2016)在新版 Apple Music 让大家耳目一新的大字 Nav Bar,苹果在这次 iOS 11 也大量使用在各个 App 里(见下图);另外也终于开放 API 让大家使用了,以后设计师们可以放心做这类大标题,不必担心造成开发者的麻烦:



就跟以前 iOS 7 大量使用高斯模糊,结果过整整一年才开放 Blur API 一样,苹果真的很小气。


2.4 icon








请到「今天看啥」查看全文