這樣O那樣X 一看就懂的UI設計與資訊編排技巧 pdf epub mobi txt 電子書 下載 2025

簡體網頁||繁體網頁

☆☆☆☆☆

圖書標籤:

• UI設計
• 資訊編排
• 用戶體驗
• 設計技巧
• 信息架構
• 視覺設計
• 可用性
• 交互設計
• 設計模式
• 用戶界麵

　　你的網站是為瞭誰設計的呢？為什麼客戶贊好，使用者還是覺得很難用？

　　本書作者是在日本知名廣告代理商「電通」集團服務超過 20 年的資深網頁設計師，
　　他將告訴你如何從「使用者觀點」重新打造網頁 UI，
　　精選 62 個常見網頁 UI 問題和補充知識，
　　用最簡單的「○╳」形式清楚說明：什麼叫「真正方便好用」的網站！

　　以下這些讓使用者覺得難用的網站 UI，其實到處都有！快看看你中瞭幾槍：
　　● 在首頁放瞭 10 張輪播的廣告，訪客會全部看完嗎？
　　● 明明導覽列有這個項目，為什麼使用者找不到？
　　● 設計瞭超美超炫的特效，結果沒有人會用？
　　● 做瞭一大堆滑鼠互動效果，沒把滑鼠移上去就看不到！
　　● 精心製作「扁平化設計」的按鈕，結果完全看不齣是按鈕...
　　● 把現成的數據圖錶塞進網頁，使用者都看不清楚
　　● 手機版網頁的按鈕設計太小，拇指一次按到好幾顆
　　● 明明可以直接輸入數字就好，卻做成下拉式選單
　　● 設計瞭密密麻麻的註冊錶單，使用者看瞭都不想註冊
　　● 設計問捲時讓每個項目都必填，結果沒耐性的使用者都亂填

　　...好用的網站 VS 難用的網站，一比就知道！
　　趕快翻開本書，馬上看看該怎麼修改，纔能找迴「好用」的網站！

本書特色

　　網站介麵設計的重點是：以「使用者觀點」為中心
　　不要因為設計師或主管的強烈要求，害你的網站越來越難用！

　　作者精華語錄：
　　● 「放在網頁上，但是沒人看到」的資訊，根本就等於不存在。
　　● 在網頁上到處放廣告 Banner，隻會讓訪客覺得礙眼。
　　● 網站中不夠新、和使用者無關的資訊，請勇敢地下架吧！
　　● 如果把所有功能都放到主選單，訪客通常會說：沒重點！很難找！
　　● 「全站導覽列」隻有常來網站、很瞭解網站結構的熟客纔會覺得好用！
　　● 韆萬彆做齣「隻有自己人覺得好」的網站！
　　● 使用者打開網頁後頂多看 10 秒！如何在 10 秒內抓住他的眼睛？
　　● 10 秒內看不完！太多的輪播圖片和滑鼠效果幾乎是無意義的。
　　● 彆以為不管網頁裏放什麼內容，都能被使用者看到。
　　● 你所想的關鍵詞和使用者想的不見得一樣！
　　...本書精選 62 個常見網頁 UI 問題和補充知識，讓你知道使用者想要什麼！
 

作者簡介

香西 睦（Kouzai Mutsumi）

　　資訊設計師

　　1964 年齣生於日本韆葉縣。1989 年以平麵設計師身分獨立創業。1995 年起經手許多大型電子産品製造商的網站建置工作，同時也是相當活躍的 Flash 創作者。自 2001 年電通集團創立旗下的 Digital Palette 公司（目前已更名為「電通 Isobar (安索帕) 數位行銷集團」）起，就以主要成員的身分，參與許多大型企業的網站建構及翻新專案。擅長運用獨樹一格的設計理論及使用者觀點，改善網站的結構與資訊設計。

　　電通 Isobar (安索帕) 數位行銷集團
　　www.dentsuisobar.com/
　　閤資公司 Continue JP
　　www.continue.jp/

譯者簡介

陳亦苓

　　國立政治大學廣播電視學係畢業，輔修日文，曾留學並於日本工作近 4 年。目前為自由譯者。譯作包括：《智慧手機 App UI/UX 設計鐵則》、《Photoshop CC完美呈現》、《零秒思考力》係列、《統計學，最強的商業武器》係列、《幽靈：日本的鬼》…等等。譯生誌業是讓英日殊途同歸繁中。

　　個人作品列錶：www.anobii.com/bready/books

 

Chapter 1 版麵配置、操作介麵
Chapter 2 網站內容的編輯與設計
Chapter 3 易用性
Chapter 4 網站設計與行銷策略


 

评分☆☆☆☆☆

我必須說，這本書的“資訊編排”部分簡直是為我量身定做的！作為一名內容創作者，我經常頭疼的是，怎麼纔能把我的文字、圖片、數據，以一種既吸引人又易於理解的方式呈現齣來。以前我總是憑感覺來，結果要麼信息爆炸，要麼平淡無奇。這本書從“用戶視角”齣發，詳細分析瞭在不同場景下，用戶獲取信息的習慣和偏好。它講解瞭如何通過視覺元素的大小、顔色、位置、分組等方式，來有效地引導用戶的注意力，讓他們在最短的時間內找到他們想要的信息。我特彆喜歡它關於“敘事性編排”的論述，用講故事的方式來組織信息，讓整個閱讀過程變得生動有趣。書裏還提供瞭很多圖文並茂的案例分析，從新聞報道到産品說明，再到活動海報，每一頁都充滿瞭啓發。我學會瞭如何巧妙地使用“視覺流”，讓用戶的眼睛自然而然地跟著內容走，而不是迷失在信息的海洋裏。現在，我再也不怕麵對復雜的內容瞭，因為我知道，隻要遵循書裏的原則，就能把它們梳理得井井有條，讓讀者看得過癮，記得牢靠。

评分☆☆☆☆☆

天哪，我剛翻完這本書，簡直是相見恨晚！我一直覺得UI設計是個玄學，那些大牛隨手一畫就能打動人心，而我絞盡腦汁做的圖卻總差點意思。這本書就像一把鑰匙，一下子就打開瞭我之前混沌的思路。它不是那種枯燥地羅列理論的書，而是把一個個看似抽象的設計原則，通過非常接地氣的方式呈現齣來。比如，講到信息層級的時候，作者用瞭很多我們日常生活中隨處可見的例子，像商場的導視係統、超市的商品陳列，甚至是我們手機上的App界麵，讓你一下子就明白“主次分明”到底是怎麼迴事。還有那些關於“留白”的章節，我以前總覺得留白就是“沒畫完”，看瞭這本書我纔懂，原來那是一種“讓眼睛休息”和“引導視綫”的藝術。最讓我驚喜的是，它沒有隻停留在“為什麼”，更給瞭“怎麼做”。比如，關於字體選擇和組閤，書裏給齣瞭很多實用的建議，甚至還分享瞭幾個小工具，我立刻就去試瞭，效果立竿見影！這本書真的讓我感覺，UI設計不再是高不可攀的藝術，而是人人都能掌握的實用技能。我終於找到瞭一種方法，可以讓我把腦子裏那些零散的想法，變成清晰、有條理、並且美觀的界麵瞭。

评分☆☆☆☆☆

我之前是一個完全的“細節控”，總是在糾結某個像素的位置，或者某個顔色的細微差彆，卻忽略瞭整體的邏輯和用戶體驗。這本書就像一記“醍醐灌頂”，讓我意識到，再精美的細節，如果沒有清晰的結構和流暢的流程，都將是空中樓閣。作者在“信息結構”的設計上給瞭非常詳盡的指導，它不隻是教你怎麼畫流程圖，而是告訴你如何站在用戶的角度，去思考信息的組織方式，如何讓他們能最自然、最順暢地完成任務。我印象最深刻的是關於“認知負荷”的討論，這本書讓我明白瞭，為什麼有時候用戶會感到睏惑和沮喪，原來是因為我們設計的信息量超齣瞭他們的處理能力。作者提供瞭很多實用的技巧，教我們如何將復雜的信息分解，如何用清晰的引導來幫助用戶理解，如何通過一緻的反饋來增強用戶的信心。這本書的價值在於，它不僅僅教會瞭“怎麼做”，更教會瞭“為什麼這麼做”，讓我對UI設計和信息編排有瞭更深層次的理解和領悟。

评分☆☆☆☆☆

坦白講，我之前對“資訊編排”這個概念有點模糊，以為就是排版而已。但這本書徹底顛覆瞭我的認知！它讓我明白，資訊編排遠不止是文字和圖片的美觀堆砌，而是一門關於“溝通”的學問。作者用非常直觀的方式，展示瞭不良編排如何導緻信息傳遞失敗，以及優秀的編排如何讓信息“開口說話”。我尤其對“可掃描性”那一章印象深刻，以前我隻知道要用標題和段落，但這本書講到瞭更多細節，比如如何利用列錶、引用、圖標，甚至是一些巧妙的色彩運用，來讓信息變得“易於快速瀏覽”。這對於我這種經常需要在海量信息中尋找關鍵點的人來說，簡直是福音。它還強調瞭“一緻性”的重要性，告訴我們如何在整個産品或內容中保持統一的視覺語言和信息結構，這不僅能提升用戶體驗，還能增強品牌的可識彆度。這本書給瞭我一種新的看待信息的方式，不再是被動地接收，而是主動地去“設計”信息的呈現，讓它以最有效率、最吸引人的方式到達目標受眾。

评分☆☆☆☆☆

這本書給我的最大感受就是，“少即是多”這個道理真的被運用到瞭極緻。我一直覺得我的設計作品總是“滿滿當當”，生怕漏掉什麼信息，結果反而顯得擁擠雜亂。看瞭這本書，我纔明白，那些真正優秀的設計，往往都有一種“呼吸感”。作者深入淺齣地解釋瞭“負空間”的魔力，它不僅僅是空白，更是提升信息重要性、引導視覺焦點、營造高級感的關鍵。我學到瞭如何有策略地使用留白，讓重要的元素更加突齣，讓用戶更容易理解和記住。同時，書中關於“視覺焦點”的講解也讓我茅塞頓開。我以前總是不知道如何讓用戶第一時間注意到我想讓他們注意的地方，現在我知道瞭，可以通過大小、顔色、對比度、形狀等多種手段來製造視覺上的“驚喜”。這本書讓我重新審視瞭設計的每一個細節，讓我學會瞭在“做減法”的同時，也能讓信息更加有力量，設計更加有靈魂。