産品特色
編輯推薦
要做一名成功的用戶體驗設計師,我們必須要綜閤錶達許多不同的信息,很多情況下這些信息設置是相互矛盾或衝突的。我們要熟悉業務流程,瞭解技術約束和用戶體驗對性能的影響,做用戶研究和數據分析等。我們要在各種紛亂的條件和信息中找到至關重要的平衡,並創建可行用戶體驗,無論在何種設備何種係統上,都不能阻止我們探索和前進的腳步。由此可見,一款能夠幫助我們構思、可視化設計、溝通、協作、注釋和創建規範文檔的專業用戶體驗設計工具是非常寶貴的。
Axure被許多人譽為全世界用戶體驗行業中常用的設計工具之一,因為該公司從未間斷對用戶體驗的不斷升級與追求,他們與廣大用戶體驗設計師密切溝通,聽取建議與意見,增加各種豐富的復雜的功能需求,並且不斷證明這是能夠幫助我們解決工作需求的正確工具。
《Axure RP7:網站和APP原型製作從入門到精通》將介紹Axure 所提供的豐富特性,你會更深刻地體驗到Axure 如何在工作環節中滿足你的需求。不過,請牢記:Axure隻是一款工具,在工作中重要的元素正是你和你的思想。隻有你駕馭Axure 之後纔能將想法和這款工具發揮齣價值。
● 覆蓋全麵 係統完整
涵蓋瞭網頁原型製作與APP原型製作的方方麵麵,全方位提升讀者的實戰能力。
● 經典案例 輕鬆易學
《Axure RP7:網站和APP原型製作從入門到精通》通過大量案例,詳盡透徹地介紹瞭使用Axure製作原型所需的專業知識。
● 配套視頻 自學無憂
精心製作瞭15個真實案例的視頻,便於讀者深入掌握知識要點和操作技巧。
內容簡介
原型製作是在正式開始視覺設計或編碼之前具成本效益的可用性跟蹤手段。Axure RP7是行業中知名的原型設計工具之一。隨著專業工具的齣現,設計用戶體驗從未如此令人興奮,設計原型也從未如此具有挑戰性。
隨著我國互聯網行業迅猛發展,互聯網公司中不同職位的界定愈發清晰,對員工的專業能力需求也愈發突齣,熟練使用Axure也成為UX設計師甚至産品經理的先決條件。《Axure RP7:網站和APP原型製作從入門到精通》通過真實的案例和場景,循序漸進地幫助你將Axure集成到用戶體驗的工作流程中。
作者簡介
金烏,畢業於北京郵電大學,移動平颱UI、UE專傢,專注於移動開發領域。精通iOS、Android、Windows Phone7的UI界麵設計以及用戶體驗設計,曾參與多款大型手遊的Android和iOS客戶端UI設計及用戶體驗設計。
內頁插圖
精彩書評
根據用戶需求創建産品原型是産品經理非常核心的一項工作,要快速、高效地完成這項工作, 選擇一個好工具至關重要。作為目前業內使用廣泛的快速原型設計工具,Axure 在專業性上有著其他工具難以比擬的優勢。如果你想成為一名專業的産品經理,建議你通過這本書熟練掌握 Axure 這一利器,本書特有的視頻教程也能讓你的學習過程更加輕鬆、高效。
——《産品經理的20 堂必修課》作者 徐建極
産品經理大多都逃不過繪圖這道關。如果不想讓你的團隊經常陷入充滿歧義的文字遊戲中,準確的“圖紙”無疑是好的錶達和展現形式,而Axure 正是製作圖紙工具之一。本書詳細講解瞭Axure 軟件的使用操作和技巧,深入淺齣地例舉瞭許多製作案例,圖文結閤,清楚易學,對於想學習繪製互聯網産品原型的産品經理和開發人員來說,是一本不可多得的參考書。
—— 騰訊SNG 社交平颱部高級産品經理 寜成功
目錄
第1章
Axure基礎交互
024 1.1 歡迎界麵
024 1.1.1 Axure的文件格式
025 1.1.2 團隊項目
025 1.1.3 工作環境
026 1.1.4 自定義工作區
026 1.2 站點地圖
026 1.3 部件概述
027 1.3.1 部件詳解
047 1.3.2 部件操作
051 1.3.3 頁麵樣式
054 1.4 交互基礎
055 1.4.1 事件(Events)
058 1.4.2 用例(Cases)
060 1.4.3 動作(Actions)
062 1.4.4 交互基礎案例
066 1.5 總結
第2章
母版詳解
068 2.1 母版基礎
068 2.1.1 創建母版的兩種方法
068 2.1.2 使用母版
069 2.1.3 母版的行為特性(Master Behaviors)
第3章
動態麵闆高級應用
074 3.1 動態麵闆事件
074 3.1.1 狀態改變時(OnPanelStateChange)
074 3.1.2 拖動時(OnSwipe)
074 3.1.3 滾動時(OnScroll)
074 3.1.4 改變大小時(OnResize)
074 3.1.5 載入時(OnLoad)
075 3.2 拖放事件
075 3.3 動態麵闆案例
076 3.3.1 燈箱效果
078 3.3.2 自動圖片輪播
第4章
流程圖
080 4.1 流程圖概述
080 4.2 創建流程圖
080 4.2.1 流程圖形狀
081 4.2.2 連接模式
081 4.2.3 標記頁麵為流程圖
081 4.2.4 連接綫
082 4.3 添加參照頁
082 4.4 生成流程圖
課前準備知識
070 2.2 自定義事件
070 2.2.1 自定義事件概述
071 2.2.2 創建和使用自定義事件
071 2.3 母版使用案例
第5 章
自定義部件庫
084 5.1 自定義部件庫概述
084 5.2 加載和創建自定義部件庫
085 5.2.1 添加注釋和交互
085 5.2.2 組織部件庫到文件夾
085 5.2.3 使用自定義樣式
086 5.2.4 編輯自定義部件屬性
086 5.2.5 保留角部
第7 章
團隊項目
120 7.1 團隊項目概述
122 7.2 創建團隊項目
123 7.3 團隊項目環境和本地副本
123 7.4 獲取並打開已有團隊項目
124 7.5 使用團隊項目
第8 章
AxShare
130 8.1 Axshare 基礎
130 8.1.1 Axshare 概述
131 8.2 AxShare 生成原型
131 8.2.1 上傳原型到AxShare
132 8.2.2 管理項目
133 8.2.3 討論
133 8.2.4 插件
134 8.2.5 漂亮URL
135 8.2.6 重定嚮
136 8.2.7 如何給原型添加域名
第6 章
高級交互
088 6.1 條件邏輯(Condition Logic)
088 6.1.1 條件邏輯概述
089 6.1.2 交互和條件邏輯
091 6.1.3 多條件用例
092 6.1.4 條件邏輯案例
096 6.2 設置部件值
097 6.2.1 設置文本(Set Text)
098 6.2.2 設置圖像(Set Image)
099 6.2.3 設置選擇/ 選中(Set Selected/Checked)
099 6.2.4 設置選定的列錶項(Set Select List Option)
100 6.3 變量
100 6.3.1 變量概述
101 6.3.2 創建和設置變量值
101 6.3.3 在動作中設置變量值
103 6.3.4 使用變量值
108 6.4 函數(Functions)
108 6.4.1 函數列錶
113 6.4.2 創建數學錶達式
113 6.4.3 創建字符串錶達式
114 6.5 案例
114 6.5.1 賬單四捨五入
115 6.5.2 全局變量在不同頁麵間傳遞與動態麵闆交互
第9章
自適應視圖
138 9.1 自適應視圖概述
138 9.2 自適應設計與響應式設計
139 9.3 創建和設置自適應視圖
139 9.4 編輯自適應視圖
140 9.4.1 修改自適應視圖
140 9.4.2 繼承
141 9.4.3 改變樣式怎樣影響視圖
141 9.4.4 在視圖中添加或刪除部件
141 9.4.5 未入選部件
142 9.4.6 添加未入選部件
142 9.4.7 完全刪除部件
1429.4.8 自適應視圖的局限性
142 9.5 案例:製作簡單的自適應視圖
第10章
中繼器部件的高級應用
146 10.1 排序數據
146 10.1.1 新增排序(Add Sort )
146 10.1.2 移除排序(Remove Sort)
147 10.2 過濾數據
147 10.2.1 新增過濾器(Add Filter)
147 10.2.2 移除過濾器(Remove Filter)
148 10.3 分頁
148 10.3.1 設置當前頁(Set Current Page)
149 10.3.2 設置每頁項數目(Set items per Page)
149 10.4 添加/移除中繼器的項
149 10.4.1 添加行(Add Rows)到中繼器數據集
150 10.4.2 標記行(Mark Rows )
150 10.4.3 取消標記行(Unmark Rows)
151 10.4.4 更新行(Update Rows)
152 10.4.5 刪除行 (Delete Rows )
第11章
用戶界麵規範文檔
154 11.1 規範文檔概述
155 11.2 Axure規範文檔
156 11.3 生成器和輸齣文件
157 11.4 部件注釋 (Widget Notes)
157 11.4.1 自定義注釋集閤
158 11.4.2 添加注釋
158 11.4.3 復製和清除注釋
159 11.4.4 多部件添加、編輯、刪除注釋
159 11.5 頁麵注釋(Page Notes)
159 11.5.1 自定義頁麵注釋字段
159 11.5.2 頁麵注釋和富文本
160 11.6 生成規範文檔(規格說明書)
161 11.6.1 配置一個或多個部件錶
161 11.6.2 配置布局
第12 章
APP 原型設計
164 12.1 概述
164 12.2 APP 原型模闆
164 12.2.1 製作iPhone APP 原型模闆
167 12.2.2 製作 Android APP 原型模闆
168 12.3 製作簡單的 APP 原型
168 12.3.1 可滾動內容
170 12.3.2 滑動幻燈
174 12.4 在移動設備中預覽原型
174 在iPhone 中預覽原型
177 12.5 APP 原型的尺寸設計
177 12.5.1 viewport 概述
177 12.5.2 CSS 中的px 與移動設備中的px
第13 章
綜閤案例
181 13.1 使用Axure 製作 im.qq.com 網頁效果
181 13.1.1 頂部導航欄
195 13.1.2 首頁幻燈輪播
203 13.1.3 圖片移動
208 13.1.4 下載頁麵
218 13.2 大眾點評網
218 13.2.1 大眾點評首頁全局導航
225 13.2.2 大眾點評會員注冊
238 13.3 網易雲課堂
238 13.3.1 雲課堂首頁頂部菜單跟隨效果
245 13.3.2 雲課堂首頁圖片縮放效果
附錄A
APP 原型尺寸速查錶
附錄B
Axure RP7 部件操作快捷鍵
光盤目錄
01 新方法實現跳轉迴登錄前頁麵
02 Gmail 進度條加載效果
03 使用Axure 製作數獨解謎小遊戲
04 雅虎首頁全屏展開廣告
05 淘寶網手機充值效果
06 大眾點評網打分效果
07 百度搜索提示效果
08 跑馬燈文字鏈
09 鍵盤觸發快捷鍵效果
10 淘寶首頁幻燈
11 凡客網的全局導航
12 新浪微博的圖片與視頻
13 歐美係視差效果
14 引用任意頁麵的任意部分和攜程酒店地址選擇
15 圖片動態放大縮小
書籍案例課件
前言/序言
《Axure RP7:網站和APP原型製作從入門到精通》圖書簡介 一、 核心價值與目標讀者 本書旨在為對網站和APP原型設計感興趣的初學者及希望深入掌握Axure RP7高級技巧的進階用戶提供一套係統、詳實、易於實踐的教程。通過本書的學習,讀者將能夠熟練運用Axure RP7這一強大的原型設計工具,從零開始,逐步構建齣高保真、可交互的網站和APP原型,有效溝通設計理念,降低開發成本,提升産品成功率。 本書的目標讀者群廣泛,包括但不限於: 網頁設計師、UI/UX設計師: 無論您是初入設計行業,還是有一定經驗的設計師,本書都能幫助您係統學習Axure RP7的核心功能,掌握原型設計流程,提升設計效率和作品質量。 産品經理: 熟練掌握Axure RP7,能讓您更清晰、準確地傳達産品需求,與設計和開發團隊進行高效溝通,加速産品迭代。 交互設計師: 本書將深入講解Axure RP7的交互邏輯構建,幫助您設計齣用戶體驗流暢、交互生動的原型。 前端開發工程師: 理解原型設計流程,掌握Axure RP7的輸齣能力,能幫助您更好地理解設計稿,與設計師協同工作,提高開發效率。 學生和愛好者: 對網頁設計、APP開發有濃厚興趣,希望學習一門實用技能的學生或愛好者,本書將為您打開原型設計的大門。 二、 本書內容綱要與特色 本書內容結構清晰,從基礎概念入手,循序漸進,最終達到精通級彆。我們摒棄瞭枯燥的理論堆砌,而是以大量生動、實用的案例貫穿始終,讓您在動手實踐中學習和成長。 第一部分:Axure RP7入門基礎 第一章:原型設計概覽與Axure RP7初識 什麼是原型設計?它為何如此重要? Axure RP7軟件的安裝與界麵介紹:工作區、麵闆、工具欄等核心區域的詳細解讀。 創建您的第一個原型:從新建項目到基本頁麵布局。 理解Axure RP7的文檔結構:頁麵、母版、主頁等概念。 第二章:基礎控件的運用與樣式設置 常用控件詳解:文本框、按鈕、圖片、形狀、下拉列錶等。 控件的屬性麵闆:尺寸、位置、顔色、邊框、陰影等通用屬性設置。 文本樣式與段落格式:字體、字號、顔色、對齊方式、行距等。 形狀與綫條的繪製與編輯:直綫、矩形、圓形、多邊形等,以及它們的填充與描邊。 第三章:頁麵組織與導航設計 多頁麵的創建與管理:如何組織大型項目,建立清晰的頁麵層級。 頁麵之間的鏈接與跳轉:實現簡單的用戶流程。 使用動態麵闆進行頁麵切換與內容展示。 全局導航欄的設計與復用:通過母版實現統一的導航體驗。 第四章:Axure RP7的視圖與布局工具 畫布的縮放、平移與對齊:精細化布局的關鍵。 參考綫與網格的運用:保證頁麵元素的整齊與一緻。 頁麵視圖與報告視圖的切換與理解。 團隊協作的基礎:導齣與導入項目文件。 第二部分:Axure RP7進階技巧與交互設計 第五章:動態麵闆的深度應用 動態麵闆的狀態管理:創建不同的內容視圖。 動態麵闆的交互:點擊、鼠標懸停、鼠標按下等觸發器。 動態麵闆的動畫效果:滑動、淡入淡齣、放大縮小等,提升原型動感。 動態麵闆與中繼器結閤:實現列錶、錶格等動態數據的展示。 第六章:中繼器(Repeater)的強大功能 理解中繼器的工作原理:數據源與顯示區域。 創建和編輯中繼器的數據:手動輸入、導入數據。 中繼器中的交互設計:點擊行、排序、過濾等。 實際案例:購物車列錶、文章列錶、商品展示等。 第七章:變量與條件錶達式 Axure RP7中的變量類型:局部變量、全局變量、文本變量、數字變量等。 變量的賦值與修改:通過交互行為改變變量值。 條件錶達式的應用:IF-THEN-ELSE邏輯,實現更復雜的交互。 案例分析:用戶登錄狀態判斷、錶單驗證、復雜導航邏輯。 第八章:函數與邏輯控製 常用函數介紹:字符串函數、數學函數、日期函數等。 使用函數構建動態內容和計算。 邏輯錶達式的組閤與應用:實現更精細化的交互控製。 深入理解Axure RP7的事件處理機製。 第九章:母版與主頁的應用 母版的創建與編輯:全局組件的復用。 母版實例的覆蓋與修改。 主頁(Master Page)與頁麵模闆的概念。 如何利用母版和主頁提高設計效率和項目一緻性。 第十章:錶單設計與驗證 常用錶單控件的進階應用:輸入框、復選框、單選按鈕、下拉列錶、日期選擇器。 錶單元素的聯動與校驗。 使用變量和條件錶達式實現客戶端錶單驗證。 用戶輸入反饋與錯誤提示的設計。 第三部分:Axure RP7高級實踐與項目實戰 第十一章:Axure RP7與網頁設計的融閤 將Axure RP7原型轉化為響應式設計。 柵格係統與響應式布局的模擬。 不同屏幕尺寸下的原型展示與適配。 模擬網頁常見的交互效果:輪播圖、Tab切換、懸停效果等。 第十二章:Axure RP7與APP原型設計 APP常用控件與交互模式的應用:導航欄、底部標簽欄、彈窗、手勢滑動。 APP導航邏輯與頁麵層級設計。 高保真APP原型製作:模擬真實APP的操作體驗。 iOS和Android平颱的設計規範參考。 第十三章:Axure RP7的項目管理與團隊協作 項目文件的組織與命名規範。 Axure RP7的導齣功能:HTML、Word報告、圖片。 利用Axure Cloud進行原型分享與評審。 與開發團隊的協作流程:需求傳達、交互說明。 第十四章:案例分析與綜閤實戰 案例一:電商網站首頁原型設計 從需求分析到最終原型,詳細演示整個過程。 重點講解商品列錶、搜索、篩選等模塊的設計。 案例二:社交APP詳細頁麵原型設計 涉及用戶動態、個人主頁、消息通知等功能。 突齣APP特有的交互和動畫設計。 案例三:後颱管理係統原型設計 演示數據錶格、圖錶、錶單操作等後颱常用設計。 強調效率和信息層級。 第十五章:Axure RP7的常見問題解答與技巧拓展 收集和解答讀者在學習過程中可能遇到的典型問題。 分享一些鮮為人知但實用的Axure RP7技巧。 關於Axure RP7未來發展趨勢的探討。 三、 本書的獨特優勢 循序漸進的教學方法: 從基礎概念到高級技巧,每一步都清晰明瞭,確保讀者能夠輕鬆跟上學習節奏。 海量實戰案例: 覆蓋網站和APP的多種應用場景,讓學習內容緊密結閤實際工作需求,學以緻用。 深入淺齣的講解: 復雜的交互邏輯和技術概念,通過形象的比喻和直觀的演示,化繁為簡。 注重細節的指導: 每一個操作步驟、每一個參數設置都經過仔細考量,力求精準無誤。 強調實踐與輸齣: 鼓勵讀者動手練習,通過完成每一個章節的練習和案例,逐步構建自己的原型設計能力。 貼近實際工作流程: 不僅教授工具使用,更融入瞭原型設計的思維方式和團隊協作的理念。 四、 學習本書,您將收獲什麼? 掌握Axure RP7的核心功能和高級技巧,成為一名熟練的原型設計師。 提升溝通效率, 能夠用清晰、直觀的原型嚮團隊傳達設計理念和産品需求。 降低産品開發風險, 在産品上綫前發現並解決潛在的設計問題。 增強解決問題的能力, 麵對復雜交互和設計挑戰,能夠遊刃有餘。 為您的職業生涯添磚加瓦, 獲得一項在互聯網行業備受青睞的實用技能。 五、 結語 Axure RP7以其強大的功能和靈活性,成為當前原型設計領域不可或缺的工具。本書凝聚瞭作者多年的實踐經驗和對Axure RP7的深入理解,希望能成為您在原型設計道路上最可靠的夥伴。無論您是初學者還是希望精進的用戶,翻開本書,您將開啓一段高效、愉快的原型設計之旅。讓我們一起,用Axure RP7,將想法變為觸手可及的現實!