久久国产精品视频-麻豆av电影-天天看天天操-婷婷精品视频-精品成人一区二区-韩国精品久久久-女尊高h男高潮呻吟-av在线播放一区-av在线资源观看-亚洲欧美日韩国产一区二区-91色九色-欧美国产一二三区-av番号在线-国产人成午夜免电影费观看-狠狠操 av

色mm亚洲,精品久久一二三区,欧美精品成人在线

UI設計切圖規范總結

王曉龍 2018-03-01 7678 次

看到過這么一句話:“移動UI設計切圖是UI設計師最重要的設計輸出物,切圖資源輸出是否規范直接影響到工程師對設計效果的還原度。”設計師的切圖輸出是體現一個設計師專業水準的重要標準,同時也是設計師表達自己對設計態度的最有力的語言。合適、精準的切圖可以最大限度的還原設計圖,其次完整規范的切圖標注會極大的提升團隊的工作效率。在不同的崗位協作之間,交流不明白的地方就會有誤差。之前因為切圖標注的問題造成了一些無法百分百還原設計圖的相關問題,所以一直想對切圖規范做一些總結,搜集了許多資料:

 

切圖原則


 1.   切圖資源尺寸必須為雙數

2.    圖標切圖輸出應根據標準尺寸輸出,并且考慮手機適配

3.   為了提升APP使用速度,盡量降低圖片文件大小

4.   可點擊部件應當注意其點擊區域不小于88px

5.    可點擊部件要把相關狀態都切圖輸出,比如正常狀態、點擊狀態。

 

Ios和Android圖標應用命名的區分

 

1.   Ios以一倍兩倍三倍切圖(@1X,@2X,@3X命名)(現基本只需要兩倍和三倍的切圖)

1.png

2.   Android是以drawable-hdpi drawable-mdpi drawable-xhdpi drawable-xxhdpi drawable-xxxhdpi文件夾來命名,(切圖可以是一套也可以是多套,視安卓開發工程師情況而定)

2.png

3.   Android.9切圖(.9基于java環境運行)

3.png

 

Icon圖標素材等命名規范

1.不可以使用中文命名    例: 藍色按鈕.png(錯)

2.不可以使用字母鏈接符   例:blue-button(錯)

3.但blue_button(正確)

4.可以使用純數字(開發工程師不易識別)

5.可以用拼音,(英文不好的時候可使用)

6.使用相關的英文單詞是最好的方法。

 

 

WxIOEQ0wMaWzeKphgHj6.png

 

 


掃二維碼關注諾千科技
  • 安徽諾千科技有限公司
  • 19909697910 / 15656989941
  • 0551-65285599 / 0551-65428099
  • 330592165
  • http://www.fscomfort.com.cn/
  • 地址:安徽省合肥市高新區創新大道2700號路歌大廈A座6樓
關鍵詞   UI設計 APPUI設計 APP設計規范
分享 0

免費咨詢

CONTACT NUOQIAN

如果你認同“術業有專攻”的理念,請給我們留言,告知你的需求,
我們會提供專業的互聯網解決方案。

您可提交您的疑問或直接咨詢~




您也可以直接咨詢

15148978978  /  15148978978  /  15148978978