UI設計規範技巧——文件整理


掌握好整理文件和上傳的方法,有一份清晰的切圖文檔,能高效的開展開發和視覺之間的溝通。


1.正確精準的命名

開發同學在實現某個頁面的過程中,必須要一張張去找我們的切圖,把它們對應起來。所以一個精準的命名,能夠讓開發一目瞭然。


2.歸納切圖類別

我們完成的頁面有幾十個,每個頁面裏又有零零散散的圖標,把它們一個個拿出來,必定有很多重複標註。在iOS中要求的icon又大多是44px的,所以很多都是可以在不同頁面裏通用的,學會歸納也能提升效率。


通用文件歸納法

比如類目icon,你可以把這些常用的類目圖標,都整理在一個文件包中。

1.解決視覺設計中,設計師對不同頁面但相同功能icon的不統一

2.只要是用到類目的,哪怕是不同的頁面,開發也能在一個文件包中找,不同在每個頁面包中來來回回。


控件歸納法

像一些常用的控件,比如navi, toolbar, setting, tab-bar等,也可以整理成一個通用的切圖包。



3.一個頁面一個包

縱使我們歸納總結,但零零碎碎的切圖,不可能完全分類。於是剩下的一些,我們就需要按照一個頁面一個文件包的方式,來整理切圖,就這樣不管是開發要拿,或是你要更新,都在這個統一的地方交接就行了。


4.切圖示注意點擊區域


切圖時可以把點擊區域一起切,並在頁面標註上相應標明


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章