2022-11-14 分類: App設(shè)計(jì)
近年來(lái)移動(dòng)端互聯(lián)網(wǎng)的快速發(fā)展促使著移動(dòng)端應(yīng)用軟件品質(zhì)的飛速提升,同樣也催熟了一項(xiàng)工作:UI設(shè)計(jì)。
簡(jiǎn)單的說(shuō)UI設(shè)計(jì)就是針對(duì)屏幕上交互界面外觀進(jìn)行設(shè)計(jì)。比如手機(jī)app界面,ATM機(jī)操作界面,網(wǎng)頁(yè)界面等。那么設(shè)計(jì)一款app有哪些基礎(chǔ)知識(shí)呢?
1:構(gòu)成
app一般由三個(gè)最基礎(chǔ)區(qū)域構(gòu)成,分別是狀態(tài)欄,導(dǎo)航欄,菜單欄,而剩下中間的空白部分就是內(nèi)容欄。
2:設(shè)計(jì)尺寸
因?yàn)椴煌氖謾C(jī),其尺寸都是不同的,所以在選擇app設(shè)計(jì)的尺寸時(shí),我們好選擇一個(gè)常用的兼容性更好的尺寸。
推薦750×1334(Ip6 7 8手機(jī)分辨率尺寸 最常用)也可使用安卓推薦設(shè)計(jì)尺寸720×1280。
控件尺寸(推薦):ios狀態(tài)欄40、導(dǎo)航欄88、菜單欄98。安卓狀態(tài)欄50,導(dǎo)航欄96標(biāo)簽欄(安卓可以推薦使用112,因?yàn)橛行゛pp使用這個(gè)尺寸,當(dāng)然使用98等等都沒問題這個(gè)不是確定的)。
關(guān)于內(nèi)容欄的設(shè)計(jì)有一點(diǎn)需要注意的是其左右兩側(cè)留出安全尺寸,它的作用是讓app看起來(lái)不至于顯得太擁擠。其設(shè)計(jì)尺寸一般最少為20像素,但是做成26,30也是沒問題的。
3:內(nèi)容設(shè)計(jì)
在設(shè)計(jì)完app的狀態(tài)欄、導(dǎo)航欄、菜單欄的尺寸后,中間剩下來(lái)的一部分就是內(nèi)容區(qū)域,我們就可以發(fā)揮自己的能力為其填充內(nèi)容。
小知識(shí)
如果ios設(shè)計(jì)稿要調(diào)成安卓的,只要調(diào)整畫布大小,將狀態(tài)欄和導(dǎo)航欄尺寸調(diào)為安卓的。再調(diào)整好安全區(qū)域,內(nèi)容欄不用改,因?yàn)閮?nèi)容欄右側(cè)是橫向自動(dòng)填滿的。底部標(biāo)簽欄安卓可以推薦使用112,因?yàn)橛行゛pp使用這個(gè)尺寸,當(dāng)然使用98等等都沒問題這個(gè)不是確定的。
網(wǎng)上有很多關(guān)于設(shè)計(jì)規(guī)范寫的很玄乎的文章,不建議去看,新手很容易迷戀規(guī)范。如果沒有確切的規(guī)則告訴他便會(huì)覺的自己專不專業(yè),懷疑自己做得不規(guī)范。正確的做法是把心思放在界面設(shè)計(jì)上,這才是個(gè)正確的學(xué)習(xí)方法
說(shuō)到規(guī)范 ,安卓系統(tǒng)是不推薦使用底部的標(biāo)簽欄的,因?yàn)榘沧康撞坑袑?dǎo)航鍵返回鍵菜單鍵等,放在一起會(huì)非常突兀(當(dāng)然現(xiàn)在有些安卓機(jī)在逐步取消這三個(gè)鍵或者是變成手機(jī)的觸摸按鈕)。
安卓推薦的設(shè)計(jì)模式是在導(dǎo)航欄左側(cè)設(shè)置幾根線,點(diǎn)一下左側(cè)彈出側(cè)邊欄。但是像QQ 微信都是做了標(biāo)簽欄在下面,有人便會(huì)覺得不專業(yè)。規(guī)范只是系統(tǒng)設(shè)計(jì)推薦的模式,而我們?cè)O(shè)計(jì)一套app,安卓與ios版本好是相同的界面,因?yàn)榧偃绫緛?lái)習(xí)慣于蘋果手機(jī),突然去使用安卓發(fā)現(xiàn)操作界面完全不一樣,這樣會(huì)增加用戶學(xué)習(xí)成本,對(duì)于一個(gè)軟件來(lái)說(shuō)用戶體驗(yàn)不一定會(huì)好。微信以前也嘗試過(guò)側(cè)邊欄設(shè)計(jì),但最后還是改回來(lái)了。這些app最后還是保證安卓和ios設(shè)計(jì)的統(tǒng)一性。所以說(shuō)不同的系統(tǒng)有他不同的規(guī)范,但是不要過(guò)分刻意的迷信。還是要根據(jù)設(shè)計(jì)的需求和一些具體情況去看待這個(gè)問題。
本文題目:app設(shè)計(jì)的基礎(chǔ)認(rèn)識(shí)
URL網(wǎng)址:http://redsoil1982.com.cn/news/213547.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有App設(shè)計(jì)等
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容