想要打造好用、有效率、令使用者滿意的網站，就需要完善的 UX 設計！ 網站企劃、網站開發者、設計總監、製作人、設計師、工程師…… 網頁設計相關人士必讀的 UX Design 指南 「UX」是什麼？「UX」是「User eXperience」的縮寫，翻譯為「使用者體驗」。有種說法是，「UX」並非一般所指的產品或服務等「事物」，而是包含事物在內，所謂的環境「狀態」的設計。 舉例來說，我們以為咖啡店賣的商品（事物）是咖啡，實際上，咖啡的定價中包含了咖啡店內店員的應對、座椅的舒適性、內部裝潢、場所、顧客種類、時間……等全部（狀態）的價值。使用者絕對不是光憑咖啡本身就掏錢，而是購買坐在咖啡店裡喝咖啡的完整體驗。 同理可知，做為網站設計者，一個網站的好壞也不是光看表面上的操作介面 (UI) 和視覺設計，還有使用者的操作感覺、使用體驗。然而，在網站做出來之前，我們要如何了解使用者的體驗、進而改善網站呢？那就是這本書要教你的事。 本書由實際在日本大型數位行銷公司 IMJ Corporation 執行 UX 設計的作者群負責執筆，為網站製作者設計了循序漸進的 UX 設計課程。從 UX 設計基礎開始，到「易用性評估」、「製作原型」、「結構化腳本」、「使用者調查」、「顧客旅程地圖」、「塑造使用者形象」、「導入組織」等，共分成 8 章來說明。有鑑於許多企業對 UX 設計不熟悉，或是因預算問題、時程問題而導入困難，作者群皆從經手過的案例來解析，並在書中收錄了實際導入組織時可用的技巧及大小兩個專案模型案例，把現實狀況與實作方法整合在本書中，而不只是紙上談兵。另外，還提供範本下載，讓你不只是理解，也能立刻動手嘗試，是一本可以讓你體驗 UX 設計現場的絕佳參考書。 本書特色 只會設計 UI 是不夠的！學好 UX 設計，讓你打造出真正令使用者滿意的網站 ◎書中透過虛擬人物 - 想要在公司裡導入 UX 設計的網頁設計師「白石由香」小姐，讀者將從她的角度出發，了解從網頁設計跨足 UX 設計時所面臨的困境，並跟她一起學習必要的知識。全書深入淺出，避免艱澀難懂，幫助讀者無痛建立「易用性評估」、「製作原型」、「結構化腳本」、「使用者調查」、「顧客旅程地圖」、「塑造使用者形象」...等重要觀念。 ◎網站企劃、網站開發者、設計總監、製作人、設計師、工程師……皆適用！網頁設計相關人士必讀的 UX Design 指南。 ◎作者群為日本大型數位行銷公司 IMJ Corporation的專業團隊，實務經驗豐富，從經驗出發，融入書中情境，還提供實做範例，讓你融會貫通，不再紙上談兵。
【掌握網頁最新趨勢 引領業界設計潮流】 融合實務界設計手法的 16 堂課，一出手就做出高質感的精彩作品！ 看了好多本書，學了很多功能，還是不會架網站？ 每個人都在用手機、平板電腦上網了，可是你做的網頁能正確顯示嗎？ 想好好學會 Dreamweaver CC，並做出最符合潮流的網站，你只需要這一本！ [16 堂課 × 5 大類網站設計解析] 由網頁設計師親自打造本書精美範例，並精心規劃 16 堂課 × 5大熱門類型網站範例：設計師工作室、主題學習館、手機網站與活動 APP、旅遊攝影網站、T 恤購物網站，只要跟著本書演練各範例，就能培養網頁設計美感，並體驗到打造一個完整網站的每個重要環節。 [善用 Dreamweaver CC 2015 最新功能 打造最潮網站] ● Bootstrap：最流行的網頁框架，讓你快速完成隨手機、平板、電腦螢幕自動調整的網頁 ● Bootstrap 組件：快速做出華麗的圖片輪播效果、按鈕選單等流行特效。 ● jQuery UI：輕鬆製作出折疊式面板、標籤面板、彈出式日曆等常用元件。 ● jQuery Mobile：不必寫程式，用手機就能做出 App ● 雲端字型：不必再把文字轉成圖片，讓每部電腦都能正常顯示特殊字型 [做出適用於手機、平板、桌上型電腦的網頁] 網頁在電腦上看起來好端端的，用手機看卻變形了，怎麼會這樣？使用者可能用各種不同的裝置上網，網頁設計師該怎麼辦？本書將會教你運用最新的 Bootstrap 功能，打造出能因應裝置自動調整大小的網頁。 [不會寫程式沒關係，請 Dreamweaver 幫你做 App！] 越來越多人開始用行動裝置上網，也漸漸會有客戶提出「幫網站做個 App 吧！」的要求。想做 App 卻不會寫程式，該如何是好？本書將會教你運用 Dreamweaver，幫網站打造專屬的 App！ 本書特色: 精心規劃 16 堂課 × 5大熱門類型網站範例，最好學、最實用！ Part1 設計師工作室：Div 切版快速上手、奠定網站建構觀念 Part2 主題學習館：結合雲端字型、影音運用與社群媒體，趕上設計潮流 Part3 手機網站與活動 APP： Bootstrap 架站 × jQuery Mobile App，兩大熱門技巧一次學會 Part4 旅遊攝影網站：Bootstrap 組件 × jQuery UI做出華麗又具專業感的特效 Part5 T 恤購物網站：用 Dreamweaver CC 搭配 PHP 架站，網路開店不求人 ※內附 DVD 光碟 ● 提供本書 5 大類型的範例網站，方便觀摩與研究 ● 各堂課皆提供練習檔、完成檔、重點整理 & 實用的知識，幫助您練習與複習重點技巧
~ 實現您製作動畫的夢想 ~~ 系統化的學習 + 精緻範例的美感培養 ~~ 迅速奠定高人一等的Flash 動畫操作力與設計力 ~ Flash 的應用相當廣泛, 例如：網頁動畫、影音播放、趣味遊戲、互動式按鈕…都可以看見 Flash 的應用。本書為了讓讀者有愉快的學習經驗, 我們將先詳細說明 Flash 的環境操作、繪圖技巧, 讓您學會畫出精美的動畫角色、場景, 並用容易上手的範例, 快速帶你體驗做動畫的樂趣。接著安排動畫範例的實作, 每一章都用心設計了精美的動畫製作教學, 讓您實際演練動畫的設計與開發過程, 部份章節還增加了「延伸學習」, 讓讀者更能體會動畫功能的多樣變化。不過, 學會製作動畫只是第一步, 接下來要如何將 Flash 動畫應用到適當的場合才是關鍵, 所以我們還要告訴你如何將做好的 Flash 動畫匯出成各種影片檔案格式, 以便擴展 Flash 動畫的應用領域。此外, 因為有些智慧型行動裝置 (如 iPhone、iPad) 不支援 Flash 動畫的播放, 我們還要告訴你解決辦法, 包括將 Flash 動畫發佈成 HTML 5 網頁, 或者是製作成 APP！而製作互動式動畫必備的 ActionScript 3.0 程式設計技巧, 我們將先幫你挑出最常用的功能做介紹, 並利用 Flash 提供的 ActionScript 撰寫幫手【程式碼片段面板】來入門, 即使從沒寫過程式, 也能輕鬆套用程式碼片段, 完成互動式功能。【本書精彩內容】：※ 學習的價值在於發揮應用！本書將帶你實際做出精彩的動畫範例與趣味遊戲：◎ 花園裡飛舞的蝴蝶◎ 盪鞦韆的小男孩◎ 清涼舞動的氣泡水◎ 蹦蹦跳跳的彈力足球◎ 夜空中忽近乎遠移動的飛碟◎ 打探照燈抓住蛋糕小偷◎ 草原上奔馳的長頸鹿◎ 文字變形動畫◎ 互動式按鈕動畫◎ 海豚盃奧林匹克影片播放控制◎ 貓捉老鼠記分遊戲※ 精闢的 Flash 功能應用, 學習最新、最有效率的動畫製作技巧：◎ 運用「裝飾工具」快速建立動畫效果 (閃電、火焰、煙霧、叢林、花叢…), 或噴刷出大範圍的圖樣來製作精美場景。◎ 利用「骨塊工具」的「阻尼、強度」設定, 讓骨塊連動有更逼真的彈力效果。◎ 學習 Text Layout Framework (簡稱 TLF) 文字, 更靈活的編排文字版面, 如行距、底線、縮排、段落間距、大小寫、上下標、欄間距寬度…等。◎ 套用「程式碼片段」面板中的互動效果, 自動幫我們寫好 ActionScript 程式, 不用再畏懼寫程式。 本書特色 ◎ 教導簡單容易上手且精緻好看的繪圖技巧, 迅速獲得成就感。◎ 從範例中學會 Flash CS6 的功能應用, 掌握動畫製作的關鍵技巧。◎ 零壓力！ActionScript 3.0 互動程式輕鬆上手。◎ 實際演練遊戲開發過程, 設計趣味遊戲你也辦得到。◎ 將 Flash 動畫匯出成影片檔案格式。◎ 將 Flash 動畫佈成 HTML 5 網頁, 解決在 iPhone、iPad 播放的問題。◎ 將 Flash 動畫變成行動裝置的 APP。
※ 有系統的學習 + 精緻範例的美感培養奠定高人一等的操作力與設計力Dreamweaver 一直是製作網頁的主流工具軟體, 進展到 CS5 版更強化了網站開發、系統相容度等功能。尤其隨著技術的進步, 現在除了個人電腦以外, 使用智慧型手機、iPad、iPod touch...等裝置上網的使用者也越來越多, 運用 Dreamweaver CS5 來模擬各種網路環境, 才能確保您做的網頁也能在各式裝置上正常顯示。本書專為網頁設計初學者所規劃, 內容以打造一個「日本旅遊資訊網」貫穿所有章節, 架構上包含「開場動畫」、「首頁」、「精選行程」、「日本簡介」、「日本寫真館」、「旅遊日誌」及「相關連結」共 7 個頁面, 除了讓您熟悉 Dreamweaver CS5 的各項功能操作, 更重要的是能夠藉由觀摩高水準的範例網站, 培養網頁設計美感, 製作出商業級網站成果。此外還會教您模擬各種環境來測試, 並為您介紹目前最夯的網站行銷技巧：推文到 Facebook、twitter、plurk, 打開你的網站知名度！※ 瀏覽本書範例網站「福拉格日本旅遊網站」http://www.iflag.url.tw/flagjapan2010/本書全面性涵蓋網站製作的必備技巧, 是打造優質網站的最佳入門書籍：◎ 網站門面—「導入頁」的製作技巧◎ 推文到 facebook、twitter 與 plurk 的製作方式◎ 插入 Flash 動畫、FLV 影片與背景音樂◎ 利用 Spry 組件製作快速做好選單、面板◎ 活用 CSS 樣式編排與美化版面◎ 表格、條列項目、文繞圖的編排技巧◎ 測試網頁在不同瀏覽器的顯示效果◎ 設計表單與驗證輸入資料的格式◎ 避免網頁亂碼的技巧◎ 直接在 Dreamweaver 中裁切圖片、調整亮度◎ 使用主流的 Div 標籤及 CSS 建構網頁版面◎ 利用 Spry 資料集製作可即時排序的表格資料◎ 網站的上傳與後續管理維護
Flash 的應用相當廣泛, 例如：網頁開場動畫、滑動選單、電子賀卡、影音播放、趣味遊戲、互動式按鈕…都可以看見 Flash 的應用。而初探 Flash 軟體操作環境, 眾多的工具鈕、面板、功能表命令, 似乎很困難, 更不用說要做出好看的作品了！本書為了讓讀者有愉快的學習經驗, 我們先詳細說明 Flash 的環境操作、繪圖技巧, 讓您學會畫出精美的動畫角色、場景, 並用容易上手的範例, 快速帶你體驗做動畫的樂趣。接著安排動畫範例的實作, 讓您實際演練動畫設計與開發過程。而製作互動式動畫必備的 ActionScript 3.0 程式設計, 由於函數、指令語法實在太多了, 我們先幫你挑出最常用的功能做介紹, 並利用 Flash CS5 新增的 ActionScript 撰寫幫手：「程式碼片段面板」來入門, 即使從沒寫過程式, 也能輕鬆套用程式碼片段, 完成互動式功能。最後還帶著您一同完成趣味又好玩的「貓捉老鼠」記分遊戲, 讓你對 Flash 的功能徹底融會貫通。
※ 跳脫功能窠臼, 洞悉實務設計心法, 十六堂業界水準的案例, 一學就能做出高質感設計！市面上不乏功能完整的 Flash 學習手冊, 但是『看完整本書、學會所有功能, 就能做出和設計師一樣水準的動畫嗎？』相信不少人在辛苦讀完厚重的學習手冊之後, 都會有這樣的疑問。有鑑於此, 我們精心規劃了「正確學會 Flash CS5 的 16 堂課」一書, 範例集結 Flash 第一線最夯用途, 以實務的方式帶你熟悉各項功能的應用。在課程的安排方面, 本書將學習歷程規劃成新手入門、各種 Flash 熱門應用、與 ActionScript 互動控制 3 個階段, 無論您是初次接觸 Flash, 或是對基本操作已有基礎, 都可以循著本書安排的順序, 做出實用、高質感的設計！
學 Flash 最怕東拼西湊、一知半解, 學了老半天卻做不出自己想要的東西！本書兼具 Flash 功能說明及範例演練, 前面 1/3 篇幅先帶你熟悉 Flash 的基本操作與繪圖技巧；中段則以精美範例演練動畫製作技巧, 包含：「花園裡飛舞的蝴蝶」、「清涼舞動的氣泡水」、「夜空中迅速移動的飛碟」「網頁開頭動畫」、「抓住蛋糕小偷」、「奔馳的長頸鹿」。而在範例演練一開始, 也都有清楚的元件規劃、製作流程、開發重點說明, 不僅做得出來, 還能確保你理解每個步驟, 讓您在學會之後還能融會貫通, 設計出更多、更棒的作品。最後 1/3 的篇幅, 則會教您撰寫 ActionScript 3.0 程式, 並製作出「海豚盃奧林匹克」影片播放控制、「趣味蜂巢按鈕」、以及「貓捉老鼠」的計分遊戲, 讓您輕鬆學會互動式動畫設計。本書特色:從功能帶入範例, 並發揮到延伸學習：本書不僅擁有最詳實的 Flash 功能介紹, 還搭配豐富的應用範例來說明, 讓你在學習之餘亦能體會做動畫的樂趣。另外在範例結束後, 還會進一步透過範例的「延伸學習」應用, 將學到的技巧再做發揮、變化, 激發你的無限創意。精闢的 Flash CS4 新功能應用：專章以精美範例解說 Flash CS4 重點新功能「骨塊工具」的應用、帶你套用內建「移動預設效果」, 效果快又好看。使用「噴刷工具」與「裝飾工具」輕鬆繪製動畫元件, 還有全新的「3D 旋轉工具」與「3D 轉譯工具」, 讓元件也能有立體的旋轉、縮放動態效果。
