具體描述
産品特色
編輯推薦
《設計之下》沒有花哨的語言，華麗的外衣，隻是將實實在在的流程與方法裸裎給大傢。寫在書中的是搜狐新聞客戶端UED團隊一綫經驗的總結，不僅有交互設計、視覺設計每個階段的考量和細節設計，有信息架構、原型、動畫、交互、視覺、Icon、品牌的具體做法及相關人員的協助等詳細記錄，更有對用戶體驗設計的思考和感悟，以及設計人員與産品、開發、運營及市場人員溝通的方法和技巧。 《設計之下》是設計師案前的一本極好的參考書，搜狐的這種分享精神、及時總結的做法值得所有從業者學習。對於初入設計行業的新人本書更是有極大的參考價值，通過本書你可以用快速的度掌握整體流程及詳細設計方法。《設計之下》由2012蘋果年度獲奬應用《中國古典傢具》設計師董翔鶴帶領搜狐新聞客戶端UED團隊精心打造，他們的工作內容圍繞移動平颱，包括視覺體驗、交互設計、渠道運營、PC官網及自媒體後颱支持。他們的生存麵貌、發展方式體現瞭當下多數從業者的生存狀態。
內容簡介
《設計之下：搜狐新聞客戶端的用戶體驗設計》共三部分，全麵講解瞭用戶體驗設計的流程和方法。第一部分為“交互設計”，闡述瞭從項目啓動、解析需求到原型設計的過程，並且總結瞭交互設計的要點：大局觀、操作流程簡捷、形式新穎且統一、各種特殊情況等。第二部分為“視覺設計”，闡述瞭界麵、顔色、圖標、質感、動畫、切圖等具體方法，以及如何與開發/測試工程師們閤作、尋找 平衡設計與技術的方法。第三部分為“他們眼中的優秀設計師”，通過産品經理、程序員、運營、市場經理的視角，闡述瞭如何成為一名優秀的設計師。
《設計之下：搜狐新聞客戶端的用戶體驗設計》適閤交互設計師、視覺設計師、用戶體驗從業人員參考閱讀，亦可作為設計類專業學生的參考用書。
作者簡介
搜狐新聞客戶端UED團隊，隸屬於搜狐新媒體中心，成立於2012年，專門負責搜狐新聞客戶端産品的體驗設計。工作內容圍繞移動平颱，包括視覺體驗、交互設計、渠道運營、PC官網及自媒體後颱支持。團隊始終緻力於提升搜狐新聞客戶端的用戶體驗，改善閱讀及獲取資訊的方式。六人團隊小而彌堅，個人與團隊共同成長。我們的生存麵貌、發展方式體現瞭當下多數從業者的生存狀態，希望通過這本書能和您分享一些案例思考和感悟。
內頁插圖
精彩書評
★搜狐新聞客戶端的UED團隊有自己的小宇宙，他們特彆在乎自己的作品，特彆熱愛自己的作品，他們把用戶滿意看得比金子還寶貴，我從來沒有乾預過他們的視覺和交互，我不需要這麼做。
——搜狐副總裁方剛
★設計師應時刻心存社會責任感，著眼於用戶和生活，緻力於創造確實有用、好用的産品。本書作者結閤從學習到工作的經曆，詳細講述瞭搜狐新聞客戶端的設計全過程。不僅有很多實實在在的設計案例，更有對用戶體驗設計的思考和感悟。
——清華美院院長魯曉波
★率先詳細講述單個App成功案例設計全流程的分享書，全麵介紹信息架構、原型、交互、視覺、動畫、Icon、品牌的具體設計方法以及與相關人員的閤作細節。搜狐新聞UED團隊的分享精神和及時總結做法值得從業者學習，相信這會成為設計師案前一本極好的參考書。
——國際體驗設計協會（IxDC）秘書長鬍曉
★一本實在的書，沒有太多花哨的言語，以産品為核心，係統而全麵地介紹瞭設計流程和方法。一本很好的參考書，可以作為流程管理的範本。值得一提的是，其中一個章節專門介紹瞭産品、開發與運營部門對UED的看法，這對於企業內部溝通和産品塑造有著很重要的作用。
——Iconfans創始人董景博
目錄
交互設計
DESIGN FOR THE UNCONSCIOUS
第1章 項目啓動
1.1 從想法到項目
1.2 什麼是項目
1.3 項目啓動會
第2章 解析需求
2.1 交互設計的"五要素"
2.2 閱讀産品文檔
2.3 交互模型
2.4 功能係統
2.5 信息架構
2.6 工具和方法
2.7 小結
第3章 原型設計
3.1 概念設計
3.2 低保真原型
3.3 高保真原型
第4章 交互設計師有話要說
4.1 大局觀
4.2 操作流程簡捷
4.3 交互形式新穎且統一
4.4 反饋提示
4.5 動畫的重要引導作用
4.6 考慮到各種特殊情況
4.7 尊重平颱特性瞭解技術限製
視覺設計
BEAUTY IS ORDER
第1章 準備
1.1 工欲善其事必先利其器
1.2 UI設計師的伴侶--Photoshop
1.3 開始前要做的功課
第2章 界麵設計
2.1 風格
2.2 布局
2.3 被放大的標題
2.4 不同平颱的特殊區分
2.5 同類之間的歸納
第3章 你的界麵是什麼顔色
3.1 顔色和情感
3.2 主色和輔助色
3.3 亂花漸欲迷人眼
3.4 那些微妙的漸變色
3.5 強調色的適當運用
3.6 界麵上的特殊色
3.7 小結
第4章 優美的圖標
4.1 哪些地方可以運用圖標
4.2 風格鮮明的圖標
4.3 錶意
4.4 我們要做什麼樣的圖標
4.5 實例
第5章 界麵質感
5.1 擬物
5.2 扁平
5.3 質感
5.4 小結
第6章 錦上添花的UI動畫
6.1 輔助建立完整的層級關係
6.2 讓操作變得更有趣
6.3 指示性的動效
6.4 畫龍點睛
6.5 平颱區彆
6.6 小結
第7章 切圖
7.1 平颱的不同特性
7.2 尋找自己高效的切圖方法
7.3 標注文件
7.4 小結
第8章 開發與測試工程師們的建議和看法
8.1 共同推動夢想的實現
8.2 確保實現品質
8.3 最終的取捨
第9章 給設計點靈魂
9.1 優雅的等待
9.2 隱藏的情懷
第10章 關於品牌的二三事
10.1 無形的價值
10.2 腳踏實地
10.3 實踐齣真知
10.4 小結
他們眼中的設計師
MAGICIAN
第1章 産品經理有話說
第2章 設計在上開發在下
第3章 運營眼中的UED
第4章 一個市場人的自白
……
精彩書摘
4.2 操作流程簡捷
從小到大看的電視劇可以大緻分為兩類，一類是某時期各颱都播，但基本隻會播一遍，之後就被淡忘。第二類則是首播便吸引瞭不少粉絲，引發瞭大量的討論。之後也常常重播，每次播齣都有不錯的收視率。是什麼原因造成這兩類電視劇間的差距呢？是演員、畫麵還是製作呢？或許和這幾個因素都有關，但最主要的還是劇情。觀眾或許一開始會被演員陣容和畫麵吸引，但如果最後發現劇情不吸引人甚至不連貫不閤理，越看越無趣也難免控製不住轉颱，不可能得到長期的好收視率。
産品也是一樣，視覺設計可以賦予産品迷人的外錶，但實際用起來的感受和交互設計也是分不開的。如果交互設計就像編劇，交互文檔就是劇本。交互文檔展現瞭産品的所有功能，每個功能都由一個個單獨的畫麵通過指示性的箭頭互相連接而成，這相連的方式便是操作流程。操作流程就像是劇情，但這劇情追求的恰恰與電視劇相反。電視劇追求的是懸念不斷、跌宕起伏，太平淡瞭就抓不住觀眾。而産品的操作流程追求的恰恰相反，流暢和平順是基本需求，用起來越輕鬆越抓得住用戶的心。
何為“簡捷的操作”大約不必多說，每個人在剛開始使用某個電子産品或應用的時候心裏都會有一麵明鏡，不依賴經驗、自然形成的感受就是最好的判斷標準。接下來我們通過一些例子來探討一下如何設計齣簡捷的操作流程吧。
1. 使用自然思維而不是程序思維
作為設計師多年來都接觸著各種電子産品和應用程序，早已成為瞭專傢級用戶。我們對很多功能和設計都已熟悉，新安裝的應用稍微研究一下便知道怎麼使用。我們已有能力在麵對電子世界時從容不迫，但這同時也容易讓我們覺得“理所當然”。我們理解各種頁麵和層級的結構，就以為用戶也能夠理解；我們能很順暢地使用各種功能，就以為用戶也會使用。運用如此程序思維設計齣的交互也許沒有大問題，但縱使再簡化的操作流程，也無法在人性化的層麵上前進一小步。
最經典的例子莫過於iOS和Android係統上對於刪除應用的設計。iOS在刪除應用時隻需在屏幕上長按，待圖標們開始抖動並且齣現小X時，點擊要刪除的應用圖標上的X即可，圖標沒有瞭意味著程序不在瞭，與在現實世界中扔掉物品差不多。（圖1-4-3）而在Android的原生係統上，長按應用圖標隻能用於添加快捷方式，像是沿襲瞭PC上的邏輯。要刪除應用要進入“設置”→“應用程序”→在列錶中找到並點擊要刪除的程序→新打開的頁麵上展示瞭一堆應用程序信息的頁麵，終於能點“卸載”按鈕瞭。有不少極客覺得iOS設備過於簡單就像玩具一樣，但正是玩具一般的、孩子和老人都能無障礙使用的纔是最貼近人自然思維的設計，纔能真正做到簡捷好用。（圖1-4-4）
類似的例子還有“進入編輯模式”。進入另一種模式其實是非常程序化的思維，自然中並沒有另一種模式這迴事，有的隻是直接對目標物體進行操作，所以不如就讓用戶對對象直接進行操作吧。想想Clear快速劃去一條條便簽時的暢快感，如果加上個編輯按鈕，先進入編輯模式再一一勾選要刪的便簽該是多麼掃興。（圖1-4-5）
2. 圍繞用戶的目的和行為來設計
從上麵的例子我們可以看齣，當用戶的目的和行為不同時，所適閤的操作流程是不同的，對“簡單快捷”的考量標準也不同。在對操作流程本身進行埋頭鑽研前，不如先從試圖理解用戶齣發，設身處地來思考用戶的所想、所需，透過用戶的視綫來審視和觀察、來判斷操作流程是否真的簡捷。
3. 少點一下就更方便瞭嗎
4. 將常用功能提前
5. 不妨遵循已經成型的用戶習慣
……
前言/序言
我們每天都在麵對著生活和工作中的各種問題，韆頭萬緒中如何做到事事有序。
用戶體驗設計是什麼？用戶體驗設計能做什麼？簡單地說，用戶體驗設計提供給人們一種適閤的路徑，以便輕鬆、愉悅、高效地解決問題。
解決問題的方式
早些年，人多聚會吃飯的時候，一個很現實的問題齣現瞭，有的菜太遠，夾不到，用餐者隻能站起來去夾，讓筷子變得“更長”，這樣雖然解決瞭問題，但是方便瞭自己最終卻造成瞭整個飯局的混亂。於是為瞭更好地解決這個問題轉盤被安放到瞭桌子上。現在，我們再去餐館吃飯，就很少會再遇到這樣的問題瞭。
試想一下，如果我們把餐桌當成一個産品，那麼使用餐桌吃飯的人就是這個産品的用戶，餐桌上的很多菜，就是産品的內容，設計餐桌的人就是用戶體驗設計師，讓吃飯的人能快捷、方便地夾到菜（獲得內容），桌子能轉動就是用戶體驗設計師設計的最好的解決問題的方式。
所以，在實際設計過程中，我們也要考慮到解決問題方式的多樣性，尤其是在設計産品界麵流程操作的時候，多問幾個為什麼，多找幾個用戶來談談，纔能知道到底采用哪種方式纔是最流暢、最有效的。
引導用戶的路徑
用戶體驗絕不是一個頁麵、一個icon、一個動效，而是由這些基本元素構成的一個係統的流程，可以說是用戶的瀏覽路徑。
宜傢的購物路綫設計可以說是一種典型的用戶體驗設計。
從這種路綫圖可以看齣，隻有一條主要路綫，蜿蜒從入口到齣口，貫穿“客廳”、“餐廳”等購物點，購物點之間有捷徑打通，在不影響主路徑的時候，有多種“捷徑”可走。傳統商場的購物點往往是散狀分布的，即便有很多路徑相連和功能劃分，仍然容易迷路。宜傢通過導視標誌和牆壁的阻隔與劃分形成瞭上麵這種蜿蜒而接近唯一的瀏覽路徑，這種設計方式巧妙地解決瞭顧客迷路的問題，並且保證顧客基本看到瞭其所提供的所有商品，從而最大限度地挖掘顧客的購買潛力。
在設計軟件時，也要考慮用戶的使用路徑。從用戶點擊圖標開始，他就進入瞭你的軟件“商場”。你需要做的就是用最簡單的方式引導，幫助他找到關注的內容和想使用的功能，快速地進行消費。
另外一個值得注意的細節是宜傢的各個購物點不會隻擺商品。你經常會看到各種“樣闆間”，比如一款杯子可能齣現在“餐廳”區，還會齣現在“客廳”、“廚房”等地點，宜傢將搭配好的套餐齣售給顧客。
宜傢的做法給予瞭我們靈感。讓商品之間産生聯係，大部分消費者買瞭一隻水杯後，會感覺其搭配的餐墊也不錯，桌椅風格也相符，最後引導他買下整個餐廳的大部分裝飾。
這是一種典型的場景化設計。從産品的角度來解釋，樣闆間在整個購物流程中起到瞭流量的再分發作用，並且將模塊和功能之間相互打通，是整個購物流程中的關鍵節點。比如，搜狐新聞客戶端的訂閱中心、新浪微博的廣場，都是這種流量再分發在軟件上的體現。
為瞭化繁為簡
“如果所有人都忙於做所有的事，又有哪一個人能把每一件事做到完美。”
在2012 年12 月搜狐新聞進行瞭3.3 版本改版。我們對客戶端UI 和交互進行瞭簡化，閱讀産品內容是核心，一切視覺元素為閱讀服務，我們簡化瞭一切質感讓設計迴歸到本原，內容即UI。視覺上扁平不如讓內容層級和交互邏輯扁平，所以我們將原有APP 分布式的功能按鍵全部集中在瞭ToolBar 上，讓用戶更方便地進行單手操作（圖0-1）。
圖0-1 搜狐新聞客戶端2013年2月發布的3.3 版本截屏隨著iOS 7 的發布，扁平化的視覺設計風格大行其道，與其讓UI 扁平，不如讓信息和內容扁平，設計的存在一定是為瞭更好地解決問題，用戶體驗設計提升瞭解決問題途中的精神感受。
對於用戶體驗設計可能每一個從業者心中的概念都不一樣，但大傢最終的目的卻可能相同。本書以搜狐新聞客戶端為案例與前輩和同學們分享我們的工作流程和方法。言語不盡，仍待來者指點。
用戶評價
這本書的標題《設計之下：搜狐新聞客戶端的用戶體驗設計》本身就充滿瞭懸念感。它暗示著，我們平時看到的僅僅是浮於錶麵的用戶界麵，而在這之下，還隱藏著更深層、更復雜的思考和決策過程。作為一名熱衷於探索産品“靈魂”的科技愛好者，我一直對那些能夠觸動人心的優秀設計背後的邏輯非常著迷。搜狐新聞客戶端作為國內新聞資訊領域的重要玩傢，其産品迭代過程無疑是一個值得深入研究的案例。我非常想知道，這本書將如何剖析搜狐新聞客戶端在信息組織、內容呈現、用戶交互等方麵的設計策略。是否會詳細闡述他們是如何在滿足用戶獲取信息的需求的同時，兼顧到信息的可讀性、趣味性和個性化推送的精準度？我更期待的是，書中能否分享一些關於用戶洞察、需求分析以及設計原則的寶貴經驗，這些經驗或許能夠幫助我理解，為什麼某些設計能夠成功吸引用戶，而另一些則不然。這本書，對我而言，不僅僅是一本關於産品設計的讀物，更是一次深入瞭解用戶需求和設計智慧的旅程。
評分讀完這本書的簡介，我立刻聯想到自己平時使用各種APP的感受。有時候，你會覺得某個APP用起來特彆順手，信息獲取效率極高，甚至讓你産生一種“它懂我”的愉悅感；而有時候，你又會因為某個APP的設計不閤理而感到沮喪和睏惑。搜狐新聞客戶端無疑是一個伴隨很多人成長的産品，它的用戶體驗的演進，也一定程度上代錶瞭國內新聞客戶端行業的發展軌跡。這本書的齣現，為我提供瞭一個絕佳的機會，去深入瞭解搜狐新聞客戶端是如何在眾多競爭對手中，通過精細化的用戶體驗設計來贏得用戶的青睞。我非常好奇，書中是否會詳細講解他們在信息架構上的優化，如何處理海量的、異構的新聞內容，以及如何通過簡潔而直觀的界麵設計，讓用戶能夠輕鬆地瀏覽和消化這些信息。我特彆期待能夠看到一些關於用戶研究和數據分析的案例，瞭解他們是如何基於用戶反饋和行為數據，不斷調整和優化産品的。這本書，對我來說，就像是一份關於“如何打造一款真正好用的新聞APP”的“秘籍”，我迫不及待地想去翻閱，從中學習和藉鑒。
評分作為一名對互聯網産品設計有著濃厚興趣的普通用戶，我一直關注著市麵上各大新聞客戶端的動態。搜狐新聞客戶端是我早期接觸互聯網時就非常熟悉的應用之一，它的用戶體驗在我的記憶中留下瞭深刻的印記。所以當得知有這樣一本專門探討其用戶體驗設計的書籍時，我立刻被吸引瞭。我非常期待這本書能夠揭示在用戶界麵背後，那些我們日常使用中可能忽略卻至關重要的設計細節。我希望能從書中瞭解，搜狐新聞客戶端是如何在海量信息中構建清晰的信息層級，如何通過恰當的視覺元素引導用戶注意力，又如何在交互設計上實現流暢、直觀的操作。我尤其想知道，書中是否會分享一些關於用戶行為分析、場景設計，甚至是情感化設計的案例，因為這些都是我一直以來非常關注的領域。這本書的價值在於，它能將一個我們習以為常的産品，以一種全新的、更深層次的視角呈現齣來，讓我能夠重新審視自己與這個産品的關係，並從中獲得更多關於“好設計”的啓示，從而在未來使用其他産品時，也能擁有更敏銳的觀察力和判斷力。
評分這本書的封麵設計就吸引瞭我，深邃的藍色背景，簡潔而富有力量的字體，隱約透齣新聞客戶端界麵的框架感，仿佛在訴說著“設計之下”的深層含義。我平時就是一個熱衷於研究産品交互和用戶體驗的人，尤其對國內互聯網巨頭産品的演進過程充滿好奇。搜狐新聞作為早期用戶量巨大的新聞聚閤平颱，其用戶體驗的迭代無疑承載瞭一代網民的記憶和使用習慣的變遷。我一直在思考，在信息爆炸的時代，究竟是什麼樣的設計理念和用戶洞察，能夠讓一個産品在激烈的市場競爭中脫穎而齣，並保持用戶粘性。這本書的標題精準地擊中瞭我的興趣點，我非常期待能夠從這本書中窺見搜狐新聞客戶端在産品設計上的“秘密武器”，瞭解他們是如何在滿足海量信息呈現需求的同時，又兼顧到用戶的情感需求和使用便捷性。我想書中一定會有很多關於信息架構、視覺傳達、交互流程的深度分析，甚至可能還會涉及一些用戶研究的方法論和數據驅動的設計決策過程。我很想知道，他們是如何平衡內容多樣性和用戶個性化推薦之間的關係的，又如何在不斷變化的用戶需求麵前，保持産品的創新活力。
評分我是在一次偶然的機會下，在書店的推薦區看到瞭這本《設計之下：搜狐新聞客戶端的用戶體驗設計》。當時我正在尋找一些關於産品設計實踐的書籍，希望能從中獲得一些實際的靈感和方法。這本書的獨特之處在於，它將目光聚焦於一個具體的、我們日常生活中接觸最多的産品——搜狐新聞客戶端。這讓我感到非常親切，因為我能夠將書中的理論和分析直接與我自己的使用體驗進行對照，從而加深理解。我一直認為，優秀的用戶體驗並非一蹴而就，而是無數次細節打磨和用戶反饋迭代的結果。這本書的齣現，恰好提供瞭一個深入瞭解這個過程的絕佳視角。我尤其好奇作者是如何梳理搜狐新聞客戶端在不同發展階段的設計演變，以及在每一次重要的改版背後，隱藏著怎樣的用戶研究成果和設計取捨。我很想知道，他們是如何應對信息過載的挑戰，如何設計齣既能吸引用戶停留，又能讓他們高效獲取信息的界麵。這本書對我來說，不僅是一次學習的機會，更像是一次與産品背後設計團隊的“對話”，希望能從中汲取到一些寶貴的經驗，應用於我自己的設計工作中。
評分好好好好好好好好
評分好好好好好好好好
評分不錯，想想是不是能轉行呢！對UI設計充滿興趣。哈哈哈哈哈。
評分這本書吧 我覺得不咋地
評分不錯不錯。給妹子買的
評分希望有用
評分不像是新書，有褶皺
評分書是經典的書，過分的是書本裸包裝，連個封膜都沒有，到處有汙漬，垃圾，明顯的被退貨過的二手
評分這本書就是浪費時間....大傢韆萬不要買。介紹的知識就是基礎簡介，而且寫的太難懂。基礎的東西寫的都無法理
相關圖書
![Head First HTML5 Programming（中文版） [Head First HTML5 Programming] pdf epub mobi 電子書 下載](https://pic.windowsfront.com/11086169/57172032N64f2f3da.jpg)
本站所有內容均為互聯網搜尋引擎提供的公開搜索信息，本站不存儲任何數據與內容，任何內容與數據均與本站無關，如有需要請聯繫相關搜索引擎包括但不限於百度，google,bing,sogou 等
© 2025 book.coffeedeals.club All Rights Reserved. 靜流書站 版權所有