在线观看 国产-在线高清一级欧美精品-在线高清国产-在线福利视频-久久观看视频-久久观看

下載吧 - 綠色安全的游戲和軟件下載中心

軟件下載吧

當前位置:軟件下載吧 > 圖形圖象 > PHOTOSHOP > UI知識,UI設計切圖的命名規范

UI知識,UI設計切圖的命名規范

時間:2024-03-08 09:46作者:下載吧人氣:33

首先分享一個比較好用且快捷的切圖軟件.....................

Cutterman;

這是一個photoshop擴展功能切圖插件,它支持IOS、Android、WEB切圖,一鍵切圖,方便快捷。

它在Photoshop中是這個樣子的;

UI知識,UI設計切圖的命名規范

大家可以試一下,畢竟軟件只是工具,適合自己的軟件才是最好的。

好了,言歸正傳,下面開始分享切圖基本命名規范;

UI知識,UI設計切圖的命名規范

這是網易考拉海購的啟動頁,首先確定需要切圖的內容有幾塊,

1、啟動頁LOGO;

2、啟動頁背景;

3、登錄按鈕;

4、登錄的輸入框;

首先第一個啟動頁LOGO命名

UI知識,UI設計切圖的命名規范

命名規范是:login_logo.png(登錄LOGO)

第二個是啟動頁背景命名規范:login_bg.png(登錄背景)

第三個和第四個是登錄按鈕及輸入框

UI知識,UI設計切圖的命名規范

命名規范:login_btn.png(登錄的按鈕)

login_input.png(登錄輸入框)

UI知識,UI設計切圖的命名規范

這個界面中主要介紹三處命名規范:導航欄按鈕、菜單按鈕、主頁面icon

UI知識,UI設計切圖的命名規范

導航欄按鈕命名規范:nav_(能功描述).png

如:anv_menu.png/nav_menu_pre.png(統一按鈕選中前后的兩種狀態)

ps:同一區域按鈕切圖大小一致。

UI知識,UI設計切圖的命名規范

菜單按鈕命名規范:tab_(功能描述).png

如:tab_set.png/tab_set_pre.png

UI知識,UI設計切圖的命名規范

主頁面icon命名規范:Home_(功能屬性)_(描述).png

如:Home_icon_share.png

ps:描述可用英文或者拼間開頭字母組合

部分功能屬性簡寫:

按鈕:btn 按鈕文字:btntext 復選框:chb

背景:bg 單選框:rb 下拉:cbb

輸入:ip

UI知識,UI設計切圖的命名規范

列表頁命名規范:list_(功能屬性+描述).png

如:list_icon_like.png(我喜歡的)

UI知識,UI設計切圖的命名規范


可重復使用按鈕:btn_(功能屬性或色彩均可).png

如:btn_black.png(黑色按鈕)

標簽1300748129,UI知識,ps網頁設計,切圖命名,命名

相關下載

查看所有評論+

網友評論

網友
您的評論需要經過審核才能顯示

公眾號

主站蜘蛛池模板: 羞羞视频在线看 | 亚洲视频在线看 | 5月婷婷6月丁香 | 久久久久久久蜜桃 | 亚洲精品中文字幕不卡在线 | 亚洲一区二区精品推荐 | 久久蜜桃视频 | 国产福利一区视频 | 四虎永久网址 | 精品视频入口 | 色五阁 | 在线观看国产一区二区三区99 | 8mav福利视频 | 自拍偷拍免费 | 一区二区精品久久 | 国产一二三四区在线观看 | 亚洲五月七月丁香缴情 | 日本不卡视频一区二区三区 | 亚洲第一福利视频 | 午夜视频免费在线观看 | 男人的天堂精品国产一区 | 狠狠狠色丁香婷婷综合久久俺 | 亚洲国产午夜电影在线入口 | 中文免费视频 | 亚洲福利网址 | 羞羞视频网址 | 在线aa | 中文字幕亚洲欧美 | 亚洲国产精品一区二区首页 | 亚洲国产美女在线观看 | 国产高清国内精品福利99久久 | 四虎影院最新地址 | 丁香婷婷成人 | 妖精视频免费观看正片 | 亚洲男女网站 | 亚洲国产青草 | 福利一二区 | 在线播放 亚洲 | 日本a级免费 | 久久国产小视频 | 亚洲欧洲自拍 |