iOS 11 设计中值得关注的 UI 设计细节

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

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

图标:从线性改为面形

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

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

△  iOS 10 App Store

△iOS 11App Store

△  iOS 10 iTunes

卡片式设计

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

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

大投影

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

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

△  iPad 的封面是横的

△  iPhone 手机端封面(竖)

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

无处不在的圆角

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

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

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

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

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

设计达人

(0)

相关推荐

  • UI设计学什么东西,UI设计培训课程讲解

    UI交互设计,目前最好就业最高待遇的职业之一,它是移动互联网行业的核心组成部分.学习门槛低,入门快,就业选择广,目前UI设计岗位在深圳起薪4500元-8000元之间. 操作方法 01 A课程     ...

  • 50个设计简约的移动 APP UI 设计作品(上)

    对于设计师来说,经常浏览一些新颖的设计作品是非常重要的,特别是入门或进阶级别的设计师更需要多看.多想.多做,以便获得更好的灵感.创意,并追求不一样.不重复的设计来提高自己的水平. 今天和大家分享50个 ...

  • 网页设计中文本排版的技巧和细节

    网站的核心是内容,用户访问网站最重要的目的就是要看网站的正文,所以,网页的文本排版非常重要.网页的文本排版并不是仅仅在CSS里设置个字体大小那么简单的,想要有好的排版,对细节要下一番功夫才行. 步骤/ ...

  • 50个设计简约的移动 APP UI 设计作品(下)

    对于设计师来说,经常浏览一些新颖的设计作品是非常重要的,特别是入门或进阶级别的设计师更需要多看.多想.多做,以便获得更好的灵感.创意,并追求不一样.不重复的设计来提高自己的水平. 今天和大家分享50个 ...

  • 【DDC译文】UI设计中的格式塔原则

    你是否曾经观察过天空,注意到一团不同寻常的云,像一个熟悉的动物或物体?你有没有想过,为什么或者如何通过观察一团蓬松的气体来建立这种联系?这都是因为你的大脑运作方式! 你的大脑总是试图通过比较以前的或视 ...

  • 如何在UI设计中使用格式塔原则

    你是否抬头看天的时候,经常会看到如下图所示的这种形状奇特的云,你是否都会觉得像熟悉的动物或事物?那么你是否曾想过,为什么仅仅通过一团毛绒绒的气体你就能在脑中建立起这种特殊联系呢? 因为你的大脑总是试图 ...

  • 史上最全的25个UX/UI设计灵感类网站

    不论是UI设计师还是UX设计师每天花在找寻设计灵感的时间通常不会少于2小时以上,而多亏现在互联网的发展迅速,使得我们可以轻易就能从网上获取各种设计资源和设计灵感.本篇文章收集了最佳的25个UX和UI设 ...

  • 24个实用的iPhone APP UI设计教程

    小编:今天给大家带来的是设计达人整理分享的24个实用的iPhone APPUI设计教程.眼下,UI设计越来越火,很多小伙伴都想转UI,其实UI设计并没有大家想象的那么难?在于平时的积累,多想,多看,对 ...

  • 金钟罩铁布衫在设计中的应用

    听说学会金钟罩铁布衫这门神功可以在设计界横着走-- 极限挑战第三季第二期里面讲了很多神功,降龙十八掌.七伤拳.金钟罩铁布衫.吸星大法.蛤蟆神功等个个都是武林绝学,但每个神功都很厉害也都环环相克.这些神 ...