![](https://img.laitimes.com/img/_0nNw4CM6IyYiwiM6ICdiwiIwQjMx8CX39CXy8CXycXZpZVZnFWbpN0NlAXayR3cvwFduVWay9WLvRXdh9CXyI3Zv1UZnFWbp9zZuBnLyADOwMTYwUTOyczYhFGNj1SN4QjMzMjNvw1cldWYtl2XkF2bsBXdvw1bp5SdoNnbhlmauMXZnFWbp1CZh9GbwV3Lc9CX6MHc0RHaiojIsJye.png)
封面
寫在前面
強烈建議開始之前閱讀以下第一篇高保真UI架構的前面部分,以了解設計思想,這篇文章不再重複介紹:
AXURE-整套可複用的高保真元件和架構之暗黑風格
本次共享模闆的UI規範
注:由于篇幅問題,截圖中省略了部分規範内容(比如語義規範,内容顯示規範,動效規範)。後期會整理出一份完整的規範文檔共享出來,敬請期待。
界面整體預覽
注:本來做了一個界面操作示範,由于生成gif太大,有10M多,是以就不上傳了,下面分别截圖顯示,具體動效可在元件檔案裡檢視。
主要元件效果
主要元件包括:輸入框、數值輸入框、下拉框,滑塊(silder)、時間控件、單選、多選、分頁、頁簽、彈框、提示資訊等。
時間控件
頁簽(tab)
下拉框
On/Off Switches
slider
表格
提示元件
氣泡
以上便是本次分享元件的主要部分,原始檔案截圖如下:
通過axure的元件導入之後就可以用啦
~以上便是本次分享的全部内容~
福利
歡迎大家留言,如果有需要要我幫組實作什麼風格,比如:Easyui風格,bootstrap風格。隻要建議超過20人。我就抽時間實作并釋出。
原件下載下傳
為防止位址失效,所有下載下傳連結都在公衆号維護,請關注公衆号後,回複“A036” 擷取本次分享的檔案下載下傳位址。
感謝閱讀和關注!