app設計的基礎認識

2022-11-14    分類: App設計

u=640954131,351419100&fm=173&app=25&f=JPEG.jpg

近年來移動端互聯網的快速發展促使著移動端應用軟件品質的飛速提升,同樣也催熟了一項工作:UI設計

簡單的說UI設計就是針對屏幕上交互界面外觀進行設計。比如手機app界面,ATM機操作界面,網頁界面等。那么設計一款app有哪些基礎知識呢?

1:構成

app一般由三個最基礎區域構成,分別是狀態欄,導航欄,菜單欄,而剩下中間的空白部分就是內容欄。

u=870458102,1918214913&fm=173&app=25&f=JPEG.jpg

2:設計尺寸

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

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

控件尺寸(推薦):ios狀態欄40、導航欄88、菜單欄98。安卓狀態欄50,導航欄96標簽欄(安卓可以推薦使用112,因為有些app使用這個尺寸,當然使用98等等都沒問題這個不是確定的)。

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

u=2478748523,2062664751&fm=173&app=25&f=JPEG.jpg

3:內容設計

在設計完app的狀態欄、導航欄、菜單欄的尺寸后,中間剩下來的一部分就是內容區域,我們就可以發揮自己的能力為其填充內容。

小知識

如果ios設計稿要調成安卓的,只要調整畫布大小,將狀態欄和導航欄尺寸調為安卓的。再調整好安全區域,內容欄不用改,因為內容欄右側是橫向自動填滿的。底部標簽欄安卓可以推薦使用112,因為有些app使用這個尺寸,當然使用98等等都沒問題這個不是確定的。

網上有很多關于設計規范寫的很玄乎的文章,不建議去看,新手很容易迷戀規范。如果沒有確切的規則告訴他便會覺的自己專不專業,懷疑自己做得不規范。正確的做法是把心思放在界面設計上,這才是個正確的學習方法

說到規范 ,安卓系統是不推薦使用底部的標簽欄的,因為安卓底部有導航鍵返回鍵菜單鍵等,放在一起會非常突兀(當然現在有些安卓機在逐步取消這三個鍵或者是變成手機的觸摸按鈕)。

u=3280586540,3682550048&fm=173&app=25&f=JPEG.jpg

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

網站標題:app設計的基礎認識
網頁URL:http://m.kartarina.com/news47/213547.html

網站建設、網絡推廣公司-創新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有App設計

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

成都網站建設
主站蜘蛛池模板: 久久亚洲精品中文字幕无码| 97无码免费人妻超级碰碰碰碰| 国产成人午夜无码电影在线观看| 亚洲AV无码成人精品区天堂| 日韩精品人妻系列无码专区免费 | 国产乱子伦精品无码专区| 无码日韩人妻AV一区免费l| 无码人妻AⅤ一区二区三区| 亚洲a∨无码精品色午夜| 亚洲AV综合色区无码另类小说| 无码人妻精品一二三区免费 | 精品无码三级在线观看视频| 久久久无码精品亚洲日韩京东传媒| 亚洲Av无码国产情品久久 | 日韩丰满少妇无码内射| 国产无码网页在线观看| 特级无码a级毛片特黄| 亚洲精品无码久久久久牙蜜区| 亚洲日韩精品一区二区三区无码| 一级电影在线播放无码| 亚洲人成人伊人成综合网无码| 亚洲av无码乱码国产精品| 熟妇人妻中文a∨无码| 亚洲中文字幕无码专区| 亚洲中文字幕无码爆乳av中文| 国产精品亚洲专区无码唯爱网| av区无码字幕中文色| 久久国产亚洲精品无码| 亚洲av无码电影网| 亚洲av永久无码精品三区在线4| 无码精品人妻一区二区三区人妻斩| 免费一区二区无码东京热| 天堂Aⅴ无码一区二区三区| 久久无码一区二区三区少妇| 久久亚洲av无码精品浪潮| 精品人妻中文无码AV在线 | 无码人妻一区二区三区免费n鬼沢| 中文字幕丰满乱孑伦无码专区| 免费无码又爽又刺激一高潮| 无码专区狠狠躁躁天天躁 | 亚洲另类无码一区二区三区|