寫在前面
在我們的開發(fā)團隊里吞歼,一般在產(chǎn)品通過策劃和需求評審后晨另,在還沒開始設(shè)計之前辛藻,產(chǎn)品經(jīng)理和美工會一起定一套UI規(guī)范。
一方面用于規(guī)范整體界面洼冻,防止界面開發(fā)過程中出現(xiàn)UI不一致性的情況(有時候標(biāo)準(zhǔn)并不能涉及到每個細(xì)節(jié)卒暂,研發(fā)會偶爾跑偏)抡谐。
另一方面用于后期其他項目的復(fù)用纯趋,也就是當(dāng)有了其他項目的UI規(guī)范沉淀之后,?風(fēng)格相似的項目撼泛,其實是不需要美工的挠说,產(chǎn)品經(jīng)理直接按照規(guī)范和項目沉淀下來的元件做出高保真,研發(fā)只要按照此規(guī)范來實現(xiàn)即可愿题,可適當(dāng)省去美工出圖和原型標(biāo)注部分的工作量损俭。
團隊的演變流程
任何規(guī)范(設(shè)計,代碼規(guī)范等)都是團隊長期沉淀出來的抠忘,適合自己的團隊才是最重要的撩炊。
本次共享模板的UI規(guī)范(暗黑風(fēng)格)
注:由于篇幅問題外永,截圖中省略了部分規(guī)范內(nèi)容(比如語義規(guī)范崎脉,內(nèi)容顯示規(guī)范,動效規(guī)范)伯顶。后期會整理出一份完整的規(guī)范文檔共享出來囚灼,敬請期待骆膝。
界面整體預(yù)覽
注:本來做了一個界面操作演示,由于生成gif太大灶体,有10M多阅签,所以就不上傳了,下面分別截圖顯示蝎抽,具體動效可在元件文件里查看政钟。
主要元件包括:輸入框、數(shù)值輸入框樟结、下拉框养交,滑塊(silder)、時間控件瓢宦、單選碎连、多選、分頁驮履、頁簽鱼辙、彈框、提示信息等玫镐。
時間控件
頁簽(tab)
彈窗
下拉框
On/Off Switches
slider
表格
提示元件
氣泡
以上便是本次分享元件的主要部分倒戏,原始文件截圖如下:
通過axure的元件導(dǎo)入之后就可以用啦
~以上便是本次分享的全部內(nèi)容~
原件下載
為防止失效,所有下載鏈接都在公眾號維護摘悴,請關(guān)注公眾號后峭梳,回復(fù)“A034”即可下載本次分享的元件完整文件。
推薦閱讀:
AXURE-036-整套高保真UI框架和元件組(白色風(fēng)格)
感謝閱讀和關(guān)注蹂喻!