
寫在前面
在我們的開發團隊里,一般在產品通過策划和需求評審后,在還沒開始設計之前,產品經理和美工會一起定一套UI規范。
一方面用於規范整體界面,防止界面開發過程中出現UI不一致性的情況(有時候標准並不能涉及到每個細節,研發會偶爾跑偏)。
另一方面用於后期其他項目的復用,也就是當有了其他項目的UI規范沉淀之后, 風格相似的項目,其實是不需要美工的,產品經理直接按照規范和項目沉淀下來的元件做出高保真,研發只要按照此規范來實現即可,可適當省去美工出圖和原型標注部分的工作量。
團隊的演變流程

任何規范(設計,代碼規范等)都是團隊長期沉淀出來的,適合自己的團隊才是最重要的。
本次共享模板的UI規范(暗黑風格)
注:由於篇幅問題,截圖中省略了部分規范內容(比如語義規范,內容顯示規范,動效規范)。后期會整理出一份完整的規范文檔共享出來,敬請期待。

界面整體預覽

注:本來做了一個界面操作演示,由於生成gif太大,有10M多,所以就不上傳了,下面分別截圖顯示,具體動效可在元件文件里查看。
主要元件包括:輸入框、數值輸入框、下拉框,滑塊(silder)、時間控件、單選、多選、分頁、頁簽、彈框、提示信息等。

時間控件

頁簽(tab)

彈窗

下拉框

On/Off Switches

slider

表格

提示元件

氣泡

以上便是本次分享元件的主要部分,原始文件截圖如下:

通過axure的元件導入之后就可以用啦

~以上便是本次分享的全部內容~
原件下載
為防止失效,所有下載鏈接都在公眾號維護,請關注公眾號后,回復“A034”即可下載本次分享的元件完整文件。
推薦閱讀:
感謝閱讀和關注!
