嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片

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.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計

日歷

鏈接

個人資料

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

存檔

嫩草影院久久99_老司机午夜网站国内精品久久久久久久久_久久夜色精品国产_国产一级做a爰片久久毛片
<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 国产精品久久久久久久久久妞妞| 欧美日韩国产一区二区| 欧美一区二视频| 欧美高清视频在线| 伊人狠狠色j香婷婷综合| 亚洲一区二区三区三| 亚洲第一中文字幕| 欧美一级视频精品观看| 亚洲欧洲日产国码二区| 欧美在线免费看| 国产欧美视频一区二区| 亚洲欧美日韩一区在线观看| 亚洲人成精品久久久久| 欧美成人激情视频免费观看| 亚洲福利电影| 欧美777四色影视在线| 久久精品成人| 韩国久久久久| 久久久人成影片一区二区三区观看| 欧美一级一区| 国产一区二区在线观看免费播放| 欧美影院成年免费版| 亚洲欧美国产视频| 国产精品久久网站| 欧美在线视频观看免费网站| 午夜视频在线观看一区二区三区| 国产伦精品一区二区三| 欧美尤物一区| 久久精品免费播放| 极品尤物久久久av免费看| 久热精品视频在线| 麻豆亚洲精品| 在线视频你懂得一区二区三区| 日韩图片一区| 国产无遮挡一区二区三区毛片日本| 久久婷婷蜜乳一本欲蜜臀| 久久五月激情| 91久久精品一区| 亚洲美女在线视频| 欧美系列精品| 久久免费视频在线| 欧美国产高潮xxxx1819| avtt综合网| 亚洲制服欧美中文字幕中文字幕| 国一区二区在线观看| 欧美国产日本在线| 欧美日韩理论| 久久精品国产一区二区三区| 久久中文字幕导航| 亚洲一区二三| 久久久久久久综合狠狠综合| 亚洲精品专区| 亚洲一区二区三区成人在线视频精品| 国产午夜精品在线观看| 亚洲福利专区| 国产精品日韩欧美一区| 欧美国产精品劲爆| 国产欧美精品一区二区色综合| 老色鬼久久亚洲一区二区 | 欧美一区二区在线免费观看| 亚洲国产成人精品久久| 一本一本a久久| 伊人久久婷婷| 亚洲综合精品四区| 亚洲精品免费在线播放| 欧美亚洲三区| 在线视频精品一区| 欧美成人情趣视频| 久久激情五月激情| 欧美三级视频| 亚洲国产你懂的| 精品91在线| 亚洲综合精品自拍| 亚洲欧洲日本一区二区三区| 欧美一区二区性| 亚洲亚洲精品三区日韩精品在线视频| 久久噜噜噜精品国产亚洲综合| 午夜欧美理论片| 欧美日韩一区二区三区高清| 亚洲国产一成人久久精品| 国内激情久久| 欧美中文字幕视频| 欧美一区三区二区在线观看| 国产精品极品美女粉嫩高清在线| 亚洲欧洲中文日韩久久av乱码| 在线观看日韩国产| 欧美在线视频一区二区| 亚洲欧美视频一区二区三区| 欧美精品一区二区在线播放| 亚洲福利在线视频| 亚洲人成毛片在线播放| 久久免费精品视频| 玖玖视频精品| 精久久久久久| 美日韩精品免费观看视频| 久久夜色撩人精品| 国内久久精品视频| 欧美在线不卡| 美女久久一区| 亚洲黄一区二区| 欧美大片第1页| 亚洲片国产一区一级在线观看| 亚洲欧洲久久| 欧美天天影院| 亚洲一区影音先锋| 欧美一区二区三区视频| 国产亚洲人成a一在线v站| 久久精品官网| 欧美大尺度在线观看| 亚洲国产精品激情在线观看| 免费欧美日韩| av成人黄色| 欧美一区三区二区在线观看| 国产亚洲美州欧州综合国| 欧美一区二区精品| 欧美gay视频激情| 亚洲毛片视频| 国产精品a久久久久| 亚洲欧美中文日韩v在线观看| 久久久亚洲一区| 亚洲日韩欧美视频| 欧美日韩一区二区三区在线| 亚洲天堂男人| 久久久最新网址| 亚洲精品少妇| 国产九区一区在线| 久久久久.com| 亚洲精选中文字幕| 久久精品99国产精品日本| 久久野战av| 亚洲色诱最新| 欧美成人首页| 欧美一区二区福利在线| 亚洲国产欧美一区二区三区久久| 欧美日韩高清区| 久久国产精品99国产精| 亚洲精品在线观| 久久久99久久精品女同性| 亚洲美女在线视频| 国产精品影视天天线| 欧美freesex交免费视频| 亚洲一区影音先锋| 亚洲精品视频一区| 美腿丝袜亚洲色图| 午夜精品福利电影| 亚洲美女视频在线观看| 国产夜色精品一区二区av| 欧美激情视频给我| 久久久久久**毛片大全| 正在播放亚洲| 亚洲国产成人精品久久久国产成人一区| 亚洲欧洲99久久| 亚洲毛片av在线| 亚洲国产欧美一区二区三区同亚洲| 国产精品免费看久久久香蕉| 欧美www在线| 久久天天躁夜夜躁狠狠躁2022| 亚洲网站在线看| 日韩天天综合| 亚洲黄色成人网| 美女视频黄免费的久久| 久久精品综合网| 欧美在线视频观看免费网站| 亚洲一区二区三区四区视频 | 亚洲一区中文| 亚洲国产精品一区二区第四页av | 亚洲四色影视在线观看| 亚洲人成啪啪网站| 国产综合色在线| 国产欧美日韩在线观看| 国产精品看片资源| 欧美日韩免费一区二区三区视频| 欧美+日本+国产+在线a∨观看| 久久动漫亚洲| 久久不射中文字幕| 欧美在线在线| 欧美一级片在线播放| 性色一区二区三区| 亚洲欧美日本精品| 西西裸体人体做爰大胆久久久| 一区二区高清在线| 一本色道久久综合精品竹菊| 99国产一区| 亚洲线精品一区二区三区八戒| 中文亚洲字幕| 香蕉久久精品日日躁夜夜躁| 一二三四社区欧美黄| 中文精品视频一区二区在线观看| 一区二区三区日韩在线观看| 亚洲视频一区二区| 亚洲欧美美女| 欧美一区国产一区| 久久精品视频va| 欧美国产一区二区| 欧美天天视频| 国语自产精品视频在线看抢先版结局| 国模精品娜娜一二三区| 久久婷婷久久| 欧美午夜不卡在线观看免费 | 亚洲精品你懂的|