• <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
  • <pre id="gvoe3"></pre>
    <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

  • <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">
      axure商城

      Axure7化妝鏡商城高保真原型Web版+線框圖

      之前給大家分享了化妝鏡商城APP高保真原型,繼續給大家補充該原型的Web版。很多同學都在群里問怎樣繪制線框圖,這里也順便分享一個化妝鏡商城web版的線框圖。關于線框圖的繪制幾乎都是經驗的總結,開始時建議大家用鉛筆白紙繪制,初版概念確定后再動手用Axure之類的工具繪制。

      該原型由金烏原創制作,隨意轉載請保留出處,不得用于上用途。

      QQ交流群:385143736? ? 若想系統學習Axure RP7可以參考金烏制作的Axure RP7網站和APP原型制作從入門到精通視頻教程

      這個Web高保真原型也是制作了完整的購物流程(首頁、會員注冊登錄、搜索結果頁、商品詳情頁、配送信息和支付方式頁、支付頁面)
      主要交互內容如下:

      1.會員購物享受折扣、非會員結算時無折扣
      2.首頁幻燈輪播、已購會員和商品輪播
      3.首頁熱賣商品展示(中繼器),鼠標移入商品時顯示完整標題
      4.首頁搜索框的聯想搜索(中繼器)
      5.首頁模擬快遞單號查詢
      6.注冊/登錄成功后,跳轉回之前的頁面
      7.模擬會員注冊/登錄(多條件)
      8.點擊首頁任意商品進入商品詳情頁/點擊任意菜單進入商品列表頁
      9.商品列表頁模擬展示不同商品數據(中繼器),按價格、銷量排序商品
      10.商品列表頁已經加商品垂直循環滾動
      11.商品上一頁/下一頁
      12.商品詳情頁,圖片/視頻切換展示
      13.商品星星打分
      14.商品顏色選擇
      15.商品數量價格同步
      16.模擬加入購物車效果
      17.商品添加評論(中繼器)
      18.購物車中商品數量編輯
      19.收貨人信息完善,手機號碼判斷
      20.已購商品信息、收貨人信息編輯確認、配送方式和支付方式選擇
      21.更多請自行探索…

      在線預覽 (有點卡,建議下載到自己電腦再預覽效果)

      下載地址:

      下面是線框圖,沒有什么好介紹的,直接看在線演示吧。

      在線演示

      下載地址:

      百度網盤

      新浪微盤

      給TA買糖
      共{{data.count}}人
      人已贊賞
      案例教程

      Axure原型:化妝鏡商城APP高保真原型

      2014-12-29 16:01:45

      案例教程

      使用AxureRP7制作淘寶網購物車效果

      2015-2-2 10:12:31

      axure商城
      0 條回復 A文章作者 M管理員
        暫無討論,說說你的看法吧
      ?
      個人中心
      購物車
      優惠劵
      今日簽到
      有新私信 私信列表
      搜索
      俄罗斯videoxxxoo
    1. <acronym id="gvoe3"><meter id="gvoe3"><address id="gvoe3"></address></meter></acronym>
    2. <pre id="gvoe3"></pre>
      <p id="gvoe3"><strong id="gvoe3"><small id="gvoe3"></small></strong></p>

    3. <pre id="gvoe3"><label id="gvoe3"><xmp id="gvoe3">