iView Axure原型組件經(jīng)驗分享及1.0文件下載
本篇文章為大家分享了iView Axure原型組件的相關(guān)經(jīng)驗,并一同附上1.0文件下載入口。
起源
iView 是一個很棒的前端開源框架,具備良好的用戶體驗,深受廣大開發(fā)哥哥的喜愛。
為了方便在項目的初期規(guī)劃過程中,能夠更直觀的體現(xiàn)出項目結(jié)果,所以我嘗試做了這個Axure組件框架,來方便在制作原型時使用。
iView的項目地址:https://www.iviewui.com/
我們的項目設(shè)計階段差不多結(jié)束了,就花了兩周整理了組件,然后結(jié)合iview的官網(wǎng)文檔,做了一個可發(fā)布的版本。
原型預覽
iView Axure的項目預覽地址:https://9ka81l.axshare.com/
(如果地址崩了就評論一下,我再更新一個)
原型說明
看過站內(nèi)很多高手的文章,理論上來說幾乎所有的組件都可以實現(xiàn)動態(tài)效果,但是考慮到數(shù)據(jù)的展示和維護成本,并不是所有的組件都實現(xiàn)了動態(tài)。
這里面的考慮主要在于原型的首要目的是展現(xiàn)產(chǎn)品設(shè)計的細節(jié),只要能夠起到明確需求的作用即可;一味的追求和最終效果的一致性,很容易浪費過多的時間在無意義的變量和公式上。
原型中大量使用了Axure的【交互樣式】來實現(xiàn)在頁面中的動態(tài)交互,這也是Axure中特別簡單又很實用的功能。舉個栗子,比如按鈕的設(shè)計;
通常產(chǎn)品設(shè)計中都會設(shè)計至少四種按鈕狀態(tài):
- Normal(正常)
- Hover(鼠標懸?。?/li>
- Onclick(點擊)
- Disabled(失效)
要保證良好的用戶交互,用戶觸發(fā)不同的狀態(tài),都會造成樣式的改變或頁面的改變。
在這個組件庫中,每個按鈕都具備Normal、Hover、Disabled的狀態(tài),沒有制作Onclick的狀態(tài)(因為用戶在點擊后往往后直接觸發(fā)頁面的變化,所以沒有設(shè)計),都是通過交互樣式進行實現(xiàn)。
文件下載
如果有更新之后會同步更新,歡迎大家關(guān)注。
如果下載鏈接崩了,可以到gitChina下載:
https://gitee.com/bosenger/iViewAxure
本文由 @包子產(chǎn)品狗 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議
nice,,,謝謝
感謝。
axure用了這些組件 開發(fā)還要去ivew里找對應的組件才能復制到相應的代碼嗎?
當然是
這波給你點贊!
下載地址已更新,這次應該不會崩
下載鏈接崩了。。。
下載地址下載不了,麻煩更新一下,謝謝!
不錯,謝謝分享!
下載鏈接掛掉了,麻煩更新~ ??
一直在用iviewUI的框架和組件,這下方便了。非常感謝,圣誕大禮呀~