在成為一名非常優(yōu)秀，非常專業(yè)的UI設(shè)計(jì)師之前，首先你需要先成為一名合格的UI設(shè)計(jì)師。

我先簡單介紹下我的工作歷程，2012年畢業(yè)，先后做過web前端工程師，網(wǎng)頁設(shè)計(jì)師，視覺設(shè)計(jì)師，到現(xiàn)在的UI設(shè)計(jì)師。我做UI就2年不到，以下都是我個(gè)人理解。

我先來描繪一個(gè)用戶場景：

假設(shè)一個(gè)真實(shí)用戶點(diǎn)進(jìn)你的app首頁，她的感受可能是這樣的，這個(gè)界面的字怎么怪怪的，怎么這么擠啊，顏色好花…

從場景中我提煉了幾點(diǎn)（文中出現(xiàn)的數(shù)據(jù)都是以iphone6為基準(zhǔn)的設(shè)計(jì)）

1.間距

用戶看app每一個(gè)界面的時(shí)候，第一感受可能就是這個(gè)app怎么這么擠，好難看，不舒服，這很有可能是你的間距出了問題。

間距的分類：

模塊之間的距離：通常20px 30px 40px，根據(jù)實(shí)際情況調(diào)整，但我認(rèn)為必須是10的倍數(shù)。

兩側(cè)的距離：通常我用的30px

列表頁內(nèi)部模塊的間距：20px比較常見

按鈕之間距離：20px比較常見

……

總之間距最好都是10px的倍數(shù)來調(diào)整

2.字體大小

我認(rèn)為字體大小在app的ui設(shè)計(jì)中非常重要。

通常最小字體保持在24px，個(gè)別如時(shí)間不需突出的元素可以用20px，22px。

標(biāo)題文字通常30px，最小不低于28px，再下一級(jí)的文字24px。

記住很重要的一點(diǎn)，app所有界面的文字大小需要統(tǒng)一，至于哪些內(nèi)容是屬于同一層級(jí)，這個(gè)要慢慢積累，慢慢思考，我的做法是自己在前期做一個(gè)簡單的視覺規(guī)范，規(guī)范字體的大小在各種可能的情況下的大小。

3.顏色

在app設(shè)計(jì)中，顏色的分類

背景色：通常是灰色，#f4f4f4，#f3f3f3，#f1f1f1

標(biāo)題欄顏色：你的主色，比如紅色

底部tab顏色：默認(rèn)狀態(tài)是灰色，選中狀態(tài)就是你的主色

列表內(nèi)容文字顏色：一級(jí)標(biāo)題通常#000000 ，#333333二級(jí)內(nèi)容通常#666666,三級(jí)輔助說明#999999

按鈕顏色：提交，確定，登錄等重要按鈕用主色就可以價(jià)格顏色：用得最多的就是橙色#f63

用色小技巧：盡量選擇一些飽和度和亮度偏高一點(diǎn)的顏色，這樣看起來整個(gè)畫面很豐富。

4.對(duì)齊

上對(duì)齊，左對(duì)齊，居中對(duì)齊，右對(duì)齊，下對(duì)齊

盡量不要用上面五種方式之外的方式去擺放元素，那樣不好把控。

先寫到這吧，第一篇自己的總結(jié)，還有很多不足，期待下一次，謝謝。