偷偷摘套内射激情视频,久久精品99国产国产精,中文字幕无线乱码人妻,中文在线中文a,性爽19p

Google+兩次改版設(shè)計(jì)風(fēng)格探析

移動(dòng)開(kāi)發(fā) Android
Google在2013 I/O開(kāi)發(fā)者大會(huì)上宣布Google+改版,改版后的風(fēng)格與Google移動(dòng)平臺(tái)的設(shè)計(jì)統(tǒng)一,讓Google產(chǎn)品本身開(kāi)始具備設(shè)計(jì)感,也許這是第三股設(shè)計(jì)力量的崛起?那么Google+改版到底傳達(dá)了什么信息,讓我們隨本文一起來(lái)探索一下。

評(píng)價(jià)一個(gè)東西的好壞,通過(guò)對(duì)比是最直接的辦法。

Google+ 自 2011-6-28 發(fā)布至今(2013-5-16)歷經(jīng)兩次重新設(shè)計(jì),三個(gè)版本。

產(chǎn)品的設(shè)計(jì)是由產(chǎn)品功能出發(fā)的,功能之間的邏輯加上表現(xiàn)功能與邏輯的視覺(jué)元素構(gòu)成了產(chǎn)品的設(shè)計(jì),而貫穿始終的則是設(shè)計(jì)師自己的設(shè)計(jì)哲學(xué)。無(wú)論是擬物化還是還 是扁平化,都僅僅是視覺(jué)風(fēng)格,僅從視覺(jué)風(fēng)格討論產(chǎn)品設(shè)計(jì)的優(yōu)劣無(wú)從談起,這里則從功能與邏輯入手探討 Google+ 的兩次 redesign。

第一次 redesign

早期的 Google+ 界面與同時(shí)期的 Gmail 有很多相似的地方,這不僅是為了用戶(hù)熟悉界面,更關(guān)鍵的是此時(shí)的 Google+ 尚處在功能的探索與取舍的階段,無(wú)法系統(tǒng)的設(shè)計(jì)自己的界面。

而后 Google+ 進(jìn)行了功能的取舍與合并,去掉也添加了許多功能。此時(shí)的 G+ 功能組成漸漸清晰,但問(wèn)題也很明顯,各個(gè)功能散落各處,邏輯混亂不堪,沒(méi)有明顯的層次關(guān)系。

早期的 G+ 功能散落在各處

于是開(kāi)始了第一次重新設(shè)計(jì)。

  1. 將頂欄功能導(dǎo)航欄放于左側(cè),原左側(cè)的圈子分類(lèi)變?yōu)槎?jí)菜單。
  2. 將 Chat 與 Hangout 一起放在右側(cè)。
  3. 將信息流與其他信息置于中間。
  4. 用左側(cè)的功能欄,頂部的搜索欄與右側(cè)聊天將中間信息流包圍,以不同配色分割,以突顯兩層的邏輯結(jié)構(gòu)。

不論其視覺(jué)效果如何,是否討好眼睛,但重新設(shè)計(jì)后的 G+ 變得層次清晰,更加便于理解便于使用了,甚至可以說(shuō)這時(shí)的 G+ 才是正式版。

第二次 redesign

如果說(shuō)第一次重新設(shè)計(jì)是梳理功能間的邏輯層次,那么一年后的第二次重新設(shè)計(jì)則是繼續(xù)簡(jiǎn)化了邏輯。

  1. 將原來(lái)左側(cè)的條目欄默認(rèn)隱藏。
  2. 將右側(cè)的 Chat 與 Hangout 徹底合并,可隱藏。
  3. 查看信息流時(shí)隱藏頂部搜索框。
  4. 信息流不再區(qū)分消息類(lèi)型,個(gè)人信息與谷歌的提示與推薦混在一起,既只有一種信息。
  5. 將對(duì)信息流做操作的各種選項(xiàng)永遠(yuǎn)固定在了頂欄(屬于原來(lái)的二級(jí)菜單)。

此時(shí)的 G+ 在邏輯上簡(jiǎn)化為僅有兩個(gè)基本功能,信息流與聊天,左側(cè)條目欄為信息的來(lái)源,而無(wú)論是何來(lái)源在信息流上顯示的信息都只有一種。如果再隱藏了右側(cè)的聊天,則整個(gè)頁(yè)面上僅有信息流與操控信息流的頂欄,與信息流無(wú)關(guān)的東西全被隱藏,營(yíng)造沉浸式的信息流體驗(yàn)。


與信息無(wú)關(guān)的均被隱藏

對(duì)信息流最大的改變可以說(shuō)是不再區(qū)分信息類(lèi)型,這樣直接簡(jiǎn)化了信息流(原來(lái)是雙欄)與理解成本,但 Google 推薦的與個(gè)人信息一同出現(xiàn),必定使人厭煩,增大信息量以降低推薦信息的存在感則是很好的方法,這樣類(lèi)似于瀑布流與卡片相結(jié)合的顯示方式無(wú)疑是最適合 Google 的。

產(chǎn)品最終的呈現(xiàn)與產(chǎn)品的功能脫不開(kāi)關(guān)系,而將其簡(jiǎn)潔優(yōu)雅的實(shí)現(xiàn)則是設(shè)計(jì)的挑戰(zhàn),G+ 在這方面無(wú)疑做的很好。

其后

設(shè)計(jì)不是流于表面的視覺(jué)風(fēng)格與設(shè)計(jì)細(xì)節(jié),各功能之間清晰的邏輯與層次才是產(chǎn)品設(shè)計(jì)靈魂,沒(méi)有清晰思路的指引,再風(fēng)格化的設(shè)計(jì)也不過(guò)是衣著光鮮的行尸走肉。

無(wú)論是微軟的 Windows 8 design,還是 Google 的 Holo 和卡片,亦或是蘋(píng)果的擬物化和現(xiàn)在風(fēng)傳的 iOS 7 的扁平化,都是在尋找著更好的信息呈現(xiàn)的方式,都是以清晰的思路為指引的上層建筑(微軟似乎做的不太好),其根本目的都是為了更好實(shí)現(xiàn)于呈現(xiàn)產(chǎn)品的功能與設(shè)計(jì)師的意圖,而風(fēng)格化本身并不是主要目的。

若是產(chǎn)品背后沒(méi)有清晰的邏輯與思路,一味的營(yíng)造視覺(jué)奇觀,就好比一坨屎澆上三勺濃湯,撒上二兩香菜,看似色香味俱全的好菜,但終究不怎么好吃。

當(dāng)然,它也許真的可以吃。

責(zé)任編輯:徐川 來(lái)源: 極客公園
相關(guān)推薦

2011-11-01 09:14:10

Google ReadGoogle+

2013-05-20 16:42:13

GoogleGoogle Maps

2018-10-18 12:42:24

2011-07-22 13:55:48

架構(gòu)

2011-09-21 14:17:12

Google+

2015-07-28 17:35:23

Google+移動(dòng)布局

2011-09-07 10:53:24

Google+

2022-03-18 08:46:08

vivo官網(wǎng)APP首頁(yè)改版

2011-08-08 17:16:23

程序員

2018-12-04 15:08:11

QQ視覺(jué)設(shè)計(jì)APP

2011-09-16 11:02:22

Google+

2012-06-13 10:19:28

2013-12-18 09:36:33

Fedora 20

2011-08-08 09:49:18

Google+iCloud開(kāi)發(fā)者

2012-02-13 09:03:04

Web

2009-01-13 09:16:28

Google搜索綠色節(jié)能

2015-09-22 10:04:38

GoogleJava編程

2017-02-13 13:14:07

2024-10-16 08:38:37

TCP編號(hào)信息

2012-02-21 09:34:26

Google+中國(guó)正式開(kāi)放
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)