App設計中,如何更專業地管理設計命名系統? - 特级毛片www,色综合天天综合网,国产成人综合亚洲 - UISDC

App設計中,如何更專業地管理設計命名系統?

2017/08/24 8329評論區

Tony(作者)︰我們在做設計的時候,經常接觸到各種文件命名及各種元素命名,有個良好的命名習慣能給我們工作帶來極大的便利,設計師之間合作,需要有統一的命名規範及輸出規範,這樣才能保證設計師之間合作一個項目命名不會混亂,同時輸出資源給開發能體現我們的專業性,如果前期命名好了,後期開發直接調用資源,就不再需要重新去命名,這樣節省了開發兄弟時間。

這篇资讯主要是和大家交流如何更好更專業的去命名及輸出。由于自己做的項目不能作為分享例子,所以下面我用虛擬概念項目來舉例說明。

項目文件夾命名規則

當我們做一個新項目的時候,需要提前把所需工具準備好,比如建立文件夾系統,來存放我們Project resources。

如上圖就是我平時做項目時候的文件夾,當然服務器上也是同樣文件夾,每天都會更新內容上去到,各自負責的內容模塊就按照需求往里面放內容,然後群里通知大家,每個迭代需求里面都有同樣的文件夾,當然並不是每次迭代文件夾都是填滿的,有時候會增加一些內容進來,但是大方向就是這樣走,堅持下去然後養成習慣。

設計中畫板的命名

每個Artboard的命名都有規則有條理,不能隨意的命名,如果多個設計師合作,那麼這樣能保證大家命名風格統一。

圖 1 : 大家看了會有什麼感想,如果你把這個設計稿交互給你的合作同事,那麼他會崩潰的,且輸出評審的時候,也顯得非常不專業。

圖2:清晰的場景命名方便設計輸出,設計師之間協同工作,及方便後期測試用例填寫。

命名大原則︰產品模塊_場景_二級場景_狀態

模塊︰指的是產品名稱,比如視頻,音樂,閱讀。如果一個企業有多個產品,那麼加上這個是必須的,方便日後歸檔。

場景和二級場景︰一般指一個app一級頁面和二級頁面,一級場景一般都是主頁。

狀態︰比如popup /totast等等。

功能模塊命名

一個產品是由多個功能模塊組成的,那麼為了我們設計方便,我會在sketch里面建立多個Pages規整這些模塊。

這里我說下臨時過程稿,主要是有些方案如果領導當時覺得不好,不要刪掉,把他放在這里面,以備不時之需。當然如果自己都覺得不好,那就直接Delete吧。

ICON命名

ICON命名要求極為嚴格,涉及到我們切圖給開發,所以我們命名爭取做對,且需嚴格遵守規則,那麼我們該如何去命名?

這里我先說一些禁忌(安卓)

  • 命名里面切記誤帶空格;如btn _Home_new album。
  • 不允許帶後綴數字;如@1,@2,@3的後綴不允許出現,我發現好多設計師都這樣做,這個絕對不標準;如btn_home_add@2,開發拿到資源會全部重新命名。如果我們遵守開發規則,那麼切圖資源他們可直接調用。
  • 命名里面不允許夾帶大小寫;如icon _Home_search。

因為安卓開發用java去寫編寫的,java本身就有命名要求, 有空格資源是無法識別的。也不允許有大小寫,除非是java本身文件。不允許有數字,可用字母去代替數字。

設計中的組的命名

如果自己團隊有完整的設計系統,那麼很好,直接調用控件。如果沒有這樣完整設計系統,那麼我們就得自己嚴格要求自己,把每個頁面的控件樣式命名清晰易懂。

各平台開發都是由控件堆疊而成的,所以我們需熟悉我們所用的控件,然後直接用控件命名組。

Layer命名

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

資源輸出大原則

切圖資源輸出是非常重要的一個環節,我們必須細心,且有一套好的方法,下面我來介紹下我目前使用的方法。

目前我們所切的就三套圖,分別是4倍,3倍和2倍,目前1倍圖手機基本快淘汰了,所以忽略。(設計稿直接用的2k屏設計的)。

把所有頁面的icon都放在一個畫板里面。共用的選出來,放在一起,單獨輸出一個文件夾。其他的切圖對應的可以直接排列好,然後輸出到三個目錄。

為什麼要單獨把三個大小給算出來呢,估計好多人不理解,這樣能保證每個目錄上的icon都是清晰的,沒有虛邊。如果直接用sketch的自動導出三套切圖,很難保證每個資源都是清晰的,目前安卓市場上,部分app產品的圖標都不太清晰,不管是什麼原因,我們先保證自己切圖資源是OK的。

那麼如何快速計算大。靠梢雜謎飧齬キ︰

假如icon的大小是96px(4倍圖)。需輸出資源大小分別是4倍、3倍、2倍。

如果需要3倍圖,就是3/4=0.75=75%。

那就是96的75%倍等于72px 就得到3倍圖了,2倍圖方法一樣縮小50%。

好啦就到這里了,每個公司都有自己的命名和輸出模式,我這里只是和大家交流下一些方法和心得。

「提高的文件管理方法合集」

  1. 素材管理|
  2. 圖標管理|
  3. 臨時素材管理|

原文地址︰

原文作者︰Tony

【特级毛片www,色综合天天综合网,国产成人综合亚洲 原創资讯 投稿郵箱︰yuan@rumotanartist.com】

================明星欄目推薦================

優優教程網︰是儒墨堂旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手並制作出酷炫的視覺效果。

設計導航︰國內人氣最高的設計网站架设,設計師必備︰

,

儒墨堂大課堂

非特殊說明,本文版權歸原作者所有,轉載請注明出處
本文地址︰http://www.rumotanartist.com/app-design-file-name-system

發表評論 加載中....

評論加載中....

uisdc

評論區都快餓癟了,看看我期盼的小眼神...

版式設計 交互設計師 界面設計 排版布局 職場 設計師干貨 儒墨堂專訪 儒墨堂大課堂 設計達人 配色 視覺設計 web前端開發 素材下載 AI教程 設計流程 設計理論 神器下載 字體下載 設計師專訪 psd下載 設計規範 用戶體驗設計 海報設計 平面設計 設計趨勢 動效設計 logo設計 圖標設計 ICON 產品設計 神器推薦 App設計 字體設計 職場規劃 酷站推薦 交互設計 ui設計 優秀網頁設計 設計師職場 ps技巧 酷站 用戶體驗 PS教程 網頁設計 經驗分享

您還沒有登錄

儒墨堂啟用更安全省心的 微信掃碼登錄

微信掃碼

300萬設計師聚集地!特级毛片www,色综合天天综合网,国产成人综合亚洲是極具人氣的設計師平台
2012年成立至今,一直專注于設計師的學習成長交流

特级毛片www|色综合天天综合网|国产成人综合亚洲

打開微信,掃碼分享
學設計 特级毛片www,色综合天天综合网,国产成人综合亚洲 在這里