近年來移動端互聯(lián)網(wǎng)的快速發(fā)展促使著移動端應(yīng)用軟件品質(zhì)的飛速提升，同樣也催熟了一項工作：UI設(shè)計。

簡單的說UI設(shè)計就是針對屏幕上交互界面外觀進行設(shè)計。比如手機app界面，ATM機操作界面，網(wǎng)頁界面等。那么設(shè)計一款app有哪些基礎(chǔ)知識呢？

1：構(gòu)成

app一般由三個最基礎(chǔ)區(qū)域構(gòu)成，分別是狀態(tài)欄，導(dǎo)航欄，菜單欄，而剩下中間的空白部分就是內(nèi)容欄。

2：設(shè)計尺寸

因為不同的手機，其尺寸都是不同的，所以在選擇app設(shè)計的尺寸時，我們好選擇一個常用的兼容性更好的尺寸。

推薦750×1334（Ip6 7 8手機分辨率尺寸 最常用）也可使用安卓推薦設(shè)計尺寸720×1280。

控件尺寸（推薦）：ios狀態(tài)欄40、導(dǎo)航欄88、菜單欄98。安卓狀態(tài)欄50，導(dǎo)航欄96標(biāo)簽欄（安卓可以推薦使用112，因為有些app使用這個尺寸，當(dāng)然使用98等等都沒問題這個不是確定的）。

關(guān)于內(nèi)容欄的設(shè)計有一點需要注意的是其左右兩側(cè)留出安全尺寸，它的作用是讓app看起來不至于顯得太擁擠。其設(shè)計尺寸一般最少為20像素，但是做成26，30也是沒問題的。

3：內(nèi)容設(shè)計

在設(shè)計完app的狀態(tài)欄、導(dǎo)航欄、菜單欄的尺寸后，中間剩下來的一部分就是內(nèi)容區(qū)域，我們就可以發(fā)揮自己的能力為其填充內(nèi)容。

小知識

如果ios設(shè)計稿要調(diào)成安卓的，只要調(diào)整畫布大小，將狀態(tài)欄和導(dǎo)航欄尺寸調(diào)為安卓的。再調(diào)整好安全區(qū)域，內(nèi)容欄不用改，因為內(nèi)容欄右側(cè)是橫向自動填滿的。底部標(biāo)簽欄安卓可以推薦使用112，因為有些app使用這個尺寸，當(dāng)然使用98等等都沒問題這個不是確定的。

網(wǎng)上有很多關(guān)于設(shè)計規(guī)范寫的很玄乎的文章，不建議去看，新手很容易迷戀規(guī)范。如果沒有確切的規(guī)則告訴他便會覺的自己專不專業(yè)，懷疑自己做得不規(guī)范。正確的做法是把心思放在界面設(shè)計上，這才是個正確的學(xué)習(xí)方法

說到規(guī)范 ，安卓系統(tǒng)是不推薦使用底部的標(biāo)簽欄的，因為安卓底部有導(dǎo)航鍵返回鍵菜單鍵等，放在一起會非常突兀（當(dāng)然現(xiàn)在有些安卓機在逐步取消這三個鍵或者是變成手機的觸摸按鈕）。

安卓推薦的設(shè)計模式是在導(dǎo)航欄左側(cè)設(shè)置幾根線，點一下左側(cè)彈出側(cè)邊欄。但是像QQ 微信都是做了標(biāo)簽欄在下面，有人便會覺得不專業(yè)。規(guī)范只是系統(tǒng)設(shè)計推薦的模式，而我們設(shè)計一套app，安卓與ios版本好是相同的界面，因為假如本來習(xí)慣于蘋果手機，突然去使用安卓發(fā)現(xiàn)操作界面完全不一樣，這樣會增加用戶學(xué)習(xí)成本，對于一個軟件來說用戶體驗不一定會好。微信以前也嘗試過側(cè)邊欄設(shè)計，但最后還是改回來了。這些app最后還是保證安卓和ios設(shè)計的統(tǒng)一性。所以說不同的系統(tǒng)有他不同的規(guī)范，但是不要過分刻意的迷信。還是要根據(jù)設(shè)計的需求和一些具體情況去看待這個問題。

網(wǎng)站標(biāo)題：app設(shè)計的基礎(chǔ)認(rèn)識
網(wǎng)頁URL：http://www.aaarwkj.com/news47/213547.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營銷seo公司；服務(wù)項目有App設(shè)計等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)