1. 程式人生 > >移動端UI設計規範模板參考以及設計規範的好處

移動端UI設計規範模板參考以及設計規範的好處

2018也快要過完了(-_-),我們的移動端的UI設計規範也層出不窮。很多APP設計師也要在年底給公司或者是團隊做一個總結。那麽一個像樣的APP ui設計規範也是很有必要的作品回顧。


在創業公司做著一位獨立設計師,說好聽點是獨立設計師,難聽點,就是唯一的設計師。創業型公司,UI UE你要全包。但是我還是很有追求的在每個版本改版之後,更新設計規範。我的設計規範沒有大公司那麽高大上,只包含了字體選用,配色運用,ui kit這些東西。


很多設計師做這個設計規範,純粹只有兩個原因:


1、要設計的界面太多了,而且產品叠代很快,來不及一個個界面標註重復性的東西,於是我就出一個字體運用規範,讓開發看一個文檔就好了。有個設計文檔和UI設計規範

,可以減少很多設計與開發之間的溝通。


後來給開發團隊引進了zeplin,安卓小夥伴持續用著,ios開發,一直看著我的sketch源文件,在我教會開發sketch後,我連字體規範都少寫了很多。


2、把這些東西一個版本的整理叠代好了,哪天來一場說走就走的旅行,沒有交接成本,即使公司找不到設計師,開發哥哥直接用這個規範,就可以分分鐘上崗黨設計師了。直接甩這個規範的sketch源文件就可以了。


好了,我們言歸正傳,看看最新的 移動端UI設計規範模板參考吧。

Image title


看完,是不是心裏有底了嗎?


移動端一套完整的UI設計師也就是包含8個方面:


1、標準色


2、標準字


3、圖標


4、 按鈕


5、公共控件


6、模塊


7、布局


8、APP效果展示圖


換句話說就是


配色 字體 排版 布局 按鈕 表單 提示框、標記、標簽


彈窗、提示框 圖片尺寸(banner、模塊圖片、頭像圖片)等元素進行規範整理。


也就是每一位APP設計師都會經歷的一個過程。也是APP設計師學習和進步的過程。


推薦一個關於設計規範的網址:https://ds.mockplus.cn/


來自https://www.25xt.com/appdesign/13754.html

移動端UI設計規範模板參考以及設計規範的好處