iView Axure原型組件經(jīng)驗分享及1.0文件下載

11 評論 8805 瀏覽 33 收藏 4 分鐘

本篇文章為大家分享了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é)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. nice,,,謝謝

    來自江蘇 回復
  2. 感謝。

    來自上海 回復
  3. axure用了這些組件 開發(fā)還要去ivew里找對應的組件才能復制到相應的代碼嗎?

    來自廣東 回復
    1. 當然是

      來自湖南 回復
  4. 這波給你點贊!

    來自上海 回復
  5. 下載地址已更新,這次應該不會崩

    回復
  6. 下載鏈接崩了。。。

    來自廣東 回復
  7. 下載地址下載不了,麻煩更新一下,謝謝!

    來自湖北 回復
  8. 不錯,謝謝分享!

    來自湖北 回復
  9. 下載鏈接掛掉了,麻煩更新~ ??

    來自北京 回復
  10. 一直在用iviewUI的框架和組件,這下方便了。非常感謝,圣誕大禮呀~

    來自北京 回復