成人久久久久久久久久I天天干天天拍天天操I国产电影一区二区三区四区I久久视频免费观看I亚洲.wwwIav资源网在线播放I免费看网站在线I黄色精品久久久

操操碰,亚洲一区日韩,成人av网站在线播放

UI設(shè)計(jì)切圖規(guī)范總結(jié)

王曉龍 2018-03-01 8261 次

看到過這么一句話:“移動(dòng)UI設(shè)計(jì)切圖是UI設(shè)計(jì)師最重要的設(shè)計(jì)輸出物,切圖資源輸出是否規(guī)范直接影響到工程師對(duì)設(shè)計(jì)效果的還原度。”設(shè)計(jì)師的切圖輸出是體現(xiàn)一個(gè)設(shè)計(jì)師專業(yè)水準(zhǔn)的重要標(biāo)準(zhǔn),同時(shí)也是設(shè)計(jì)師表達(dá)自己對(duì)設(shè)計(jì)態(tài)度的最有力的語言。合適、精準(zhǔn)的切圖可以最大限度的還原設(shè)計(jì)圖,其次完整規(guī)范的切圖標(biāo)注會(huì)極大的提升團(tuán)隊(duì)的工作效率。在不同的崗位協(xié)作之間,交流不明白的地方就會(huì)有誤差。之前因?yàn)榍袌D標(biāo)注的問題造成了一些無法百分百還原設(shè)計(jì)圖的相關(guān)問題,所以一直想對(duì)切圖規(guī)范做一些總結(jié),搜集了許多資料:

 

切圖原則


 1.   切圖資源尺寸必須為雙數(shù)

2.    圖標(biāo)切圖輸出應(yīng)根據(jù)標(biāo)準(zhǔn)尺寸輸出,并且考慮手機(jī)適配

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

4.   可點(diǎn)擊部件應(yīng)當(dāng)注意其點(diǎn)擊區(qū)域不小于88px

5.    可點(diǎn)擊部件要把相關(guān)狀態(tài)都切圖輸出,比如正常狀態(tài)、點(diǎn)擊狀態(tài)。

 

Ios和Android圖標(biāo)應(yīng)用命名的區(qū)分

 

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

1.png

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

2.png

3.   Android.9切圖(.9基于java環(huán)境運(yùn)行)

3.png

 

Icon圖標(biāo)素材等命名規(guī)范

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

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

3.但blue_button(正確)

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

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

6.使用相關(guān)的英文單詞是最好的方法。

 

 

WxIOEQ0wMaWzeKphgHj6.png

 

 


掃二維碼關(guān)注諾千科技
  • 安徽諾千科技有限公司
  • 19909697910 / 15656989941
  • 0551-65285599 / 0551-65428099
  • 330592165
  • http://www.sddysl.com/
  • 地址:安徽省合肥市高新區(qū)創(chuàng)新大道2700號(hào)路歌大廈A座6樓
關(guān)鍵詞   UI設(shè)計(jì) APPUI設(shè)計(jì) APP設(shè)計(jì)規(guī)范
分享 0

免費(fèi)咨詢

CONTACT NUOQIAN

如果你認(rèn)同“術(shù)業(yè)有專攻”的理念,請(qǐng)給我們留言,告知你的需求,
我們會(huì)提供專業(yè)的互聯(lián)網(wǎng)解決方案。

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




您也可以直接咨詢

15148978978  /  15148978978  /  15148978978