国产黄色免费网站_久久天天做天天爱综合色_精品国产一区久久久_成人黄色激情网站_久久成人在线视频_美女一区二区在线观看_亚洲精品免费一区亚洲精品免费精品一区 _91精品国产综合久久精品麻豆

UI中切圖與命名規范,收藏!

2019-3-14    用心設計

如果您想訂閱本博客內容,每天自動發到您的郵箱中, 請點這里

 

規范的命名方式可以提高開發人員的開發效率和整個開發團隊的友好合作,減少溝通成本。結合經驗與收錄的資料,分享給大家。

一. 切圖命名英文縮寫的三個要求


1.較短的單詞可通過去掉“元音”形成縮寫

2. 較長的單詞可取單詞的頭部幾個字母形成縮寫

3.還有一些特定的英文單詞縮寫


二. 命名規則


切圖命名以模塊為前綴,如:模塊_類別_功能_狀態.png


模塊:

登陸頁面(login) 公共(common) 需求a(need) 需求b(demand) 發現(discover) 消息(message)    我(me)


類別:

導航欄(nav) 菜單欄(tab) 按鈕(btn)  圖標(icon)  背景圖片(bg)  默認圖片(def)


狀態:

selected(選中) disabled(不可點) pressed(按下) normal(一般)


舉例說明:

IOS:

以750*1334為基稿設計,按實際項目開發為標準,需切出@2x和@3兩套圖,把在公共頁面中的導航欄里面有一個按鈕(40x60px)的選中狀態切圖,直接輸出的切圖為@2x圖,@2x的1.5倍圖為@3x。


輸出成果為:

common_nav_btn_back_s@2x.png(40x60)和common_nav_btn_back_s@3x.png(80x120);

意思為:公共_導航_按鈕_返回_選中


Android:

以720*1280為基稿設計,由于尺寸不同且多樣,需要切多套圖適配不同機器,分別為mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi,直接輸出的切圖為xhdpi;它們分別對應的倍數關系為1、1.5、2、3、4。


輸出成果為:

common_nav_btn_back_s_mdpi.png(20x30)、

common_nav_btn_back_s_hdpi.png(30x45)、

common_nav_btn_back_s_xhdpi.png(40x60)、

common_nav_btn_back_s_xxhdpi.png(60x90)、common_nav_btn_back_s_xxxhdpi.png(80x120);


命名示列:

啟動  (default):    

default.png   啟動圖片;

default_logo.png   啟動logo


登陸(login):

login_bg.png   登陸背景圖片

login_logo.png   登陸logo

login_input_n.png   輸入框

login_input_s.png   輸入框選中狀態

login_btn_n.png    登錄按鈕

login_btn_s.png    登錄按鈕選中狀態


注冊(register):

login_register_rb_n.png    單選框按鈕

login_register_rb_s.png    單選框按鈕選中狀態


導航欄(nav):

common_nav_btn_menu_n.png    菜單按鈕

common_nav_btn_menu_s.png    菜單按鈕選中狀態

common_nav_btn_back_n.png    返回按鈕

common_nav_btn_back_s.png    返回按鈕選中狀態

common_nav_btn_close_n.png    關閉按鈕

common_nav_btn_close_s.png    關閉按鈕選中狀態

common_nav_btn_eidt_n.png    編輯按鈕

common_nav_btn_eidt_s.png    編輯按鈕選中狀態

common_nav_btn_delete_n.png    刪除按鈕

common_nav_btn_delete_s.png    刪除按鈕選中狀態

common_nav_btn_message_n.png    消息按鈕

common_nav_btn_message_s.png    消息按鈕選中狀態

common_nav_btn_search_n.png    搜索按鈕

common_nav_btn_search_s.png    搜索按鈕選中狀態


列表(list):

hpcollege_list_collect.png    列表頁收藏按鈕


左側導航欄(leftbar):

leftbar_info.png     個人中心


菜單(tab):

common_tab_need_n.png     需求a按鈕

common_tab_need_s.png     需求a按鈕選中狀態

common_tab_find_n.png     發現按鈕

common_tab_find_s.png     發現按鈕選中狀態

common_tab_demand_n.png    需求b按鈕

common_tab_demand_s.png    需求b按鈕選中狀態

common_tab_me_n.png    我的按鈕

common_tab_me_s.png    我的按鈕選中狀態


首頁(home):

home_bg.png     首頁背景

home_banner.png     首頁廣告圖


點9圖(.9):

rounded rectangle.9.png    圓角矩形


常用詞語:

selected:選中/s

pressed:按下/pre

disabled:不可點/d

normal:正常/n

common:公共

default:登錄頁

discover:發現

message:消息

me:我

navigation  bar:導航欄/nav

tab:菜單欄

button:按鈕/btn

icon:圖標

background-image:背景圖片/bg

default-image:默認圖片/def

cut-off  rule:分割線/cor

login:登陸

register:注冊

list:列表

home:首頁

banner:廣告

browse:瀏覽

details:詳情

like:喜歡

dislike:不喜歡

search:搜索

content:內容

collect:收藏

eidt:編輯

comment:評論

message:提示信息/msg

ranked:排名

location:定位

tags:標簽

left:左

right:右

center:中

popup:彈出/pop

image:圖片/img

viedio:視頻/vd

audio:音頻/ad

title:標題/tit

address:地址/add

number:人數

time:時間

sustem:系統

refresh:刷新

user:用戶

more:更多

border:邊框

next:下一步

sign:簽到

code:密碼

clear:清除

scroll:滾動條

hover:鼠標停留

common:公共

hot:熱點

zoomin:放大

zoomout:縮小

service:服務

presonal  data:個人資料/Pdata

male:男性

female:女性

report:舉報

input:輸入/ip

dropdown  menu:下拉菜單/ddm

radio button:單選框/rb

check  box:復選框/cb

progressbar:進度條/pbar

download:下載

arrow:箭頭

share:分享

upload:上傳

release:發布

tabbar:標簽欄

autonym:實名

藍設計www.newchinaweekly.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

日歷

鏈接

個人資料

藍藍設計的小編 http://www.newchinaweekly.com

存檔

精品乱子伦一区二区| 精品久久久久久久久久久久| 亚洲欧美日韩电影| 欧美大片黄色| 999福利在线视频| 亚洲一二三区视频| 欧美aⅴ99久久黑人专区| 久久性天堂网| 久久精品一区四区| 欧美性高潮在线| av电影在线观看一区| **欧美大码日韩| 欧美高清性hdvideosex| 最新国产成人av网站网址麻豆| 欧美专区日韩视频| 欧美一区二区三区在线播放| 亚洲美免无码中文字幕在线| 中文字幕99页| 在线观看亚洲欧美| 中文字幕久热精品视频免费| 精品国产av一区二区| 国产麻豆精品一区二区三区v视界| а√最新版天堂中文在线| 99视频都是精品热在线播放| 中出在线观看| 成人一级视频| 精久久久久久| 国产欧美日韩麻豆91| 欧美视频在线不卡| 色综合视频一区中文字幕| av资源一区二区| 成人免费毛片播放| 久久精品www人人爽人人| 被男同事摸的水好多| 亚洲电影欧美电影有声小说| 自由日本语热亚洲人| 在线中文字幕亚洲| 91麻豆精东视频| 日韩视频一区二区三区在线播放 | 成人午夜激情网| 久青草视频在线播放| 免费看黄色av| 天天操天天干天天干| 在线播放三级网站| heyzo欧美激情| 国产一区视频导航| 6080国产精品一区二区| 日韩精品中文字幕一区二区三区| 久久免费国产视频| 国产女主播av| 疯狂试爱三2浴室激情视频| 国产精品成人av久久| 国产剧情在线一区| 欧美videos另类精品| 欧美激情综合色综合啪啪| 中文字幕在线观看一区| 综合网中文字幕| 一级一片免费播放| 91香蕉一区二区三区在线观看| 亚洲欧美另类色图| 性爱视频在线播放| 日韩视频一区二区三区在线播放免费观看| 亚洲精品免费播放| 97超碰色婷婷| 天天干天天爽天天射| 日韩久久久久久久久久| 91se在线观看| 久久不卡国产精品一区二区 | 一级全黄裸体免费视频| 在线视频中文字幕久| 美女网站一区| 一区视频在线播放| 亚州国产精品久久久| 国产情侣av自拍| 国产乱子伦精品无码码专区| 一不卡在线视频| 天天做天天爱天天综合网2021| 亚洲精品五月天| 久久久亚洲国产| 国产精品入口免费软件| www男人的天堂| 成人av免费| 日韩中文字幕区一区有砖一区 | 国产成人精品三级| 亚洲天堂av在线免费| 欧美在线观看视频免费| 中文字幕在线观看视频免费| 日韩精品视频无播放器在线看 | 欧美美女bb生活片| 日本免费一区二区三区| 精品小视频在线观看| 羞羞网www| 亚洲区综合中文字幕日日| 色婷婷狠狠综合| 精品视频在线观看| 伊人365影院| 日本aaa在线观看| 亚洲精品裸体| 亚洲成人久久电影| 欧美一乱一性一交一视频| 女同激情久久av久久| 四虎国产精品永久| 精品国产一级| 亚洲欧美日韩人成在线播放| 国产精品老牛影院在线观看| 新91视频在线观看| av网站免费观看| 欧美欧美全黄| 亚洲高清久久网| 99热自拍偷拍| 欧美高清3dfreexxxx性| jizz18欧美18| 色综合一区二区三区| 日产精品久久久一区二区| 无码人妻丰满熟妇精品区| av官网在线播放| 成人黄色a**站在线观看| 69av在线播放| 人与动物性xxxx| 久久91亚洲| 精品国产一级毛片| 4438成人网| 日韩欧美精品在线观看视频| 欧美另类色图| 久久不卡国产精品一区二区| 欧美精品三级日韩久久| 久久久亚洲精品无码| 多人欧美交性姿势| 午夜精品毛片| 亚洲开心激情网| 日韩av成人网| 传媒在线观看| 久久91精品国产91久久小草| 欧美亚洲国产视频小说| 欧美卡一卡二卡三| 亚洲大胆人体大胆做受1| 日本一区二区三区免费乱视频 | 亚洲男人天堂古典| 国产精品果冻传媒| 免费看成一片| 国产一区二区三区精品欧美日韩一区二区三区 | 亚洲影视在线| 欧美一级黄色网| 国产无遮挡aaa片爽爽| 亚洲区欧洲区| 亚洲欧洲日韩av| 中文网丁香综合网| 欧美黑人xxxxx性受| 欧美一区二区三区久久精品| 日韩在线观看网站| 日本激情视频一区二区三区| av网站大全在线| 亚洲免费电影在线| 成人小视频在线观看免费| 在线人成动漫视频在线观看| 亚洲人成免费| 国产aⅴ夜夜欢一区二区三区 | 国产啪精品视频| 国产情侣小视频| 一区视频网站| 国产视频一区在线| 中文字字幕码一二三区| 欧美xxxx黑人又粗又长| 午夜视频在线观看一区| 国产一区二区三区精彩视频| 久草在线在线视频| 成人免费视频一区| 欧美日韩国产精品一区二区| 欧美艾v福利视频在线观看| 亚洲福利久久| 国产精品免费视频久久久| 国产三级第一页| 成人精品中文字幕| 久久91亚洲人成电影网站| 日本亚洲欧美在线| 激情影院在线观看| 亚洲va中文字幕| 污版视频在线观看| 国产高清一级毛片在线不卡| 自拍偷拍亚洲激情| 成年人视频在线免费| 在线播放你懂的| 亚洲女人****多毛耸耸8| 欧美综合在线观看视频| 男男激情在线| 香蕉成人伊视频在线观看| 亚洲欧美在线精品| 福利在线播放| 色先锋资源久久综合| 精品伦一区二区三区| 欧美videosex性欧美黑吊| 91精品国产色综合久久ai换脸| 噜噜噜在线视频| 激情在线视频播放| 日韩欧美综合在线| 国产三级国产精品国产国在线观看| 亚洲1234区| 亚洲性猛交xxxxwww| 日本中文字幕第一页| 中文在线а√在线8|