经典国产一级**片_(凹凸視頻)国产欧美日韩va另类_中文字幕人妻偷伦在线视频_日本三级电影一区二区三区_mm131少妇午夜福利视频_本大道中文无码视频在线观看_成人无码H动漫在线网站樱花_国产V亚洲V加勒比无码_欧美亚洲国产人成_麻豆久久精品国产亚洲av

聯(lián)系我們

界面簡(jiǎn)化:Apple、Facebook和 Airbnb都在遵循的設(shè)計(jì)風(fēng)格

2018.2.2 來(lái)源:掘金翻譯計(jì)劃

                                                  導(dǎo)讀:本文翻譯自《Complexion Reduction: A New Trend In Mobile Design》。

我們生活在一個(gè)“極簡(jiǎn)風(fēng)格”的世界有些時(shí)候了,接下來(lái)會(huì)怎么樣呢?

近來(lái),一些創(chuàng)新設(shè)計(jì)的先驅(qū)將“簡(jiǎn)約設(shè)計(jì)”帶到了新的階段。Facebook, Airbnb 和 Apple 都 都遵循一種相似的“界面簡(jiǎn)化”的設(shè)計(jì)風(fēng)格來(lái)凸出產(chǎn)品的內(nèi)容,這種設(shè)計(jì)影響了移動(dòng)設(shè)計(jì)的新趨勢(shì)。


究竟什么是“界面簡(jiǎn)化”?

圖標(biāo)更簡(jiǎn)單、更常見(jiàn)

去除大量的顏色

使用這種設(shè)計(jì)的結(jié)果呢?一些受人喜愛(ài)的應(yīng)用的界面越來(lái)越像同一個(gè)品牌下的產(chǎn)品。

舉幾個(gè)栗子

五月初Instagram發(fā)布新版界面時(shí)我開(kāi)啟注意到這種新趨勢(shì)。


官方介紹新版界面做了去除整個(gè)應(yīng)用大部分的藍(lán)色、深灰色,加粗標(biāo)題,簡(jiǎn)化底部導(dǎo)航欄跟圖標(biāo)等改變。剩下的是一款標(biāo)題明顯、內(nèi)容突出、功能清晰的黑白主色調(diào)界面。我喜歡這種簡(jiǎn)潔的界面,同時(shí)想起了另一款我追隨好久的平臺(tái)Medium。Medium從2012年開(kāi)始就使用黑白色基調(diào),每次改版都在簡(jiǎn)化界面,實(shí)際上人們都不知道 Medium 是“界面簡(jiǎn)化”的發(fā)起人之一。恭喜 Medium !

在 Facebook 發(fā)布 Instagram 新版界面后不久,我發(fā)現(xiàn) Airbnb 跟 Instagram 看起來(lái)也太像了!這是 Airbnb四月份發(fā)布新版界面后我第一次使用,但是我的感覺(jué)是早就見(jiàn)過(guò)這種界面。



雖然一個(gè)月后Airbnb的新版 UI 沒(méi)有像 Instagram 發(fā)布新設(shè)計(jì)界面時(shí)那樣被大肆報(bào)道(可能是因?yàn)樗鼪](méi)有換一款讓人眼前一亮的應(yīng)用圖標(biāo)),它還是遵循了很多“界面簡(jiǎn)化”的要點(diǎn)的。

Airbnb 移動(dòng)端新界面的標(biāo)題更大更粗,同時(shí)去除了不必要的圖片和背景色,簡(jiǎn)化了圖標(biāo)讓它們更容易辨認(rèn)功能。剩下的是一款內(nèi)容突出、功能清晰的黑白主題界面。

Apple最近也加入了“界面簡(jiǎn)化”的設(shè)計(jì)風(fēng)潮。這個(gè)月初,科技界巨頭蘋(píng)果公司在它們的WWDC大會(huì)上發(fā)布了許多用戶期待的東西,其中包括所謂的“最最最牛的 iOS 版本” iOS 10 正式版(或許跟 iOS 8 相比的確牛一些.

在 WWDC 上有一個(gè)內(nèi)容吸引了我,Apple Music 的新版 UI。新版 UI 最大的改動(dòng)是用戶體驗(yàn)的變化和一些其他特點(diǎn),其中最先吸引我的是整體界面的美感。Macword 全職作家 Caitlin McGarry對(duì)新版界面描述道:“這是一個(gè)全新的界面,大號(hào)的卡片布局,顯眼的字體,白色簡(jiǎn)潔的背景,讓專輯封面更加耀眼。

聽(tīng)起來(lái)是不是有點(diǎn)耳熟?Apple Music 的設(shè)計(jì)跟 Instagram 、Airbnb 的設(shè)計(jì)風(fēng)格略有不同(后者用的是完全填充的圖標(biāo),Apple Music 怎么不換呢?),但是關(guān)鍵元素都是一樣的:顯眼的標(biāo)題,黑白色調(diào)的界面。


這些應(yīng)用的新版界面意味著什么呢?

正如我開(kāi)始所說(shuō),將來(lái)會(huì)有越來(lái)越多的應(yīng)用看起來(lái)長(zhǎng)得都很相似。為什么這么說(shuō)?就跟 NFL (美國(guó)國(guó)家足球聯(lián)盟)一樣,科技圈里到處都是山寨版。這些新版設(shè)計(jì)普遍受到好評(píng)(有些人可能一開(kāi)始會(huì)抱怨這些黑白界面中沒(méi)有什么特點(diǎn),但是沒(méi)多久他們就會(huì)適應(yīng)了。人們使用軟件都是為了使用它的功能,而不是為了它的特點(diǎn)),所以我希望所有應(yīng)用都能加入這股“界面簡(jiǎn)化”的熱潮中!

這意味著你的iPhone主屏幕上很快只是一片會(huì)帶給你歡樂(lè)的五顏六色的閃耀的馬賽克了。

現(xiàn)在不論你是否支持這種單色調(diào)的設(shè)計(jì)風(fēng)格,都要承認(rèn)它是一種進(jìn)步。產(chǎn)品的設(shè)計(jì)從之前的崇尚浮夸,開(kāi)始逐漸演化的更聚焦于用戶。在過(guò)去的產(chǎn)品設(shè)計(jì)流程中,用戶體驗(yàn)師或者產(chǎn)品經(jīng)理將原型圖交給設(shè)計(jì)師,然后扔下句:“做的好看點(diǎn)?!痹O(shè)計(jì)師花費(fèi)好多時(shí)間填色、去色、改色,卻一直沒(méi)有注意到最好的解決方法就在他們面前,那些原型圖!在如今更加完整的設(shè)計(jì)流程中, 設(shè)計(jì)師和體驗(yàn)師的界限越來(lái)越模糊,設(shè)計(jì)師不必那么擔(dān)心沒(méi)有盡到他們的責(zé)任(比如把界面做的好看些),從而可以專注于為他們的用戶創(chuàng)造最好的產(chǎn)品。


界面簡(jiǎn)化的最終指南

現(xiàn)在你也看好“界面簡(jiǎn)化”并且準(zhǔn)備跟隨這種風(fēng)潮?好的,遵循以下指導(dǎo),沒(méi)多久你的應(yīng)用就能大火特火

1.去除顏色。當(dāng)然你可以有一種主題色,但是要慎用,盡量只用在指示操作上。剩下的最好都用黑白色,突顯你應(yīng)用的內(nèi)容。

2.更大、更粗、顏色更黑的標(biāo)題。你看到那個(gè)標(biāo)題了嗎?將它增加約20至30像素,讓它看起來(lái)“重”一些。

3. 簡(jiǎn)單、辨識(shí)度高的圖標(biāo)。應(yīng)用里的圖標(biāo)(底部導(dǎo)航的圖標(biāo))最好很常見(jiàn),周圍也不要有什么顏色。把它們從左到右按這種順序排列;主頁(yè)、搜索、主要操作、次要操作、個(gè)人中心,這樣體驗(yàn)更好。

4. 增加兩倍甚至三倍的留白。甚至四倍留白,多點(diǎn)總沒(méi)錯(cuò)。

 5. 應(yīng)用圖標(biāo)顏色更亮些。如果你喜歡設(shè)計(jì)一些帶有閃光和顏色的東西,就做應(yīng)用圖標(biāo)吧。它可以表現(xiàn)你的個(gè)性和品牌,讓它脫穎而出吧!

本文鏈接:http://www.yixieshi.com/49625.html (轉(zhuǎn)載請(qǐng)保留)





Lubingye@bluedeer.com.cn Barton@bluedeer.com.cn

(021)63217094

+86 13917118199

上海市黃浦區(qū)致遠(yuǎn)大廈5A

2022 © bluedeer