産品特色
編輯推薦
學劍,應該找什麼人教?西門吹雪和街頭賣藝者手中都是劍,你會如何選擇師傅?AXURE也是如此,同樣的工具,不同的人使起來境界相差甚遠。
本書作者就職於全球著名(市值飄忽不定,請大傢鬍亂猜測,作者實在低調不想公開)IT企業,無論眼界和手藝都是一般職業圖書組裝人無法相比的。
我們教的是創意,然後纔是軟件。
內容簡介
AxureRP是用來給網站“畫藍圖”的軟件,它如同售樓處的樣闆間,讓你在真正付齣時間和金錢來製作一個網站之前,能夠完全瞭解到*終的真正網站所具有的功能、設計、交互和用戶體驗。親眼看到、親手用到一個網站,然後在這個原型的基礎上進行用戶測試和改進,節省大量的時間和金錢。
《網站藍圖3.0:Axure7原型設計寶典(互聯網産品WebAppApple Watch等)》是《網站藍圖》的徹底新版,基於新的AxureRP7.0版本。用超過30個基於互聯網/移動互聯網/可穿戴設備的新案例,詳細說明如何使用AxureRP一步一步製作高保真原型圖。在功能點中,與時俱進地選擇瞭當前互聯網流行的功能和技術,比如大量*新的基於iPhone、小米、微信、響應式網站設計和AppleWatch的案例等,也充分考慮瞭互聯網從業人員中各個角色的需求,比如産品經理、決策者、工程師、市場營銷人員、廣告公司、設計師等。
《網站藍圖3.0:Axure7原型設計寶典(互聯網産品WebAppApple Watch等)》適閤於互聯網的各個角色的從業者,包括産品經理、項目經理、用戶體驗設計師、平麵設計師、運營經理、策劃經理、客戶經理、工程師、決策者、市場營銷人員、商務閤作人員、提案者、廣告公司、互聯網創業者等。
作者簡介
皓月,網名阿睡(MrSleepy),2002 年畢業於北京大學物理係。畢業後一直從事互聯網相關工作,擔任過工程師、産品經理、市場策劃、銷售策劃、營銷總監、主管運營和技術的副總裁等職務。現就職於某著名消費電子産品生産商。
曾為上綫徹夜不眠,曾為書寫需求文檔嘔心瀝血,曾為錶明觀點苦口婆心,曾為實現功能軟磨硬泡、威逼利誘,曾為爭取資源據理力爭,也曾為瞭安撫迸發的靈感奮筆疾書到淩晨。不敢說對互聯網行業有多麼深的理解,但是卻對自己喜歡的事情熱情未泯。期望能與互聯網同業者共勉,能夠多勞真的多得。
Tom Yang(楊長韜),青年設計師、藝術傢。非常擅長將新興電子元素運用到作品中,並且創作素材往往源自日常生活。
畢業於東南亞著名廣告設計學院TOA,榮譽畢業生獲得者,並擔任畢業展副主席。迴國後,在國內廣告公司與互聯網公司擔任創意總監、運營VP。
服務過的品牌包含:雀巢、西班牙文化局、北歐航空、太古地産、雅虎中國、中國移動、李寜等。
2010 年啓動至今的個人創意項目(嚮妻子的生日祝福電子賀卡)多次獲得國內知名互聯網媒體報道,其中的 Google Maps 電子賀卡一度在 Alexa“Google Maps”關鍵詞搜索中排到瞭全球第二。
目錄
第1 章 關於Axure RP 70 1
11 Axure公司的故事2
12 裝修與Axure RP2
13 隆重介紹 Axure 7 3
131 更多的事件支持3
132 快速Preview5
133 文本輸入部件的輸入提示5
134 豐富的輸入部件內容5
135 新的部件形狀6
136 動態麵闆的新屬性6
137 切割圖片7
138 所有部件都可以被隱藏7
139 部件可以被設置為圓角、透明、陰影8
1310 新的Widget Manager(部件管理器)8
1311 跨頁麵的撤銷功能8
1312 全新的部件類型——Repeater(循環列錶部件)8
1313 Adaptive View (自適應視圖)的支持9
1314 Axure Share 發布平颱10
1315 高亮顯示所有有互動事件的部件11
1316 Site Map 中變量跟蹤器11
1317 界麵上的調整11
1318 預置參數的添加12
14 愛上Axure RP 的十大理由13
15 Axure RP 的特色功能14
151 概念圖+ 設計【Sketch+Design】14
152 互動18
153 文檔19
154 閤作20
16 Axure RP 與其他原型工具的比較21
第2 章 原型和高保真原型的比較23
21 什麼是原型24
22 高保真原型25
23 高保真網站原型的優點 26
24 如下角色的人會參與到網站的製作流程當中28
25 人人都愛高保真原型28
26 誰來製作高保真原型30
27 高保真原型的更新31
28 開始之前32
第3 章 Axure RP 7 軟件簡介33
31 運行界麵34
32 工具欄34
33 Site Map 網站地圖35
34 Widget 部件37
35 Masters 主部件區域42
36 頁麵區域42
37 Page Interactions and Page Style 頁麵設置區域45
38 Widget Name and Interactions 互動管理區域46
39 Widget Properties and Style 部件屬性區域46
310 Widget Manager 部件管理區域46
第4 章 案例解析47
案例1——雅虎首頁幻燈48
案例2——Gmail的進度條54
案例3——新浪富媒體廣告示意58
案例4——淘寶首頁導航鼠標懸停效果 64
案例5——點評網的打分效果69
案例6——360網站的濛版效果77
案例7——Apple Store 首頁的半透明導航效果82
案例8——榖歌搜索提示效果87
案例9——凡客首頁的跑馬燈文字鏈96
案例10——美團網的倒計時牌107
案例11——製作PPT提案110
案例12——用Axure RP實現動畫120
案例13——Elastica 網站的浮齣模塊122
案例14——製作iPhone 6 Plus 微信交互效果125
案例15——微商天下——微信和微店的互動136
案例16——引用任意頁麵的任意部分154
案例17 ——FWA 的呼吸式幻燈廣告158
案例18——通用登錄注冊第一部分165
案例19——通用登錄注冊第二部分171
案例20——Aquatilis網站的變換邊框177
案例21——Apple iPhone 6 手機頁麵的隨滾動加載182
案例22——Looklet 的真人試衣間193
案例23—— 優衣庫羽絨服的購買頁麵204
案例24——Pinterest 的瀑布流211
案例25——小米手機4介紹頁麵的階段式滾動221
案例26——App Store on iPad233
案例27——iPhoto 的相冊封麵效果239
案例28——遊戲大傢來找茬241
案例29——響應式頁麵設計255
案例30——Apple Watch262
第5 章 綜閤案例271
51 電商網站272
511 需求描述272
512 綫框圖273
513 設計圖284
514 高保真綫框圖286
515 總結310
52 Morework——同行同事在綫交流平颱310
521 需求描述310
522 需求分析與綫框圖311
523 高保真綫框圖317
524 總結331
53 臭美——iPhone App331
531 需求描述332
532 需求分析333
533 高保真綫框圖333
534 總結358
附錄A 基礎操作359
A 1 為部件添加事件360
A2 為頁麵添加事件369
A3 添加變量369
A4 fx 371
A5從Photoshop 到Axure RP372
A6 在Axure RP 中使用Flash377
A7 背景覆蓋法379
A8 拖曳部件382
A9 坐標382
A10 尺寸383
A11 生成原型HTML 並在瀏覽器中查看384
A12 Snag it 使用簡介386
附錄B 最簡單的專題製作方法389
B1 圖片堆砌法390
B2 直接切圖法391
結尾393
前言/序言
Axure 7.0 已經成為中國互聯網、移動互聯網從業者的必備工具,到2016 年,Axure 7.0 將全麵超越PPT 和Photoshop 在互聯網行業的重要性。在最近的百度指數當中,大傢可以看到Axure 的增長率大幅超越瞭Photoshop。
Axure RP,是一款偉大的、曾經默默無聞的網站建模軟件。說它偉大,是因為它用如此簡單的方式,將韆言萬語化作無聲的默契;說它默默無聞,是因為曾經隻有很少的人在使用它編織和描繪自己的夢想和創意。大部分人尚不知道有這樣一款神奇的軟件,可以讓人們如此清晰地觸摸一個網站的脈絡。
“仁者見仁,智者見智”這樣一句話,不知道讓多少網站經曆瞭推倒重來、混亂之至、莫名其妙、虎頭蛇尾的痛苦過程。這一切的原因都是因為,文字是不可靠的!文字的不可靠在於,不同的人對於同樣的文字會有不同的理解。這種不同的理解從開始就將網站建設帶入瞭深淵。大傢都知道,建築是靠藍圖造齣來的,建築藍圖詳細說明瞭建築是什麼樣子的,照著藍圖施工,造齣來的大樓是跟藍圖一模一樣的。正因為很多網站沒有好的藍圖,纔導緻瞭網站建設中的拖遝與混亂。那麼,如何製作網站藍圖?
Axure RP 就是用來給網站畫藍圖的軟件,它如同服裝設計師的樣衣、建築師的藍圖、電影導演的故事版、售樓處的樣闆間……總之,它讓你在真正付齣時間和金錢來製作一個網站之前,能夠完全瞭解到最終的真正網站所具有的功能、設計、交互和用戶體驗,親眼看到、親手用到一個網站。然後在這個原型的基礎上進行用戶測試和改進,節省大量的時間和金錢。比這個更棒的是,它能讓人一下子就明白網站是做什麼的、如何使用一個網站以及要花多少人力物力把一個網站做齣來。裝修之前,我們會看樣闆間,這樣就知道如果買瞭,住進去的是什麼樣的房子。那麼看到最終網站之前,投資人、工程師、老闆、客戶也會想看到“網站的樣闆間”,這樣他們纔知道自己要做什麼、錢花在什麼地方瞭、提供瞭什麼樣的服務、買的是什麼東西……Axure RP 就是製作“網站樣闆間”的工具。它是如此強大(抱歉我再一次陶醉地說),所製作的樣闆間,並不僅僅是“裝修好的樣闆間”,還有各種“傢電”、“傢具”、“燈”……是可以住的樣闆間!
有瞭Axure RP,無論你是:
. 焦頭爛額、覺得全世界人都無法理解你的産品的産品經理;
. 精益求精追求完美的設計師;
. 無所不能看透世間冷暖的工程師;
. 擁有奇思妙想瀕臨退學的奇纔;
. 懷揣夢想尋求資金的創業者;
. 不滿現實遭受悲慘用戶體驗的互聯網受害者;
. 運籌帷幄的公司決策者;
. ……
你都可以理直氣壯地站起來說“各位,這,就是我想要的!”
聲明:本書是全網Axure 專業圖書銷售第一名的《網站藍圖:Axure RP高保真網頁原型製作》的最新版本,這本書同時也是國內第一本Axure 原創圖書,被競相模仿,甚至,抄襲。國內知識産權保護尚不完善,需要我們一起去維護。Axure這個工具與諸如PPT、PS之類的工具不同,它是基於創意和結構的,需要作者具備大量的真實從業經曆纔能將其神奇之處展現齣來,絕非一些職業寫手可以駕馭的。但是本著“組織結構可以抄襲,項目案例可以照搬”的原則,市場上充斥瞭大量“山寨”Axure 圖書,筆者無奈之餘,還是無奈……
拒絕山寨,從我做起!
徹底更新
本書之所以叫做3.0 版本,是因為作者另外一本暢銷書《APP藍圖:Axure RP 7.0 移動互聯網産品原型設計》是2.0 版本。
在3.0 版本中,作者做瞭如下大規模的改進:
1. 超過30 個基於互聯網/ 移動互聯網/ 可穿戴設備的最新案例。
2. 鑒於1.0 版本的讀者反饋,本書案例難度進行瞭梯度調整,由淺入深,初學者和高級用戶都可以找到需要的內容。
3. 加入最新的桌麵網站和移動網站(App)的最新國際設計趨勢。例如呼吸式菜單,飄動banner,變換邊框的菜單,滾動加載等。
4. 跟隨互聯網、移動互聯網及可穿戴設備的潮流,提供大量最新的基於iPhone、小米、微信、響應式網站設計和Apple Watch 的案例。
5. 充分考慮瞭互聯網從業人員中各個角色的需求, 比如産品經理、決策者、工程師、市場營銷人員、廣告公司、設計師等。
特彆提示
首先多謝各位讀者的厚愛,網站藍圖1.0 在京東獲得上韆個5 星好評,2.0版本上市3 個月也獲得將近400 個5 星好評。希望最新的版本,也能夠給大傢在移動互聯網的大潮中帶來幫助。
本書在寫作中,為瞭避免將同樣操作一次又一次地重復介紹,而且避免在一開始就把大傢帶入到莫名其妙的操作中,我們將一些常用的、反復性的內容放在瞭基礎操作一章中,希望大傢不要迷茫。
對於讀者來說,並不需要瞭解很多的技術細節。不過對於一些高級的Axure RP 功能,熟悉HTML 和網站創建流程能夠加深對本書的理解。
讀者群
. 互聯網行業産品經理
. 開發人員
. 用戶體驗設計師
. 平麵設計師
. 運營經理
. 策劃經理
. 從事互聯網營銷的客戶經理、創意人員、銷售人員、商務閤作人員、提案者、策劃經理
. 互聯網創業者
廣告公司、廣告代理公司的客戶經理、策劃人員
鳴謝
大概是人品好的緣故,筆者身邊全是正直勤奮的親人和朋友,你們的智慧和包容極大提升瞭筆者的創意、技術和道德水準。這裏因為太多,就不一一列齣占紙瞭,謝謝你們!
另外,本書的問世,仍然離不開清華大學齣版社欒大成編輯的鼓勵和督促,以及嚴謹的、對讀者和內容負責的態度。大成編輯豐富的行業知識,為筆者提供瞭豐富的案例建議並一起不斷修訂打磨至一本還過得去的書。這段是真心的,不是某編輯逼我寫的。
參考資料聲明
為瞭順利地展開主題,本書在編寫過程中參考瞭國內外一些著名網站/APP 的功能和效果,在此感謝網站製作和策劃人員的努力工作。由於少量案例來源於互聯網,因此無法一一查明原作者,無法準確列齣齣處,敬請諒解。如有內容引用瞭貴機構、貴公司或您個人的技術資料或作品卻沒有注明齣處,歡迎及時與齣版社或作者本人聯係,我們將會在博客或相關媒體中予以說明、澄清或緻歉,並會在下一版中予以更正及補充。
效率就是生命
“運動中的賽跑,是在有限的路程內看你使用瞭多少時間;人生中的賽跑,是在有限的時間內看你跑瞭多少路程。”
——馮驥纔
我們並不確定自己有多少時間,能把控的隻有當前的效率。好的工具無疑可以大幅提升效率,好的工作流程則可以大幅提高團隊的整體效率。Axure RP 對於産品團隊,既是利器,也引入瞭更高效的工作流程。
記得一次我們拿Axure RP 製作的交互稿給馬化騰審閱,馬化騰當成瞭設計稿,批復說風格簡約,可發布。
為什麼提起産品設計就會談到Axure RP,它到底好在哪裏?呂皓月精心編寫的這本書將會帶你領略,而我擔心的是,Axure RP的魅力會將人迷暈,忽視效率這個更本質的話題。
關於效率,我談體會:
一、彆讓工具成為負擔
打開一個可以製作高仿真原型的工具,很多時候會不自覺地考慮對齊、邊距等美觀問題,這些工作花瞭不少時間,但對原型需要驗證的問題可能幫助不大。雖然Axure RP 提供瞭草稿工具,其實,在最早的構思階段還是不如紙和筆來的揮灑自如。
在使用工具的時候,要專注自己當前的任務,抑製自己的強迫癥和多動癥。當工具影響自己想象力的發揮時,要考慮使用其他工具輔助。這一點Axure RP 做得非常好,整個過程行雲流水,幾乎不會成為想象力的障礙。
二、有效的溝通纔能讓流程生效
不要被流程框死,也不要迷信流程中的交付可以代替溝通。團隊在一起協作,最重要的還是充分的溝通,每個團隊都需要在實踐中尋找適閤自己的工作流程。比如QQ 郵箱,他們的設計團隊自己完成前端製作,這樣就少瞭很多沒必要的溝通,也不再需要反復確認,改到自己滿意就可以瞭,最終體現齣來的工作效率極高。
總而言之,使用Axure RP:
不占用更多時間,祝你掌握效率的秘密。
——王堅
網站藍圖3.0:Axure7原型設計寶典(互聯網産品WebAppApple Watch等) 下載 mobi epub pdf txt 電子書 格式
網站藍圖3.0:Axure7原型設計寶典(互聯網産品WebAppApple Watch等) 下載 mobi pdf epub txt 電子書 格式 2024
網站藍圖3.0:Axure7原型設計寶典(互聯網産品WebAppApple Watch等) mobi epub pdf txt 電子書 格式下載 2024