ui切圖文件命名

⑶ ui點9切圖怎麼切

點九圖，是來Android開發中用到的一種源特殊格式的圖片，文件名以」.9.png「命名。這種圖片能告訴開發，圖像哪一部分可以被拉伸，哪一部分不能被拉伸需要保持原有比列。運用點九圖可以保證圖片在不模糊變形的前提下做到自適應。點九圖常用於對話框和聊天氣泡背景圖片中。
有很多種方式可以輸出.9.png，比如說用draw9patch.bat這個工具，或者用cutterman插件，再或者簡單一點，用photoshop直接輸出。

第一步，先輸出普通的png資源，用選區工具選取盡可能多的拉升部分加以刪除。
第二步，然後將這些內容拼接成一個完整的整體。
第三步，然後擴大畫布大小，上下左右各空出一個像素
第四步，再用一個像素的鉛筆工具（顏色選擇純黑色），上下左右分別畫點就可以了，保存的時候注意把後綴修改為.9.png。
這里需要特別注意以下2點：
1.最外邊的1px線段必須是純黑色，一點點的半透明的像素都不可以有，比如說99%的黑色或者是1%的投影都不可以有。(這1PX像素在程序最終輸出的效果中不會被顯示)

2.文件的後綴名必須是.9.png，不能是.png或者是.9.png.png，這樣的命名都會導致編譯失敗。

⑷ UI設計中的命名規范，你知道嗎

很多UI設計師對於“命名”是沒什麼概念的，他們都是隨隨便便地用一些沒有特定意思的字母去給頁面命名，其實這樣並不好，因為統一的、規范的命名對我們自己的文件整理有很大的幫助，後期修改文件、圖層的時候更加方便快捷，而且規范的命名也顯得我們自身比較專業。

而且，如果如果命名不統一，團隊之間的成員很難達成共識，任務交接時需要很大的學習成本。而更重要的是，有規范的命名可以極大的節省程序開發的時間成本，減少很多不必要的溝通與重復切圖的概率。程序員完全可以直接使用的我們切片而不更改切片的名稱，後期我們更換切圖，只要切片名稱不變，開發看都不用看直接替換就可以了。

1.所有命名全部為小寫英文字母

在程序員的代碼里只有小寫的英文字母，如果你給出的命名全是中文的，那麼他們是一定會更改的，所以命名全部用小寫的英文字母是最基本的規則。

有些人會覺得寫這么多英文太麻煩，但其實為了自己專業能力的提高，這種規范的命名方式是必須要經歷的過程，當你習慣了這樣的命名方式後，你的成就感會油然而生。

2.命名格式

一個大型項目會分很多模塊，每個模塊由不同的設計師來獨立完成，還有人會專門管理公共的組件，如tabbar、navbar等等，這種情況下就會分為兩種切圖，一種是通用類型的切圖，還有一種就是各個模塊特有的切圖。

通用切片命名格式：組件_類別_功能_狀態@2x.png

模塊特有切圖命名規則：模塊_類別_功能_狀態@2x.png

3.常用英文單詞表

如果所有命名都寫為全稱，名字就會特別長，所以我們可以將一些常用的英文單詞進行縮寫，減少工作成本與開發代碼資源。

以上就是小編關於UI設計中的命名規范的分享，希望對大家有所幫助，想要了解更多UI設計規范相關內容，請關注本平台，小編會做及時的整理並發布的，大家注意查看哦!

⑸ UI設計中的切圖是怎麼切

一鍵標記切圖，操作更快捷安裝藍湖插件之後，即可一鍵標記切圖，方便版快捷。
一鍵權上傳藍湖，自動共享給同事
將標記好切圖的設計圖一鍵上傳到藍湖，即可將設計圖跟切圖共享給你的同事，管理更科學。
無須逐一發送，你的同事就能在線查看、在線評審設計圖，還能自動標注和下載切圖。
一鍵下載切圖，支持多種設備
設計圖上傳到藍湖後，可以一鍵下載多頁面切圖，也可以下載單張設計圖內的切圖文件；
而且藍湖的切圖下載支持多種設備，
開發常用的 PNG、SVG、JPG、PDF、WebP 格式都有哦~
一鍵壓縮切圖，告別二次加工
藍湖支持一鍵壓縮切圖，能有效地縮小應用和網站的圖像大小，從而讓網站載入更快，用戶體驗更佳！
設計師和開發工程師從此告別切圖文件二次加工，再也不用一張張地壓縮切圖文件了。