萬(wàn)里長(zhǎng)征第一步，只有弄清楚了基礎(chǔ)入門(mén)知識(shí)牍颈，才能開(kāi)始真正的UI設(shè)計(jì)之旅迄薄。“新手怎么開(kāi)始做UI”是從界面設(shè)計(jì)尺寸煮岁、布局讥蔽、字體、圖片画机、圖標(biāo)等幾個(gè)方面來(lái)具體闡述UI設(shè)計(jì)的入門(mén)基礎(chǔ)知識(shí)冶伞，使新手可以快速的上手。
前面的“移動(dòng)UI設(shè)計(jì)規(guī)范整理（一）”已經(jīng)詳細(xì)寫(xiě)了界面設(shè)計(jì)尺寸（簡(jiǎn)書(shū)鏈接：http://www.reibang.com/p/9380a508d9f3）步氏，下面是第二篇--UI布局响禽。
二、布局
（一）基礎(chǔ)布局
一個(gè)UI界面中有最基本的幾個(gè)欄荚醒，狀態(tài)欄芋类、標(biāo)題欄和導(dǎo)航欄。頁(yè)面中狀態(tài)欄和標(biāo)題欄是必須存在的界阁，高度分別是40px和88px侯繁，導(dǎo)航欄根據(jù)頁(yè)面需要而存在，一般一個(gè)app的一級(jí)頁(yè)面會(huì)有一個(gè)切換的導(dǎo)航欄泡躯，如下圖贮竟，是微信兩個(gè)不同版本的截圖頁(yè)面丽焊，導(dǎo)航欄的高度由98px調(diào)整為112px，我想可能是為了適應(yīng)蘋(píng)果手機(jī)屏幕越來(lái)越大而做的調(diào)整坝锰，避免導(dǎo)航欄權(quán)重太小粹懒。
（二）內(nèi)容布局
一套UI界面通常會(huì)定一個(gè)基準(zhǔn)的頁(yè)面距，一般是20px顷级、24px凫乖、30px、32px等弓颈，可以根據(jù)自己的布局進(jìn)行設(shè)定帽芽。內(nèi)容信息比較多的app，就選擇稍微小一點(diǎn)的頁(yè)面距翔冀，使中間內(nèi)容區(qū)域能放更多內(nèi)容导街，但是太小會(huì)使頁(yè)面看起來(lái)很擁擠，所以最好是選擇20px以上的頁(yè)邊距纤子，通常使用比較多的是30px搬瑰，一個(gè)比較適中舒適的間距。
寫(xiě)一篇干貨需要找案例和設(shè)計(jì)案例控硼，比較耗費(fèi)時(shí)間泽论，下一篇再繼續(xù)往后寫(xiě)“UI界面中的內(nèi)容布局常見(jiàn)的有列表式、卡片式和圖標(biāo)排列的布局”卡乾。
