Path 3.0 的一些細節(jié)設(shè)計
[核心提示]?從設(shè)計上講,Path 已經(jīng)非常優(yōu)秀。剛發(fā)布的 Path 3.0 一些設(shè)計細節(jié)同樣有韻味。
今天,只說設(shè)計細節(jié)。
Path一直是個蠻奇葩的應(yīng)用,它的每一個大版本都會引發(fā)APP設(shè)計風格的一次突破,但是,它的產(chǎn)品自身卻一直沒什么突破。
Path 1.0,采用了一個橫條的縮略圖作為圖片Timeline的主要表現(xiàn)形式,這種風格讓以照片流為主的Timeline顯得非常有韻味,后來這個風格被不斷模仿;
Path 2.0,采用了抽屜式導航的模式,這種導航風格大大的擴展了APP的可利用空間,同時讓核心功能足夠突出,底部將所有的功能性操作縮略到一個按鈕上,只要你需要,點擊一次就可以執(zhí)行你操作的功能,直到現(xiàn)在,這種抽屜式風格依然是主流模式;
Path 3.0,在APP的交互中加入了聲音的元素,對時間軸的使用更嫻熟頻繁,登錄界面由單一圖片改為輪播背景。同時,這個版本另外一個重大的風格就是擬物化做的很贊。logo及界面都呈現(xiàn)出平面化的趨勢,很有質(zhì)感。時間軸、輪播背景圖的登錄界面、平面化應(yīng)該也會成為趨勢的。
按照我對設(shè)計的理解,首先它必須是有一個足夠清晰的產(chǎn)品架構(gòu),在這個架構(gòu)的基礎(chǔ)上去做優(yōu)雅的交互和視覺才能夠事半功倍;其次,交互和視覺都應(yīng)該足夠的注重細節(jié),細致的細節(jié)更容易打動人,同時讓產(chǎn)品顯得很有檔次。 AppFlow是個典型,即使它的交互很酷炫,但是還是很爛,因為它的產(chǎn)品架構(gòu)糟糕的一塌糊涂;Google Maps是另外一個典型,它的產(chǎn)品架構(gòu)做的足夠清晰,然后加上一些優(yōu)雅的交互,使得這款地圖應(yīng)用瞬間成為極品。Path的設(shè)計,也完全符合我的這兩點判斷。
當然,今天不分析架構(gòu),只說Path 3.0讓我看到的很用心的幾個設(shè)計細節(jié)。
關(guān)于擬物化的設(shè)計
進入Path的商店(shop)頁面,首先是一聲響鈴,商店頂部的雨篷會縮回去,把商品展示出來。想像一下,你在一個幽靜的小鎮(zhèn)晃悠,看到一家手工藝品小店,你推門進去,挑開門簾,看到了里面的商品,就是這個感覺!
另外,在每個商品的頂部是一個掛鉤,而陳列架上都有一盞小的射燈,將光線打下來照在商品上。當你晃動手機的時候,這些卡片會隨著你的晃動搖擺,會調(diào)用感應(yīng)器搖擺哦,真的會搖擺哦!
當你選中了一件商品,會有一個從上而下再稍微彈起的動畫。這個場景就像是墻上掛了蠻多的商品,你看重了一件,主人把它放下來的感覺,有木有! 如此逼真的擬物化,如此細致的細節(jié)擬物,反正我是第一次見到。而這些小的細節(jié),會很容易讓你感受到,并且瞬間產(chǎn)生聯(lián)想,然后心底一股暖流,然后不禁想大聲說一句,這他媽的才是設(shè)計!
小細節(jié)的雕琢
在Path的主頁,頭像下面有一類似雨滴的個圓點,當你下拉刷新的時候圓點會隨著變成一個雨滴,當刷新完成,雨滴會從上掉下來成為一個雨點,然后頁面縮回去。這個小細節(jié)看似很平常,但是確實是經(jīng)過用心雕琢的。
在Path 3.0的核心動作中都加入了點擊反饋,比如點擊拍圖、位置、音樂等。點擊之后,圖片會有一個漸隱的變大,這種點擊反饋在APP的設(shè)計中很常見,但是,Path似乎做的更精致一些哦。
另外,在主頁點擊封面圖片的時候也是會有點擊反饋的哦。
關(guān)于統(tǒng)一性
Path的主頁、個人主頁、聊天列表、聊天窗口的風格是統(tǒng)一的。左側(cè)都有一根軸,然后用戶的頭像穿軸而過,這種統(tǒng)一性讓用戶比較有安全感,也很舒服。在滑動頁面的時候,右側(cè)會出現(xiàn)一個時鐘的提示,提示該條消息收于什么時候或者發(fā)與什么時候,這個也是一種統(tǒng)一性。
一個有問題的隱喻
Path 3.0不僅僅是能私聊,還可以跟陌生人私聊,還可以發(fā)起群聊的,只是群聊的入口稍微隱蔽罷了。在主頁點擊右上角的聊天,然后再點擊右上角的撰寫icon即可發(fā)起多人聊天。
這個icon似乎是一個設(shè)計錯誤,作為一個發(fā)起群聊的icon,這個撰寫框明顯不合適。也許它其實的出發(fā)點是同時給多人撰寫信息?
當然,單從設(shè)計層面講,Path確實是目前非常優(yōu)秀的了。
在這個產(chǎn)品上,從它出生到現(xiàn)在,每次都會讓你覺得,原來這才他媽的是交互,這她媽的才是優(yōu)雅!它總是能在設(shè)計層面上不斷的去創(chuàng)新,不斷的突破自己,但是,杯具的事情是,它的產(chǎn)品層面一直未見有大的突破,這倒是挺讓人惋惜的。
原文地址:http://www.geekpark.net/read/view/174315
- 目前還沒評論,等你發(fā)揮!