呂皓月,網名阿睡(MrSleepy),2002年畢業於北京大學物理係。畢業後齣國未遂,一直從事互聯網相關的工作。曾就職於雅虎,阿裏巴巴、公司A、公司B等公司。擔任過工程師、産品經理、銷售策劃、市場策劃、營銷總監、營銷副總裁等職務。對互聯網行業的産品、技術、營銷等方麵有著持續的熱情。
曾為産品上綫徹夜不眠,曾為書寫需求文檔嘔心瀝血,曾為錶明觀點苦口婆心,曾為實現功能軟磨硬泡、威逼利誘,曾為爭取資源據理力爭,也曾為瞭進發的靈感奮筆疾書到淩晨。不敢說對互聯網行業有多麼深的理解,但是卻對自己喜歡的事情熱情未泯。期望能與互聯網的同業者共勉,能夠多勞真的多得。
楊長韜,網名Tom Yang,近洋海歸。2004年初離開任職3年的卓越網齣國深造,學習廣告營銷與視覺設計。2007年迴國至今從事商業品牌建立、互聯網營銷以及體驗設計等相關工作,參與的項目包括雀巢、北歐航空、三裏屯Village以及釣魚颱米高梅集團酒店等,然而最值得稱道的作品是2010年為其太太製作的Google Map電子賀卡,在被Google官方取締前的4天中,其坊問流量Alexa排名Google Map關鍵司全球第二。
PART 1 基礎部分
第1章 關於Axure RP
1.1 Axure公司的故事
1.2 裝修與Axure
1.3 愛上Axure RP的十大理由
1.4 Axure RP的特色功能
1.4.1 概念圖+設計(Sketch+Design)
1.4.2 互動
1.4.3 文檔
1.4.4 閤作
1.5 Axure RP與其他原型工具的比較
第2章 原型和高保真原型的比較
2.1 什麼是原型
2.2 高保真原型
2.3 為什麼要製作高保真網站原型
2.4 人人都愛高保真原型
2.5 誰來製作高保真原型
2.6 高保真原型的更新
2.7 開始之前
第3章 AxureRP軟件使用概述
3.1 AxureRP軟件安裝與界麵
3.2 工具欄區域(Toolbox)
3.3 站點地圖區域(Sitemap)
3.4 部件區域(Widgets)
3.4.1 綫框圖部件庫
3.4.2 部件的屬性
3.5 主部件區域(Masters)
3.6 頁麵區域(Pages)
3.7 頁麵設置區域(Page Notes/Interactions/Formattings)
3.8 部件屬性區域(Widget Properties)
3.9 動態麵闆管理區域(Dynamic Panel Manager)
第4章 AxureRP基礎操作與技巧
4.1 為部件添加事件
4.2 為頁麵添加事件
4.3 從Photoshop到Axure RP
4.4 在Axure RP中使用Flash
4.5 背景覆蓋法
4.6 拖曳部件
4.7 坐標
4.8 尺寸
4.9 設置變量值
4.10 生成原型並在瀏覽器中查看
4.11 Snag It使用簡介
PART 2 案例部分
案例1 雅虎首頁幻燈
步驟1 創建新項目
步驟2 製作廣告動態麵闆
步驟3 製作Thumbnail區域
步驟4 滑動切換
總結
案例2 分享到新浪微博
步驟1 創建新項目
步驟2 添加分享按鈕
步驟3 製作新浪分享接口頁
步驟4 添加登錄動態麵闆
步驟5 添加分享按鈕動作
步驟6 為Login麵闆添加事件
步驟7 分享成功頁麵
步驟8 倒計時3秒
總結
案例3 Gmail的進度條
步驟1 製作進度條
步驟2 製作覆蓋物
步驟3 移動覆蓋物
步驟4 登錄頁和郵箱頁
步驟5 更改Axure RP的默認打開頁麵
總結
案例4 新浪富媒體廣告示意
步驟1 準備頁麵背景
步驟2 添加必勝客的Flash廣告
步驟3 調整Flash廣告的尺寸
步驟4 關閉Flash廣告
步驟5 Flash廣告的側邊欄
步驟6 Flash廣告自動關閉
總結
案例5 iCast廣告
步驟1 創建頁麵背景
步驟2 添加Flash廣告
步驟3 自動關閉廣告
總結
案例6 雅虎首頁全屏展開的廣告
步驟1 準備廣告動態麵闆
步驟2 準備背景頁麵
步驟3 自動關閉廣告
總結
案例7 淘寶首頁導航鼠標懸停效果
步驟1 準備背景圖
步驟2 製作導航菜單
步驟3 另外一種方式
步驟4 進一步的可能性
總結
案例8 淘寶商城的全局導航
步驟1 準備A區的動態麵闆
步驟2 準備B區的動態麵闆
步驟3 為麵闆添加事件
步驟4 添加文字鏈
步驟5 取巧的響應區域
步驟6 更多的動態麵闆
步驟7 更多動態麵闆
總結
案例9 點評網的打分效果
步驟1 準備星星的圖片
步驟2 準備動態麵闆的狀態
步驟3 讓“星星閃亮”
步驟4 打分完成後顯示分數
步驟5 滿天都是小星星
步驟6 Baby One More Time
總結
案例10 榖歌搜索提示效果
步驟1 準備背景
步驟2 準備搜索框
步驟3 準備提示框
步驟4 處理tips動態麵闆的狀態
步驟5 其他的關鍵詞
步驟6 讓搜索提示齣現
步驟7 讓頁麵完整
總結
案例11 自己設計網頁播放器
步驟1 搭建舞颱背景
步驟2 播放和暫停按鈕
步驟3 音量調節按鈕
步驟4 播放進度條
總結
案例12 凡客首頁的跑馬燈文字鏈
步驟1 準備頁麵元素
步驟2 編輯舞颱麵闆
步驟3 為文字鏈添加鏈接
步驟4 無限循環
步驟5 開始無限循環
總結
案例13 促銷的倒計時牌
步驟1 時•分•秒•百分之一秒
步驟2 無限循環
步驟3 OnMove函數
步驟4 初始化變量
總結
案例14 製作PPT(提案)
步驟1 製作背景
步驟2 將背景製作為主部件(Masters)
步驟3 製作第一張幻燈片
步驟4 Raise Event事件
步驟5 其他幻燈片
步驟6 將項目放在公司網站上
步驟7 簡單加密
總結
案例15 淘寶商場首頁幻燈效果
步驟1 搭建幻燈片
步驟2 搭建幻燈片的頁碼部分
步驟3 timer麵闆的無限循環
總結
案例16 新浪微博的圖片和視頻
步驟1 搭建背景
步驟2 第一條微博
步驟3 第二條有圖有視頻的微博
步驟4 為Blog2添加圖片和視頻
步驟5 添加事件
步驟6 親!您有新的微博
步驟7 新微博的顯示
總結
案例17 製作iPhone交互效果
步驟1 自製iPhone 4的部件庫
步驟2 添加iPhone 4的按鈕部件
步驟3 滑動開關
步驟4 彈齣的通知窗口
步驟5 製作Tab按鈕
步驟6 其他部件
步驟7 iPhone 4的圖片應用
總結
案例18 引用任意頁麵的任意部分
步驟1 火車票搜索
步驟2 機票搜索
步驟3 酒店搜索
步驟4 其他部分
總結
案例19 通用登陸注冊第一部分
步驟1 完成錶單的布局
步驟2 輸入框的邊框變化
步驟3 讓邊框跟隨鼠標變化
步驟4 添加其他輸入框的提示
總結
案例20 通用登陸注冊第二部分
步驟1 準備驗證Email輸入
步驟2 驗證Email輸入
步驟3 驗證密碼
步驟4 再次驗證密碼
步驟5 處理驗證碼
總結
案例21 Apple首頁的滑動搜索框
步驟1 準備背景圖片
步驟2 準備項目
步驟3 滑動模塊
步驟4 讓搜索框變大
步驟5 讓搜索框變小
總結
案例22 優衣庫淘寶商城購物車
步驟1 創建商品圖片
步驟2 選擇産品顔色
步驟3 選擇尺碼
步驟4 加入購物車
步驟5 搭建購物車
步驟6 購物車麵闆的顯示和關閉
步驟7 查看購物車
總結
案例23 Looklet的真人試衣間
步驟1 準備模特
步驟2 第一件上裝
步驟3 第二件上裝
步驟4 第—件下裝
步驟5 脫衣服
總結
案例24 遊戲“大傢來找茬”
步驟1 主界麵
步驟2 關卡1
步驟3 顯示當前關卡數
步驟4 挑選關卡
步驟5 一個關鍵的地方
步驟6 倒計時
步驟7 失敗瞭
步驟8 一關接一關的玩
步驟9 解決幾個Bug
總結
PART3 綜閤案例
綜閤案例1 電商網站
1.需求描述
2.綫框圖
3.購物流程(略,請參考素材)
4.設計圖
5.高保真綫框圖
6.試衣間
7.結賬頁麵步驟1
8.結賬頁麵步驟2
9.結賬頁麵步驟3
10.結賬頁麵步驟4
總結
綜閤案例2 促銷專題——迅速製作精美的促銷專題
需求描述
步驟1:功能區域
步驟2:Logo和搜索框
步驟3:導航條
步驟4:幻燈區域
步驟5:品牌、活動推薦區域
步驟6:分類商品區域
步驟7:頁腳
總結
外篇 最簡單的專題製作方法
圖片堆砌法
直接切圖法
綜閤案例3 臭美——iphoto App
需求描述
需求分析
高保真綫框圖
首頁Homepage
登錄頁麵login
我的臭美日記My beauty dairy
查看附近nearby homepage list view
查看附近熱門排行neaby hottest
我關注的人friend feed
圖詳情頁single image rt and flag
轉評分享rt nd share
Ta的信息her account
拍照頁麵take photo homepage
設置頁麵setting pages
每日拍照鬧鍾提醒
總結
綜閤案例4 沒夠網——影響力社交團平颱
需求描述
需求分析
高保真綫框圖
幻燈區域
當前登錄用戶的信息
好友動態
最近被我影響的
Footer
總結
綜閤案例5 Morework——同行同事在綫交流平颱
項目描述
需求描述
需求分析
高保真綫框圖
“事兒”頁麵single post
人的頁麵
發新事兒
注冊頁麵register
我的人脈圈
登錄頁麵
我的公司
總結
· · · · · · (
收起)