記住，設(shè)計需要練習(xí)
需要一些時間和練習(xí)才能夠訓(xùn)練出一雙辨別設(shè)計的銳眼，但是你會發(fā)現(xiàn)上面的建議會大大提高你的設(shè)計。

本文是為初學(xué)者/門外漢準備的五分鐘設(shè)計指南。好的設(shè)計原則對任何人都有用。這個指南會告訴你一些基礎(chǔ)設(shè)計原則，立即就能用得上并分享給別人。如果你不相信自己能夠做好設(shè)計，那么請記住傳說中的人物David Eric Grohl說過的這段話：“我從不學(xué)習(xí)打鼓課程，從不學(xué)習(xí)吉他課程，我靠自己摸索。我認為倘若你真的對什么東西有所熱誠，你就會有動力，你就會集中注意力，你可以做任何你想做的事情?！薄狣ave Grohl，噴火戰(zhàn)機樂隊。

讓我們開始吧（沒有特定順序）：

1.足夠強烈的色彩對比

背景和字體必須有足夠區(qū)分，閱讀起來不傷眼睛。白底黑字是最容易辨認的。最好不要使用淺灰、黃色或綠色。如果別人必須瞇著眼睛才能看清文字，那肯定是有問題的。

2.深灰比黑色更好

如果可以的話，嘗試使用#333333RGB(51,51,51)，而不是黑色，作為文字顏色。黑白對比晃眼睛，讓人更難集中注意力。

3.重要內(nèi)容放在前面

布局是幫助使用App或網(wǎng)站的重要信息。重要的內(nèi)容應(yīng)該是第一眼可見的，不需要縮放、滾動或點擊。

讓我們看看幾個視覺層級設(shè)計的正面實例。Instagram將讓用戶發(fā)布的圖片/視頻作為焦點。Pinterest 的主要功能是搜索，人們在上面瀏覽翻找信息。再看兩個例子：Spotify顯然把唱片封面和音樂標題放在第一位，并將用戶操作放在第二位；Facebook則把好友發(fā)布的內(nèi)容放到前面和中心。

4.對齊一切

如果你感覺哪里有些不對，最快的解決方式很可能是把不對齊的東西全部對齊。保證元素對齊是改進任何App或網(wǎng)站最簡單方法之一，并且可以立馬提升視覺效果10倍。

讓我們再看看其它對齊案例：Medium頁面左側(cè)內(nèi)容沒有左側(cè)對齊；下圖僅僅將內(nèi)容左側(cè)對齊后顯得整潔明了。

5.文字尺寸和留白

我們是給人做設(shè)計的，而非螞蟻，請增加文字尺寸并多留些空白以保證內(nèi)容更加易讀。

6.如果順序很重要，則使用列表

大部分移動/網(wǎng)頁App都有搜索功能，在展示搜索結(jié)果時可能存在爭議。如果順序很重要，則列表是最有效方法；如果順序不重要，并且還鼓勵用戶多瀏覽探索（像Pinterest或Airbnb），那么網(wǎng)格視圖就可以提供更多信息方便用戶瀏覽探索。

7.先做灰度設(shè)計再上色

灰度設(shè)計能夠保證聚焦于關(guān)鍵用戶體驗；顏色牽涉到較多情緒反應(yīng)，并且容易打擾我們所聚焦關(guān)鍵問題。

8.讓設(shè)計用起來舒服

手部使用是一個重要問題，請參考Luke Wroblewski文章《Responsive Navigation: Optimizing for Touch Across Devices》中手機上最容易使用部分（右手）。很多高效手機App保證導(dǎo)航和主要操作在手機底部。

9.借用色板

色彩是一種難以捉摸藝術(shù)，請去Dribbble搜索“Color Palettes”或者使用Coolors或Color Claim等編輯器節(jié)約時間糾結(jié)爭論。

10.使用Apple和Google系統(tǒng)設(shè)計規(guī)范

這兩家公司都有很棒資源幫助任何人搭建Android或iOS App 。例如Google Material里包含了設(shè)計原則、資源、色彩、圖標和控件等能夠幫助快速開始App 設(shè)計；Apple則提供HIG（Human Interface Guideline），羅列了所有iOS平臺App所需知道東西。

記?。盒枰獣r間和練習(xí)才能錘煉出辨別設(shè)計銳眼！但以上建議會大大提高您設(shè)計水平！