Facebook 產(chǎn)品設(shè)計(jì)師:如何提高自己的設(shè)計(jì)審美?

1 評(píng)論 7755 瀏覽 71 收藏 7 分鐘

如何提高自己的設(shè)計(jì)審美?本文作者主要通過(guò)分享自己的一些經(jīng)驗(yàn),無(wú)論你是否是設(shè)計(jì)師,這些經(jīng)驗(yàn)都可以幫助你提高對(duì)產(chǎn)品的感知和對(duì)設(shè)計(jì)的審美。

我剛剛進(jìn)入設(shè)計(jì)這個(gè)行業(yè)時(shí),非常差勁。曾經(jīng)有一段時(shí)間,我沉迷于模仿 Dribbble 上流行的設(shè)計(jì)元素,卻不知道該如何把它們和諧地統(tǒng)一起來(lái)。

如果你看到我的那些作品——糟糕的陰影和冗雜的、完全不必要的裝飾,只會(huì)稱贊三個(gè)字:辣眼睛。

我不是設(shè)計(jì)天才,但有一套“如何快速掌握所有設(shè)計(jì)技能”的方法?,F(xiàn)在我想把其中一些經(jīng)驗(yàn)分享給你們,無(wú)論你是否是設(shè)計(jì)師,這些經(jīng)驗(yàn)都可以幫助你提高對(duì)產(chǎn)品的感知和對(duì)設(shè)計(jì)的審美。

一、別單純使用 App,要學(xué)習(xí)這些 App

如果你是一位產(chǎn)品設(shè)計(jì)師,那么你需要通過(guò)思考來(lái)鍛煉你的設(shè)計(jì)眼光。打開(kāi)一個(gè)你經(jīng)常使用的 App,遏制住去刷它的欲望,專注于它呈現(xiàn)在你眼前的那個(gè)頁(yè)面。

你需要注意以下這些東西:

1. 層級(jí)結(jié)構(gòu)

  • 這個(gè) App 是如何通過(guò)設(shè)計(jì)來(lái)引導(dǎo)你的注意力的?
  • 哪些內(nèi)容是突出顯示的?
  • 那些特定元素是如何通過(guò)顏色和文本樣式達(dá)到恰如其分的效果的?

2. 內(nèi)容

  • 這篇經(jīng)驗(yàn)的關(guān)鍵詞是什么?
  • 哪些內(nèi)容是抓人眼球的或者是十分有趣的?哪些內(nèi)容正好與之相反?
  • 行間距、字間距、段間距等這些格式是怎樣的?

3. 意圖

  • 人們?yōu)槭裁磿?huì)打開(kāi)這個(gè)app呢?
  • 它解決了哪些問(wèn)題?
  • 這個(gè) App 是通過(guò)什么方法解決了這些問(wèn)題?
  • 為什么它解決得很巧妙?

4. 用戶

  • 都是哪些人在使用這個(gè) app?
  • 他們使用的習(xí)慣和你可能有哪些不同?
  • 這個(gè)App 的設(shè)計(jì)是如何為那些不同的習(xí)慣服務(wù)的?

二、分解這個(gè)App

分解App有助于我們把注意力分別放在這個(gè)app的每個(gè)版塊,你可以跟隨這個(gè)gif去預(yù)測(cè)下一個(gè)版塊即將出現(xiàn)的內(nèi)容,這樣一來(lái),你可以觀測(cè)到很多之前沒(méi)有察覺(jué)到的細(xì)節(jié)。

在觀察一組又一組依次出現(xiàn)的組件,保持你的好奇心,去觀察、去思考這個(gè)產(chǎn)品選擇的每一個(gè)元素。

下面這個(gè)gif,是我曾經(jīng)分解的一個(gè)App。

Airbnb App 分解

針對(duì)Airbnb的一些觀察心得:

搜索欄里的占位符,寫(xiě)的不是“用這里搜索”,而是寫(xiě)著城市的名稱“倫敦”。這樣一來(lái),即使我并沒(méi)有想去倫敦,但是我看到這個(gè)城市也會(huì)感到很興奮。

我不知道“Date”和“Guests”這兩個(gè)按鈕迭代了多少個(gè)版本,現(xiàn)在是直接放在搜索框下面。我相信很多設(shè)計(jì)是這樣的——“日期”這類選擇信息只有在你選擇了“目的地”后才會(huì)出現(xiàn)。

這就讓我非常好奇了:用戶的搜索習(xí)慣是什么樣的?他們是如何評(píng)價(jià)過(guò)濾后的結(jié)果的?

?

Twitter App 分解

針對(duì) Twitter 的一些觀察心得:

  1. 注意:轉(zhuǎn)發(fā)(Retweets)和喜歡(Likes)的數(shù)字是加粗的。
  2. 時(shí)間標(biāo)簽不止包括了日期,還包括了確切的時(shí)間,為什么要這樣設(shè)計(jì)呢?另外,也要注意一下這個(gè)app其他縮短了的時(shí)間標(biāo)簽(比如:在小寫(xiě)頁(yè)面,使用“5h”,在介紹頁(yè)面則使用“4/14/18”)。考慮每一種用法的不同用意。
  3. 在添加“tweet”的輸入框里有一句特別好的文案“填寫(xiě)另一條tweet”,而不是“添加一條tweet”。

?

Spotify App 分解

針對(duì) Spotify App 的一些觀察心得:

  1. 注意觀察 Spotify 是如何讓歌曲不停播放的。
  2. 新碟頁(yè)面的展示,包括新歌單和新專輯/單曲。
  3. 我們可以看到“New Music Friday”后面有關(guān)注人數(shù),但是歌單“Release Radar”并沒(méi)有。究其原因,是因?yàn)椤癛elease Radar”是用戶的定制歌單。

三、了解規(guī)則,你才能打破規(guī)則

坐在出租車(chē)?yán)?,或者等一個(gè)朋友時(shí),你都可以打開(kāi)一個(gè)app,去分版塊分析這個(gè)app的設(shè)計(jì)師為什么要這樣設(shè)計(jì)它,用意是什么?

這樣細(xì)致且大量地分析其他的app,可以鍛煉并提高你的產(chǎn)品思維能力,幫你更好地設(shè)計(jì)自己的產(chǎn)品。

你可以試試看~

 

原文作者:Kathleen Warner

原文鏈接:《How to develop an eye for Design》

譯文作者:藍(lán)湖,微信公號(hào):藍(lán)湖產(chǎn)品設(shè)計(jì)協(xié)作。

本文由@藍(lán)湖 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來(lái)自 Unsplash,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!