我剛剛進入設計這個行業(yè)時栖雾，非常差勁楞抡。曾經(jīng)有一段時間，我沉迷于模仿 Dribbble 上流行的設計元素析藕，卻不知道該如何把它們和諧地統(tǒng)一起來召廷。
如果你看到我的那些作品——糟糕的陰影和冗雜的、完全不必要的裝飾账胧，只會稱贊三個字：辣眼睛竞慢。
我不是設計天才，但有一套“如何快速掌握所有設計技能”的方法≈文啵現(xiàn)在我想把其中一些經(jīng)驗分享給你們筹煮，無論你是否是設計師，這些經(jīng)驗都可以幫助你提高對產(chǎn)品的感知和對設計的審美居夹。
一败潦、別單純使用 App，要學習這些 App
如果你是一位產(chǎn)品設計師准脂，那么你需要通過思考來鍛煉你的設計眼光劫扒。打開一個你經(jīng)常使用的 App，遏制住去刷它的欲望狸膏，專注于它呈現(xiàn)在你眼前的那個頁面沟饥。
你需要注意以下這些東西：
1. 層級結(jié)構(gòu)
這個 App 是如何通過設計來引導你的注意力的？
哪些內(nèi)容是突出顯示的湾戳？
那些特定元素是如何通過顏色和文本樣式達到恰如其分的效果的贤旷？
2. 內(nèi)容
這篇經(jīng)驗的關(guān)鍵詞是什么？
哪些內(nèi)容是抓人眼球的或者是十分有趣的院塞？哪些內(nèi)容正好與之相反遮晚？
行間距、字間距拦止、段間距等這些格式是怎樣的县遣？
3. 意圖
人們?yōu)槭裁磿蜷_這個app呢糜颠？
它解決了哪些問題？
這個 App 是通過什么方法解決了這些問題萧求？
為什么它解決得很巧妙其兴？
4. 用戶
都是哪些人在使用這個 app？
他們使用的習慣和你可能有哪些不同夸政？
這個App 的設計是如何為那些不同的習慣服務的元旬？
二、分解這個App
分解App有助于我們把注意力分別放在這個app的每個版塊守问，你可以跟隨這個gif去預測下一個版塊即將出現(xiàn)的內(nèi)容匀归，這樣一來，你可以觀測到很多之前沒有察覺到的細節(jié)耗帕。
在觀察一組又一組依次出現(xiàn)的組件穆端，保持你的好奇心，去觀察仿便、去思考這個產(chǎn)品選擇的每一個元素体啰。
下面這個gif，是我曾經(jīng)分解的一個App嗽仪。
針對Airbnb的一些觀察心得：
搜索欄里的占位符荒勇，寫的不是“用這里搜索”，而是寫著城市的名稱“倫敦”闻坚。這樣一來沽翔，即使我并沒有想去倫敦，但是我看到這個城市也會感到很興奮鲤氢。
我不知道“Date”和“Guests”這兩個按鈕迭代了多少個版本搀擂，現(xiàn)在是直接放在搜索框下面西潘。我相信很多設計是這樣的——“日期”這類選擇信息只有在你選擇了“目的地”后才會出現(xiàn)卷玉。
這就讓我非常好奇了：用戶的搜索習慣是什么樣的？他們是如何評價過濾后的結(jié)果的喷市？
?
針對 Twitter 的一些觀察心得：
注意：轉(zhuǎn)發(fā)（Retweets）和喜歡（Likes）的數(shù)字是加粗的相种。
時間標簽不止包括了日期，還包括了確切的時間品姓，為什么要這樣設計呢寝并？另外，也要注意一下這個app其他縮短了的時間標簽（比如：在小寫頁面腹备，使用“5h”衬潦，在介紹頁面則使用“4/14/18”）≈菜郑考慮每一種用法的不同用意镀岛。
在添加“tweet”的輸入框里有一句特別好的文案“填寫另一條tweet”弦牡，而不是“添加一條tweet”。
?
針對 Spotify App 的一些觀察心得：
注意觀察 Spotify 是如何讓歌曲不停播放的漂羊。
新碟頁面的展示驾锰，包括新歌單和新專輯/單曲。
我們可以看到“New Music Friday”后面有關(guān)注人數(shù)走越，但是歌單“Release Radar”并沒有椭豫。究其原因，是因為“Release Radar”是用戶的定制歌單旨指。
三赏酥、了解規(guī)則，你才能打破規(guī)則
坐在出租車里谆构，或者等一個朋友時今缚，你都可以打開一個app，去分版塊分析這個app的設計師為什么要這樣設計它低淡，用意是什么姓言？
這樣細致且大量地分析其他的app，可以鍛煉并提高你的產(chǎn)品思維能力蔗蹋，幫你更好地設計自己的產(chǎn)品何荚。
你可以試試看~
原文作者：Kathleen Warner
譯文作者：藍湖
