星期日, 8月 14, 2016

學習 Axure RP 的 100 天:Day13. Sekect Group

圖片縮圖在Axure也可利用按鈕群組的功能,達到選取一個圖像,也同時取消了原先選取的項目。


  • 將所以有的縮圖命名(ex:snap01)。
  • 設定滑鼠移過及被選取的狀態。
  • 將所有的縮圖在Selection Group,選取群組的名稱(或自訂一個群組的名稱)。


  • 最後,設定互動行為。






    • Demo:http://faagx0.axshare.com/#g=1&p=day_13__selectgroup






      星期二, 8月 09, 2016

      學習 Axure RP 的 100 天:Day12. Verification

      表單驗證,包含:

      • E-Mail格式的正確與否
      • 欄位字數的限制判斷
      • 密碼輸入及再次的確認判斷
      • 驗證碼的判斷


      Demo:http://faagx0.axshare.com

      星期六, 8月 06, 2016

      學習 Axure RP 的 100 天:Day11. Timer

      倒數計時,通常運用在購物網站的限時拍賣


      學習 Axure RP 的 100 天:Day10. Loop

      學習 Axure RP 的 100 天:Day10. Loop

      迴圈,跑馬燈效果,滑鼠移到頭像時會懸停,點選可以連到其他頁面或執行指定的動作,滑鼠移開時,又開始繼續捲動。

      方便在有限的空間內放入更多的資訊內容。


      星期一, 8月 01, 2016

      原型設計經驗分享輕鬆聚筆記 03 / Axure RP 設計與溝通經驗分享



      Axure RP 設計與溝通經驗分享
      Samuel / 104人力銀行 產品企劃

      靈芝王的幽默風趣一如往常,講得生動活潑,卻又淺顯易懂。

      開發流程與溝通關係:
      • 發想 > 原型與規格 > 設計 > 前端 > 後端 > 測試與上線(嗯!看來還是在Waterfall,難怪UED會GG)
      優點與特色:
      • 不困難、不耗時、不模糊、不重工、沒有技術門檻(對於初入門者而言,但亦可非常的深入,這時就需要一些技術門檻了)
        • 15分鐘可以學完基本功
        • 可呈現大部分的網頁或APP物件
        • 支援響應式編排
        • 可多人管理、協同設計同一專案(簡單的版本管理機制)
      • 透過Axure 加速溝通、建立共識
        • prototype與規格說明放在一起,整合規劃文件,方便協作人員直接比對畫面
        • 可Snapshot頁面,標記區塊重點
        • 使用留言板加速溝通,直接收集回饋,減少信件來回
        • 後台可瀏覽、整理留言
      • Axure最吸引人的功能,往往也是最致命的
        • 沒有任何想法就直接打開Axure
        • 無法馬上紀錄靈光一閃
        • 在螢幕前發想靈感是很困難的
        • 前置作業,Design Workshop
        • 前置作業,鉛筆+橡皮擦 > 草圖
        • 設計陷阱:花太多時間調整顏色、樣式,行距、間距、透明度...
        • 互動陷阱:花太多時間設定事件(能用文字或圖片說明就足夠的話或範例)
        • 運算陷阱:花太多時間設定變數(其實用寫的,工程師一樣看得動)
        • Prototype要做到多擬真(剛剛好就好)

      這張經典圖片是一定要放的啦!