起點課堂會員權(quán)益
職業(yè)體系課特權(quán)
線下行業(yè)大會特權(quán)
個人IP打造特權(quán)
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導(dǎo)直播
12場專業(yè)技能直播
會員專屬社群
榮耀標識Axure原型：化妝鏡商城Web高保真原型+線框圖
之前給大家分享了化妝鏡商城APP高保真原型，繼續(xù)給大家補充該原型的Web版。也順便分享一個化妝鏡商城web版的線框圖。關(guān)于線框圖的繪制幾乎都是經(jīng)驗的總結(jié)，開始時建議大家用鉛筆白紙繪制，初版概念確定后再動手用Axure之類的工具繪制。
主要交互內(nèi)容如下：
1.會員購物享受折扣、非會員結(jié)算時無折扣
2.首頁幻燈輪播、已購會員和商品輪播
3.首頁熱賣商品展示（中繼器），鼠標移入商品時顯示完整標題
4.首頁搜索框的聯(lián)想搜索（中繼器）
5.首頁模擬快遞單號查詢
6.注冊/登錄成功后，跳轉(zhuǎn)回之前的頁面
7.模擬會員注冊/登錄（多條件）
8.點擊首頁任意商品進入商品詳情頁/點擊任意菜單進入商品列表頁
9.商品列表頁模擬展示不同商品數(shù)據(jù)（中繼器），按價格、銷量排序商品
10.商品列表頁已經(jīng)加商品垂直循環(huán)滾動
11.商品上一頁/下一頁
12.商品詳情頁，圖片/視頻切換展示
13.商品星星打分
14.商品顏色選擇
15.商品數(shù)量價格同步
16.模擬加入購物車效果
17.商品添加評論（中繼器）
18.購物車中商品數(shù)量編輯
19.收貨人信息完善，手機號碼判斷
20.已購商品信息、收貨人信息編輯確認、配送方式和支付方式選擇
21.更多請自行探索…
效果展示：
這個Web高保真原型也是制作了完整的購物流程（首頁、會員注冊登錄、搜索結(jié)果頁、商品詳情頁、配送信息和支付方式頁、支付頁面）
在線預(yù)覽：點擊預(yù)覽?（有點卡，建議下載到自己電腦預(yù)覽效果）
下載地址：點擊下載
下面是線框圖，沒有什么好介紹的，直接看預(yù)覽吧：
在線演示：點擊預(yù)覽
下載地址：點擊下載
本文為作者烏金原創(chuàng)投稿發(fā)布，轉(zhuǎn)載請注明來源于人人都是產(chǎn)品經(jīng)理并附帶本文鏈接
想知道是怎么做這么可愛的線框的？？？？
Axure的草圖功能，在右側(cè)工具欄里面
贊贊贊，多謝樓主
互聯(lián)網(wǎng)工具推薦：
多用下載 http://www.duoyongxiazai.com
如何生成文中的那種預(yù)覽鏈接？
作為菜鳥的我，覺得做的蠻漂亮的
原型做這么漂亮，厲害
這種大商城有必要自己畫原型、設(shè)計、切圖在做程序什么的嗎？直接套用第三方模板和程序不就行了嗎。
?? ??
太丑了
??
圖畫的不錯，產(chǎn)品設(shè)計和體驗設(shè)計上有一些問題
下載不了？ ??
非常贊，感謝無私分享！