Facebook 產品設計師:如何提高自己的設計審美?

如何提高自己的設計審美?本文作者主要通過分享自己的一些經驗,無論你是否是設計師,這些經驗都可以幫助你提高對產品的感知和對設計的審美。

Facebook 产品设计师:如何提高自己的设计审美?

我剛剛進入設計這個行業時,非常差勁。曾經有一段時間,我沉迷於模仿 Dribbble 上流行的設計元素,卻不知道該如何把它們和諧地統一起來。

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

我不是設計天才,但有一套“如何快速掌握所有設計技能”的方法。現在我想把其中一些經驗分享給你們,無論你是否是設計師,這些經驗都可以幫助你提高對產品的感知和對設計的審美。

一、別單純使用 App,要學習這些 App

如果你是一位產品設計師,那麼你需要通過思考來鍛鍊你的設計眼光。打開一個你經常使用的 App,遏制住去刷它的慾望,專注於它呈現在你眼前的那個頁面。

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

1. 層級結構

  • 這個 App 是如何通過設計來引導你的注意力的?
  • 哪些內容是突出顯示的?
  • 那些特定元素是如何通過顏色和文本樣式達到恰如其分的效果的?

2. 內容

  • 這篇經驗的關鍵詞是什麼?
  • 哪些內容是抓人眼球的或者是十分有趣的?哪些內容正好與之相反?
  • 行間距、字間距、段間距等這些格式是怎樣的?

3. 意圖

  • 人們為什麼會打開這個app呢?
  • 它解決了哪些問題?
  • 這個 App 是通過什麼方法解決了這些問題?
  • 為什麼它解決得很巧妙?

4. 用戶

  • 都是哪些人在使用這個 app?
  • 他們使用的習慣和你可能有哪些不同?
  • 這個App 的設計是如何為那些不同的習慣服務的?

二、分解這個App

分解App有助於我們把注意力分別放在這個app的每個版塊,你可以跟隨這個gif去預測下一個版塊即將出現的內容,這樣一來,你可以觀測到很多之前沒有察覺到的細節。

在觀察一組又一組依次出現的組件,保持你的好奇心,去觀察、去思考這個產品選擇的每一個元素。

下面這個gif,是我曾經分解的一個App。

Facebook 产品设计师:如何提高自己的设计审美?

Airbnb App 分解

針對Airbnb的一些觀察心得:

搜索欄裡的佔位符,寫的不是“用這裡搜索”,而是寫著城市的名稱“倫敦”。這樣一來,即使我並沒有想去倫敦,但是我看到這個城市也會感到很興奮。

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

這就讓我非常好奇了:用戶的搜索習慣是什麼樣的?他們是如何評價過濾後的結果的?

Facebook 产品设计师:如何提高自己的设计审美?

Twitter App 分解

針對 Twitter 的一些觀察心得:

  1. 注意:轉發(Retweets)和喜歡(Likes)的數字是加粗的。
  2. 時間標籤不止包括了日期,還包括了確切的時間,為什麼要這樣設計呢?另外,也要注意一下這個app其他縮短了的時間標籤(比如:在小寫頁面,使用“5h”,在介紹頁面則使用“4/14/18”)。考慮每一種用法的不同用意。
  3. 在添加“tweet”的輸入框裡有一句特別好的文案“填寫另一條tweet”,而不是“添加一條tweet”。
Facebook 产品设计师:如何提高自己的设计审美?

Spotify App 分解

針對 Spotify App 的一些觀察心得:

  1. 注意觀察 Spotify 是如何讓歌曲不停播放的。
  2. 新碟頁面的展示,包括新歌單和新專輯/單曲。
  3. 我們可以看到“New Music Friday”後面有關注人數,但是歌單“Release Radar”並沒有。究其原因,是因為“Release Radar”是用戶的定製歌單。

三、瞭解規則,你才能打破規則

坐在出租車裡,或者等一個朋友時,你都可以打開一個app,去分版塊分析這個app的設計師為什麼要這樣設計它,用意是什麼?

這樣細緻且大量地分析其他的app,可以鍛鍊並提高你的產品思維能力,幫你更好地設計自己的產品。

你可以試試看~

題圖來自 Unsplash,基於 CC0 協議


分享到:


相關文章: