前言

軟件介紹

Axure是一款專業的原型設計工具。經過多年的發展，雖然Axure面臨各種軟件的挑戰，但它在原型設計領域的地位依然不可動搖。Axure最早被知名互聯網公司的設計師使用，目前已經成為互聯網從業者的一個必備工具。無論是產品經理、UI和UE設計師，還是程序開發人員，都將Axure視為一個必須掌握的設計工具。它除了能快速設計出產品原型，還能在開發初期幫助團隊快速迭代原型。

本書基于Axure RP9編寫，建議讀者使用該版本軟件進行學習和操作。

內容介紹

第1課“走進Axure的世界”講解Axure的重要性，以及學習Axure的過程，主要包括基礎知識、交互知識、變量和函數3個階段的學習要點；同時介紹了本書強調實戰、內容覆蓋網頁端和移動端的特點。

第2課“掌握Axure的基礎操作——功能模塊”講解軟件的基礎環境，包括在歡迎界面中快速新建文件和保存文件的方法，以及設置主要工作區的方法。

第3課“組織原型頁面——產品結構”通過不同的實例講解移動端和網頁端的產品結構，并介紹了使用Axure組織互聯網產品結構的方法。

第4課“制作線框草圖——基本元件”講解線框草圖、低保真原型和高保真原型之間的區別和聯系，同時介紹如何使用基本元件制作微信線框草圖。

第5課“快速原型工具——工具欄”講解使用工具欄提高原型制作效率的方法，使讀者學會如何使用工具欄中的選擇模式、連接、繪畫、錨點、調整層、鎖定和縮放等設計常用設計工具。

第6課“制作流程圖——元件庫”講解流程圖的作用，基礎元件庫、流程元件庫和圖標元件庫的使用方法，以及綜合運用元件庫制作線框流程圖和基礎流程圖的方法。

第7課“用瀏覽器打開原型——預覽和發布”主要講解發布HTML文件的方法，以及預覽原型時該如何設置瀏覽器；同時介紹使用AxShare在線服務發布和預覽原型的知識。

第8課“創建自適應頁面——頁面設置”講解自適應頁面的作用，如何進行基本頁面設置，以及如何設置網頁自適應頁面和手機自適應頁面。

第9課“設計手機原型——APP規范和樣式”講解互聯網產品的迭代思維，以及通過APP原型規范設計出手機高保真原型的技巧（注：APP亦可寫作App，全書為與截屏圖一致，統一寫作APP）。

第10課“設計網頁原型——網頁規范和樣式”講解互聯網產品設計的一致性原則，以及通過原型規范設計出網頁高保真原型的技巧；同時講解調整高保真原型的自適應頁面的方法，以及“概要”面板的使用方法。

第11課“設計手機登錄交互——按鈕和文本框”開始講解交互設計的知識，包括通過添加按鈕和文本框了解交互設計的基本原理，以及講解如何設計手機登錄頁的交互細節。

第12課“設計網頁登錄交互——圖標和形狀”講解網頁登錄原型的設計方法，以及添加圖標交互狀態和新建交互的方法。

第13課“設計狀態切換交互——選項組切換”通過注冊頁面標簽切換和微信導航切換的案例，講解選項組切換的交互設計知識。

第14課“切換頻道頁面——框架元件”介紹基礎元件中內聯框架的使用方法，以及在頁面中鏈接外部網址、內部頁面、本地視頻和本地圖片的方法。

第15課“管理相似模塊——母版”講解如何使用母版修改多頁面上的元素，從而提升設計效率，以及使用母版管理引發事件的技巧。

第16課“設計動態效果——動態面板”講解如何通過動態面板實現顯示和隱藏、圖片輪播、拖動效果，通過添加動態面板固定到瀏覽器的交互，講解如何增加頁面跟隨效果。

第17課“運用變量設計交互——變量和函數”講解Axure中的變量和函數知識：使用局部變量結合表達式，完成交互中的運算設計；使用全局變量，進行數據的存儲和讀取，實現跨頁面的交互效果。

第18課“添加條件判斷——啟用情形”講解梳理交互流程的知識，以及在設計滿足多個條件才能觸發的交互案例時，如何通過啟用情形來完成其交互。

第19課“設計帶交互的列表——中繼器”通過設計商品列表頁案例，講解中繼器的使用方法，以及使用中繼器進行排序和篩選的知識。

第20課“制作翻頁效果——中繼器的變量”講解使用中繼器設計分頁效果的方法，以及中繼器的默認變量知識。

第21課“設計商品內容頁——綜合運用中繼器”通過添加商品推薦圖標案例和商品內容頁案例，講解如何使用中繼器變量，以及如何使用中繼器的添加行、標記行和刪除行功能。

第22課“設計10個拓展案例——變量與函數運用”講解中繼器、元件、窗口、字符串、日期、指針、數字、數學等變量和函數，以及如何使用它們設計出復雜的案例效果，豐富原型中的交互設計。

本書特色

產品理論

本書除了講解Axure的基礎知識之外，還講解了產品設計過程中涉及的理論知識。讀者不但可以學會產品的基本設計規范，還可以學會如何對互聯網產品進行迭代。

互聯網思維

本書結合了互聯網思維設計實戰案例。讀者可以從前期的線框草圖開始學習設計，然后隨著對本書的深入學習，慢慢把它迭代成高保真原型圖，最后迭代成產品交互原型圖。通過這個過程，讀者能更好地理解并掌握互聯網產品迭代知識。

網頁端和移動端

本書覆蓋了網頁端和移動端的設計技巧。通過學習，讀者可以掌握網頁端和移動端交互設計的區別與聯系，從而在多端口的原型設計中游刃有余，達到熟練掌握Axure的學習目標。

講解視頻

針對一些較為復雜的設計細節和擴展知識，本書在學習體驗上進行了精心的設計，在“每日設計”APP中搜索關鍵字即可觀看相關的視頻教程。視頻教程與書中內容相輔相成、相互補充。

增值服務

在應用商店中搜索并下載“每日設計”APP，打開APP，搜索書號“58621”，即可進入本書的相關頁面，獲得全方位增值服務。

配套資源

① 圖書導讀音頻：由作者講解，介紹全書的精華所在。

② 配套視頻：針對一些復雜的知識點， 配有講解視頻，讓學習更簡單。

③ 配套講義：是對全書知識點的梳理及總結，方便讀者更好地掌握學習重點。

④全書思維導圖：可通覽全書講解邏輯，幫助讀者明確學習目標。

軟件操作和作業提交

① 案例和練習題的素材文件與源文件。素材文件和源文件能夠讓讀者的實踐之路暢通無阻，便于讀者對比本書效果，完善自己的作品。讀者在“每日設計”APP 的本書頁面“圖書詳情”欄目底部可以直接下載素材文件和源文件。

② 復雜知識點的詳細講解視頻。知識點復雜不易學不用怕，詳細講解視頻來幫忙。在“每日設計”APP的本書頁面“配套視頻”欄目中，讀者可以在線觀看全部配套視頻。此外，讀者還可以直接搜索關鍵字觀看對應視頻。

③ 訓練營。讀者做完的練習題可以上傳至“每日設計”APP 的“訓練營”欄目，獲得專業人士的點評。

拓展學習

老師好課。在“每日設計”APP的“老師好課”欄目，讀者可以學習其他相關的優質課程，全方位提高自己。

本書說明

書中案例只為講解軟件功能，商品描述與配圖無關。制作實際項目時，請注意核查商品信息。

本書難免存在錯漏之處，希望廣大讀者批評指正。如果讀者在閱讀本書的過程中有任何建議，可以發送電子郵件至dengzhao@live.com或zhaoxuan@ptpress.com.cn聯系我們。

編者

2022年5月