以 Apple 為例看 UI 設(shè)計(jì)的未來(lái)

數(shù)字設(shè)計(jì)從未像過(guò)去十年一樣發(fā)生巨大變化，在此之前，從未有人預(yù)測(cè)到用戶界面設(shè)計(jì)的興起，而不可否認(rèn)的一點(diǎn)是，蘋(píng)果在其中有著舉足輕重的作用。

蘋(píng)果公司在世界各地?fù)碛谐^(guò)十億臺(tái)設(shè)備，這家公司完全有潛力使任何想法或設(shè)計(jì)成為主流。

首先，這是蘋(píng)果官網(wǎng)六年前的照片與今天樣子的對(duì)比。

有沒(méi)有發(fā)現(xiàn)有些地方發(fā)生了變化。

我注意到的第一個(gè)不同點(diǎn)是光澤，并且這種光效在蘋(píng)果網(wǎng)站的各個(gè)部分都完全消失了。標(biāo)題是平的，而且都沒(méi)有任何分界標(biāo)識(shí)。搜索欄現(xiàn)在也有點(diǎn)「大隱隱于市」，完全簡(jiǎn)化成一個(gè)放大鏡的圖標(biāo)。

在光澤部分取而代之的新特性是陰影，比如上圖 iPad 圖片旁邊的陰影效果。

事實(shí)上，蘋(píng)果用戶界面的三個(gè)商標(biāo)就是陰影(shadows)、焦點(diǎn)(focus)和半透明(translucency)。設(shè)計(jì)就是一項(xiàng)減法的藝術(shù)。

6 月 5 日蘋(píng)果在圣何塞發(fā)布了 iOS11。我們來(lái)看看 App Store 的變化：

喏，你能看到圖標(biāo)變得更簡(jiǎn)單了，沒(méi)有了外面的圓環(huán)，字母「A」變得很大，漸變也更精細(xì)。

iOS 10(左)和 iOS 11(右)中的 App Store 圖標(biāo)

App Store 的未來(lái)

對(duì)于應(yīng)用程序本身，也可以注意到幾個(gè)變化。首先，它看起來(lái)更像新聞應(yīng)用程序，而我們也知道這是蘋(píng)果正在采取的方向。在底部菜單中出現(xiàn)了更多的陰影以及半透明度，就連字體也采用加粗的形式。

那么，這對(duì)于未來(lái) UI 的走向又有什么啟發(fā)呢?

1. 漸變形式更新了設(shè)計(jì)中的顏色要素

Gal Shir 無(wú)意是正確的，「Colors are too bland」。App Store 圖標(biāo)的變化就是一個(gè)很好的例子，讓設(shè)計(jì)師們看到漸變的可用性，或者能將其作為自己一個(gè)主要的設(shè)計(jì)要素。

2. 簡(jiǎn)潔設(shè)計(jì)會(huì)更加深入

我們可能認(rèn)為新晉的 flat UI 已經(jīng)是設(shè)計(jì)簡(jiǎn)潔的最佳形式，其實(shí)不然?，F(xiàn)今，世界上人口的流動(dòng)性越來(lái)越大，因此更少的細(xì)節(jié)是完全必要的，它能讓不同文化圈子的人對(duì)同一事物的理解更加一致，而不會(huì)出現(xiàn)較大的理解偏差。因此不必要的細(xì)節(jié)在未來(lái)可能都會(huì)消失，就像前文 App Store 圖標(biāo)的例子一樣。

簡(jiǎn)約是極致的復(fù)雜(Simplicity is the ultimate sophistication)

—— Leo

3. 字體形式會(huì)更加大膽

為了讓文本內(nèi)容更加突出，有些東西可能需要變化。這便是字體了。纖薄字體作為標(biāo)題的日子已經(jīng)結(jié)束了。像 Oswald 和 Lulo Clean 這樣的字體一直是品牌關(guān)注的焦點(diǎn)，蘋(píng)果也是其中之一。

Oswald and Lulo posing for a family photo

4. 文化視覺(jué)化

如今越來(lái)越有種演變的趨勢(shì) —— 圖像將填滿我們的屏幕，白色文本將直接疊加嵌入在圖像上。到目前為止，F(xiàn)acebook、Instagram、WhatsApp、Skype，甚至連蘋(píng)果都加入了這種設(shè)計(jì)潮流中。

iOS 6 到 iOS 7 蘋(píng)果鎖屏的變化

在這幾年的設(shè)計(jì)回顧中，蘋(píng)果其實(shí)并不總是(甚至大多時(shí)候都不是)所處時(shí)代的數(shù)字先鋒，但它總能作為普及趨勢(shì)并使其成為主流的一種角色。

有句話怎么說(shuō)來(lái)著，「a trend does not have to be popular to change mobile design, it only has to be on iOS」。