文章主要是和大家分析如何更好更專業(yè)的去命名及輸出。

我們?cè)谧鲈O(shè)計(jì)的時(shí)候，經(jīng)常接觸到各種文件命名及各種元素命名，有個(gè)良好的命名習(xí)慣能給我們工作帶來(lái)極大的便當(dāng)，設(shè)計(jì)師之間合作，需要有統(tǒng)一的命名規(guī)范及輸出規(guī)范，這樣才能保證設(shè)計(jì)師之間合作一個(gè)項(xiàng)目命名不會(huì)混亂，同時(shí)輸出資源給開(kāi)發(fā)能表現(xiàn)我們的專業(yè)性，如果前期命名好了，后期開(kāi)發(fā)直接調(diào)用資源，就不再需要重新去命名，這樣節(jié)省了開(kāi)發(fā)兄弟時(shí)間。

這篇文章主要是和大家交流如何更好更專業(yè)的去命名及輸出。由于本身做的項(xiàng)目不能作為分享例子，所以下面我用虛擬概念項(xiàng)目來(lái)舉例說(shuō)明。

項(xiàng)目文件夾命名規(guī)則

當(dāng)我們做一個(gè)新項(xiàng)目的時(shí)候，需要提前把所需工具準(zhǔn)備好，好比建立文件夾系統(tǒng)，來(lái)存放我們Project resources。

如上圖就是我平時(shí)做項(xiàng)目時(shí)候的文件夾，當(dāng)然辦事器上也是同樣文件夾，每天都會(huì)更新內(nèi)容上去到，各自負(fù)責(zé)的內(nèi)容模塊就根據(jù)需求往里面放內(nèi)容，然后群里通知大家，每個(gè)迭代需求里面都有同樣的文件夾，當(dāng)然并不是每次迭代文件夾都是填滿的，有時(shí)候會(huì)增加一些內(nèi)容進(jìn)來(lái)，但是大標(biāo)的目的就是這樣走，堅(jiān)持下去然后養(yǎng)成習(xí)慣。

設(shè)計(jì)中畫(huà)板的命名

每個(gè)Artboard的命名都有規(guī)則有條理，不能隨意的命名，如果多個(gè)設(shè)計(jì)師合作，，那么這樣能保證大家命名風(fēng)格統(tǒng)一。

圖 1 : 大家看了會(huì)有什么感想，如果你把這個(gè)設(shè)計(jì)稿交互給你的合作同事，那么他會(huì)瓦解的，且輸出評(píng)審的時(shí)候，也顯得非常不專業(yè)。

圖2:清晰的場(chǎng)景命名便利設(shè)計(jì)輸出，設(shè)計(jì)師之間協(xié)同工作，及便利后期測(cè)試用例填寫(xiě)。

命名大原則：產(chǎn)品模塊_場(chǎng)景_二級(jí)場(chǎng)景_狀態(tài)

模塊：指的是產(chǎn)品名稱，好比視頻，音樂(lè)，閱讀。如果一個(gè)企業(yè)有多個(gè)產(chǎn)品，那么加上這個(gè)是必需的，便利日后歸檔。

場(chǎng)景和二級(jí)場(chǎng)景：一般指一個(gè)app一級(jí)頁(yè)面和二級(jí)頁(yè)面，一級(jí)場(chǎng)景一般都是主頁(yè)。

狀態(tài)：好比popup ／totast等等。

功能模塊命名

一個(gè)產(chǎn)品是由多個(gè)功能模塊組成的，那么為了我們?cè)O(shè)計(jì)便利，我會(huì)在sketch里面建立多個(gè)Pages規(guī)整這些模塊。

這里我說(shuō)下臨時(shí)過(guò)程稿，主要是有些方案如果領(lǐng)導(dǎo)當(dāng)時(shí)覺(jué)得欠好，不要?jiǎng)h掉，把他放在這里面，以備時(shí)時(shí)之需。當(dāng)然如果本身都覺(jué)得欠好，那就直接Delete吧。

ICON命名

ICON命名要求極為嚴(yán)格，涉及到我們切圖給開(kāi)發(fā)，所以我們命名爭(zhēng)取做對(duì)，且需嚴(yán)格遵守規(guī)則，那么我們?cè)撊绾稳ッ?/p>

這里我先說(shuō)一些禁忌（安卓）

命名里面切記誤帶空格；如btn?_Home_new album。不允許帶后綴數(shù)字；如@1，@2，@3的后綴不允許出現(xiàn)，我發(fā)現(xiàn)好多設(shè)計(jì)師都這樣做，這個(gè)絕對(duì)不尺度；如btn_home_add@2,開(kāi)發(fā)拿到資源會(huì)全部重新命名。如果我們遵守開(kāi)發(fā)規(guī)則，那么切圖資源他們可直接調(diào)用。命名里面不允許夾帶大小寫(xiě)；如icon?_Home_search。

因?yàn)榘沧块_(kāi)發(fā)用java去寫(xiě)編寫(xiě)的，java自己就有命名要求， 有空格資源是無(wú)法識(shí)另外。也不允許有大小寫(xiě)，除非是java自己文件。不允許有數(shù)字，可用字母去代替數(shù)字。

設(shè)計(jì)中的組的命名

如果本身團(tuán)隊(duì)有完整的設(shè)計(jì)系統(tǒng)，那么很好，直接調(diào)用控件。如果沒(méi)有這樣完整設(shè)計(jì)系統(tǒng)，那么我們就得本身嚴(yán)格要求本身，把每個(gè)頁(yè)面的控件樣式命名清晰易懂。

各平臺(tái)開(kāi)發(fā)都是由控件堆疊而成的，所以我們需熟悉我們所用的控件，然后直接用控件命名組。

Layer命名

圖層命名也需要掌握其中的技巧，掌握規(guī)律，文本用text,控件就用控件來(lái)命名如分割線（section divide）,彈窗（popupup）,列表（list），圖片（image）,下拉列表（spinner）,banner,loadingpage,bution,checkbox,radiobution等等，這里制止直接使用group命名,這樣顯得非常隨意。

資源輸出大原則

切圖資源輸出是非常重要的一個(gè)環(huán)節(jié)，我們必需細(xì)心，且有一套好的方法，下面我來(lái)介紹下我目前使用的方法。

目前我們所切的就三套圖，別離是4倍，3倍和2倍，目前1倍圖手機(jī)基本快淘汰了，所以忽略。（設(shè)計(jì)稿直接用的2k屏設(shè)計(jì)的）。

把所有頁(yè)面的icon都放在一個(gè)畫(huà)板里面。共用的選出來(lái)，放在一起，單獨(dú)輸出一個(gè)文件夾。其他的切圖對(duì)應(yīng)的可以直接擺列好，然后輸出到三個(gè)目錄。

標(biāo)簽：林芝 鹽城 九江 烏魯木齊 東營(yíng)