想提升 UIUX 能力,別再看 Pinterest、Behance 了
如果你是一位 UIUX 設計師,請不要再看 Pinterest、Dribbble、Behance 了,改看 Mobbin 吧。
如果你是一位 UIUX 設計師,請不要再看 Pinterest、Dribbble、Behance 了。
我知道有很多人在學習畫 UI 或是做設計沒靈感的時候,常會直接打開 Pinterest、Dribbble 或 Behance,直接搜尋「註冊頁、商品頁、儀表板……」來參考。
這是一個非常嚴重的錯誤!
真實世界看不到有人會這樣設計。
以下方的UI為例:

Junior 設計師會想說:「很好看啊!參考它來設計好了。」
看起來是好看,但實際上有很大的問題。
Senior 設計師:「它整個介面都是紫色的,但是請你去看那些常見的知名軟體,會發現沒有產品會把整個介面都做成紫色,幾乎都是白色或黑色背景。」
因為紫色在自然界中是稀有的顏色,長期觀看會讓人感到壓迫,導致潛意識避開使用這個 app。
所以世界上的 app 大多是白色,或是 Dark mode 的深色背景。最讓人感到舒適,能專注在當下的操作。

你想想看,如果你跟老闆說你要把公司的產品 UI 做成紫色的,「看起來好看,但實際上會增加使用者跳出率」,你覺得老闆會接受嗎?
還有下圖這種,看起來很酷,實際上很難用的控制器。

幾年前看過 Junior 設計師這樣設計,當天直接被工程師罵得要死。
...
Pinterest、Dribbble、Behance 是以視覺導向的網站,再說一次,是視覺導向的網站。
上面都是 UI 的概念創作,不是真實產品。
任何人都可以把自己的作品放上去,只要好看就會有曝光。不在乎使用者、不在乎易用性、不在乎留存率。
參考網頁設計、平面設計很 ok,UIUX 就非常不妥。
那做 UIUX 設計到底該參考什麼?
我強烈建議用 Mobbin。

幾個很讚的原因:
- 它收錄了世上知名軟體的真實介面,參考性極高。
- 除了 UI,連操作流程都有。
- 可以直接搜尋元件、頁面、文案,找參考畫面。
- 免費。
我平常都這樣用:
- 做設計卡住時找參考。
- 和 PM 前期探索時,用其它產品畫面來溝通。
- 和其他設計師討論設計流程、元件使用情境。
我剛成為設計師時,也都是臨摹 Mobbin 裡的 UI,提升自己的設計能力。
就連現在用 AI 輔助設計的時代, AI 很容易產出有問題的見面,我都會參考 Mobbin 上的好產品來修正設計。

Mobbin 該付費嗎?
先看免費版就夠了。
免費有數量限制,只能看最新的 4 個 app,想看更多要付費解鎖。
我自己有訂閱他的電子報,每週會寄給我 4 個最新案例,覺得不錯的就把圖片存起來。
綜合起來覺得免費版就夠了,真的有幫助再付費。
你平常會從哪個平台找靈感嗎?歡迎留言給我。
如果下次又看到同事在用 Pinterest、Behance 做設計,記得叫他改用 Mobbin!