在成為一名非常優(yōu)秀版姑，非常專業(yè)的UI設(shè)計(jì)師之前旁振，首先你需要先成為一名合格的UI設(shè)計(jì)師获询。
我先簡(jiǎn)單介紹下我的工作歷程，2012年畢業(yè)拐袜，先后做過web前端工程師吉嚣，網(wǎng)頁設(shè)計(jì)師，視覺設(shè)計(jì)師蹬铺，到現(xiàn)在的UI設(shè)計(jì)師尝哆。我做UI就2年不到，以下都是我個(gè)人理解甜攀。
我先來描繪一個(gè)用戶場(chǎng)景：
假設(shè)一個(gè)真實(shí)用戶點(diǎn)進(jìn)你的app首頁秋泄，她的感受可能是這樣的，這個(gè)界面的字怎么怪怪的规阀，怎么這么擠啊恒序，顏色好花…
從場(chǎng)景中我提煉了幾點(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è)簡(jiǎn)單的視覺規(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é)轧苫，還有很多不足楚堤，期待下一次，謝謝浸剩。
