Android開發怎麼讓本身的APP UI漂亮、大方(規範篇一)

首先,筆者是站立在開發者的角度來看UI設計的,歡迎專業人士提供指導,很少說,來看怎麼把UI設計和開發高效結合起來~html

1、約定APP開發中的一些規則web

一、大部分圖標知足HDPI(高清)便可,好比:大衆點評首頁的右上角圖標,尺寸大體在48*48px左右微信

二、通常提供1280*720px的尺寸便可,最多見的適配模式學習

三、還有種圖標,不少界面複用且圖標中等偏大(80px及以上左右),他們在常規手機、平板,小尺寸手機上面須要適配,因此須要多種尺寸的圖標,如:微信底部的tab菜單圖標,通常設計的尺寸要3套,HDPI、XHDPI、XXHDPIui

四、點九格式圖片,這個對於規則且對稱性較好的按鈕,圖標最實用,解決了只須要作一套便可兼容各個尺寸的問題,好比:微信的聊天界面的聊天氣泡,看一個效果(能夠無限拉伸,解決屏幕適配的問題,不過也侷限拉伸區域只能填充一種顏色,不規則的不適用):設計

學習連接:http://www.ui.cn/detail/48906.htmlhtm

五、通常圖標均須要壓縮,若PS設計,須要導出web格式的png最好,手機存儲空間是很寶貴的。通常狀況下小圖標幾百字節到10KB左右。blog

六、命名方式:通常背景圖片以bg_+[模塊或功能英文],通常圖標命名:ic_+[模塊或功能英文] ,其他的命名方式:[模塊或功能英文]。有一個好的借鑑方式:把大衆點評的apk下載到電腦,把後綴apk改成zip,而後解壓縮,找到目錄:~\dazhongdianping_9201\res\drawable-hdpi-v4查看圖片

 

七、設計出結果的文件存放位置:效果圖分一個單獨文件存放;圖標能夠單獨一個文件夾存放(若圖標較多,則分類HDPI、XHDPI、XXHDPI存儲),方便研發同事更新。ip

 

下一篇:Android開發怎麼讓本身的APP UI漂亮、大方(配色篇二)

相關文章
相關標籤/搜索