超實用!UI設(shè)計規(guī)范完全制作指南

文章從建立設(shè)計規(guī)范的原因、設(shè)計規(guī)范的適用范圍,以及設(shè)計規(guī)范的制作流程,全方位解答UI設(shè)計規(guī)范的問題。

超實用!UI設(shè)計規(guī)范完全制作指南

超實用!UI設(shè)計規(guī)范完全制作指南

超實用!UI設(shè)計規(guī)范完全制作指南

超實用!UI設(shè)計規(guī)范完全制作指南

超實用!UI設(shè)計規(guī)范完全制作指南

超實用!UI設(shè)計規(guī)范完全制作指南

超實用!UI設(shè)計規(guī)范完全制作指南

這篇的基礎(chǔ)部分我做的比較詳細,組件部分寫的有些概括,主要是因為組件部分不是通用的,要根據(jù)自己的稿子進行整理和歸納,歸納好之后做好標(biāo)注和規(guī)范說明即可,這部分是一個羅列的內(nèi)容,所以就不必展開了。

當(dāng)然還有很多內(nèi)容沒有展開說,比如在Sketch 里面把KIT 制作成Libraries 統(tǒng)一使用,但是我想作為一篇設(shè)計規(guī)范入門教程目前應(yīng)該足夠了,這篇文章高度現(xiàn)在有3W像素,實在有些長了,更多的內(nèi)容我在后續(xù)幵新文去補充吧。

進階教程:《實用全面!教你用Sketch Libraries構(gòu)建組件庫/設(shè)計體系》

歡迎關(guān)注作者的微信公眾號:「白鷺漫談」

超實用!UI設(shè)計規(guī)范完全制作指南

收藏 1495
點贊 144

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。