2018也快要過完了(-_-)蛤袒,我們的移動端的UI設計規(guī)范也層出不窮响驴。很多APP設計師也要在年底給公司或者是團隊做一個總結恨课。那么一個像樣的APP ui設計規(guī)范也是很有必要的作品回顧。
在創(chuàng)業(yè)公司做著一位獨立設計師吴超,說好聽點是獨立設計師,難聽點鸯乃,就是唯一的設計師鲸阻。創(chuàng)業(yè)型公司跋涣,UI UE你要全包。但是我還是很有追求的在每個版本改版之后鸟悴,更新設計規(guī)范陈辱。我的設計規(guī)范沒有大公司那么高大上,只包含了字體選用细诸,配色運用沛贪,ui kit這些東西。
很多設計師做這個設計規(guī)范震贵,純粹只有兩個原因:
1利赋、要設計的界面太多了,而且產(chǎn)品迭代很快猩系,來不及一個個界面標注重復性的東西媚送,于是我就出一個字體運用規(guī)范,讓開發(fā)看一個文檔就好了寇甸。有個設計文檔和UI設計規(guī)范塘偎,可以減少很多設計與開發(fā)之間的溝通。
后來給開發(fā)團隊引進了zeplin拿霉,安卓小伙伴持續(xù)用著吟秩,ios開發(fā),一直看著我的sketch源文件绽淘,在我教會開發(fā)sketch后涵防,我連字體規(guī)范都少寫了很多。
2沪铭、把這些東西一個版本的整理迭代好了壮池,哪天來一場說走就走的旅行,沒有交接成本伦意,即使公司找不到設計師火窒,開發(fā)哥哥直接用這個規(guī)范硼补,就可以分分鐘上崗黨設計師了驮肉。直接甩這個規(guī)范的sketch源文件就可以了。
好了已骇,我們言歸正傳离钝,看看最新的移動端UI設計規(guī)范模板參考吧。
看完褪储,是不是心里有底了嗎卵渴?
移動端一套完整的UI設計師也就是包含8個方面:
1、標準色
2鲤竹、標準字
3浪读、圖標
4昔榴、 按鈕
5、公共控件
6碘橘、模塊
7互订、布局
8、APP效果展示圖
換句話說就是
配色 ??字體 ??排版 ??布局 ??按鈕 ??表單 ??提示框痘拆、標記仰禽、標簽
彈窗、提示框 ?圖片尺寸(banner纺蛆、模塊圖片吐葵、頭像圖片)等元素進行規(guī)范整理。
也就是每一位APP設計師都會經(jīng)歷的一個過程桥氏。也是APP設計師學習和進步的過程温峭。
推薦一個關于設計規(guī)范的網(wǎng)址:https://ds.mockplus.cn/
來自https://www.25xt.com/appdesign/13754.html