首先,筆者是站立在開發者的角度來看UI設計的,歡迎專業人士提供指導,不多說,來看怎么把UI設計和開發高效結合起來~
一、約定APP開發中的一些規則
1、大部分圖標滿足HDPI(高清)即可,比如:大眾點評首頁的右上角圖標,尺寸大致在48*48px左右
2、一般提供1280*720px的尺寸即可,最常見的適配模式
3、還有種圖標,很多界面復用且圖標中等偏大(80px及以上左右),他們在常規手機、平板,小尺寸手機上面需要適配,所以需要多種尺寸的圖標,如:微信底部的tab菜單圖標,一般設計的尺寸要3套,HDPI、XHDPI、XXHDPI
4、點九格式圖片,這個對於規則且對稱性較好的按鈕,圖標最實用,解決了只需要做一套即可兼容各個尺寸的問題,比如:微信的聊天界面的聊天氣泡,看一個效果(可以無限拉伸,解決屏幕適配的問題,不過也局限拉伸區域只能填充一種顏色,不規則的不適用):
學習鏈接:http://www.ui.cn/detail/48906.html
5、一般圖標均需要壓縮,若PS設計,需要導出web格式的png最好,手機存儲空間是很寶貴的。一般情況下小圖標幾百字節到10KB左右。
6、命名方式:一般背景圖片以bg_+[模塊或功能英文],一般圖標命名:ic_+[模塊或功能英文] ,其余的命名方式:[模塊或功能英文]。有一個好的借鑒方式:把大眾點評的apk下載到電腦,把后綴apk改為zip,然后解壓縮,找到目錄:~\dazhongdianping_9201\res\drawable-hdpi-v4查看
7、設計出結果的文件存放位置:效果圖分一個單獨文件存放;圖標可以單獨一個文件夾存放(若圖標較多,則分類HDPI、XHDPI、XXHDPI存儲),方便研發同事更新。
