本書講了什么
本書共三部分，全面講解了用戶體驗(yàn)設(shè)計的流程和方法。
作者什么來頭
搜狐新聞客戶端UED團(tuán)隊，隸屬于搜狐新媒體中心，成立于2012年，專門負(fù)責(zé)搜狐新聞客戶端產(chǎn)品的體驗(yàn)設(shè)計，包括視覺體驗(yàn)、交互設(shè)計、渠道運(yùn)營、PC官網(wǎng)及自媒體后臺支持。
交互設(shè)計
項目前期，交互設(shè)計師會參與到以產(chǎn)品經(jīng)理為主導(dǎo)的產(chǎn)品設(shè)計中，討論哪個想法是值得設(shè)計成產(chǎn)品的，并在項目啟動前后提出對產(chǎn)品文檔的觀點(diǎn)。在項目確立后，交互設(shè)計會重點(diǎn)完成交互階段得設(shè)計：解析需求和設(shè)計原型，產(chǎn)品文檔中的文字在這一步，第一次變?yōu)榭梢姷哪印?/p>
第1章 項目啟動
什么是項目
做一個產(chǎn)品本身沒有期限，我們不知道它什么時候會完結(jié)，由需求而生的產(chǎn)品必然隨著市場的發(fā)展、生活的改變和公司的決策做出相應(yīng)轉(zhuǎn)型。所以前期挖掘出的需求有著一定時限，使得我們要建立特定項目去完成。設(shè)計產(chǎn)品是一個不斷研究和創(chuàng)新的過程，而項目是一個事情，完成了即完結(jié)了。
第2章 解析需求
交互設(shè)計的五要素
交互設(shè)計的核心元素必須在設(shè)計結(jié)果中有所體現(xiàn)或得到改變。例如設(shè)計一個杯子，目的本身并不是設(shè)計的結(jié)果之一；而交互設(shè)計則不同，目的是設(shè)計內(nèi)容的一部分，要求達(dá)到一定的效果，體現(xiàn)在用戶一系列行為的每一個步驟里。具體的說，設(shè)計師要告訴別人怎么去做這件事，清晰的程序是怎樣的。
交互模型
交互模型源于人機(jī)交互的概念，繪制交互模型不是目的，而是把它作為一個得力的開篇工具。交互模型是依據(jù)需求文檔，為這次項目繪制一副可以體現(xiàn)并很好的串聯(lián)起交互設(shè)計五要素的圖表，表現(xiàn)產(chǎn)品外在的生態(tài)系統(tǒng)，以及體現(xiàn)產(chǎn)品內(nèi)部功能間的信息和交互方式的信息架構(gòu)。
上文提到的五個交互設(shè)計要素造一個簡單的基礎(chǔ)句，這個格式可以用在任何一個項目，任何一個功能中。人/通過工具/完成動作/達(dá)到目的/在環(huán)境里。
將搜狐新聞的“閱讀圈”和這五要素對應(yīng)填充，即用戶/通過搜狐新聞客戶端/進(jìn)行操作/達(dá)到獲取消息的目的/在所有可能使用移動設(shè)備的各種場景中。
具體分析一下“閱讀圈”里的每個元素。
1.用戶（人）。在閱讀圈中，用戶包含了用戶本人，好友和潛在好友。閱讀圈意在使用戶集中閱讀好友分享的內(nèi)容，因?yàn)閬碜院糜训膬?nèi)容更可能是他感興趣的。由于信息在閱讀圈中式UGC的，關(guān)注好友的數(shù)量和質(zhì)量決定了內(nèi)容的數(shù)量和質(zhì)量。那么精準(zhǔn)的發(fā)掘潛在好友，并吸引用戶關(guān)注就是關(guān)鍵。
2.閱讀圈（工具）。閱讀圈的本質(zhì)是內(nèi)容的集合，具體說是一個帶有社交屬性的UGC。所以除內(nèi)容外，分享人的信息（頭像、姓名和性別）和觀點(diǎn)，他人的評論同樣重要。再加上寫評論、分享等功能，便組成了閱讀圈。閱讀圈各個元素之間的布局和交互，以及閱讀圈和其他產(chǎn)品模塊（個人中心、消息、分享界面等）的信息流動，便是我們后面需要著重研究的。
3.操作（動作）。對智能手機(jī)斷的應(yīng)用，操作主要分為硬件、軟件兩大類。對硬件的動作，著重考慮手機(jī)的特性和功能的結(jié)合是否合理和巧妙，不要為了使用硬件而使用。對軟件的動作，主要考慮：符合平臺和產(chǎn)品的設(shè)計規(guī)范（Apple、Android和Windows
Phone等平臺會在其官方開發(fā)網(wǎng)站公布UI規(guī)范，要留意平臺之間的區(qū)別）每個產(chǎn)品也有自己的設(shè)置規(guī)范，統(tǒng)一的界面跳轉(zhuǎn)規(guī)則和過渡公話、提示和引導(dǎo)的方式等；產(chǎn)品要有大局觀，對整體的框架有把握，沒有信息流通的障礙；交互細(xì)節(jié)合理，考慮全面。
4.目的。在設(shè)計中，銘記閱讀圈的核心設(shè)計目的是：通過好友分享，構(gòu)成自己獨(dú)一無二的閱讀圈，從而獲得感興趣的內(nèi)容。時刻檢驗(yàn)自由這么做有沒有達(dá)到我期望。仔細(xì)考慮每一處設(shè)計，從整體的架構(gòu)到交互的細(xì)節(jié)，有沒有滿足用戶的目的以及過程是否符合用戶期待。
5.環(huán)境。從兩方面考慮環(huán)境：限制和優(yōu)勢。移動端應(yīng)用的用戶所處環(huán)境沒有電腦端用戶穩(wěn)定，有時在走動，有時受天氣影響不便操作。我們需要更多的發(fā)掘手機(jī)的特性，為一些原本較為精準(zhǔn)的操作提供其他的選擇，比如：評論新聞一定要用文字嗎？手機(jī)端用戶往往是一種短閱讀狀態(tài)，獲取的信息和反饋都是碎片化的，所以通過發(fā)送語音和圖片來表達(dá)觀點(diǎn)和抒發(fā)感情也是一種不錯的選擇。（左右滑動界面切換上下篇，比點(diǎn)擊按鈕的容錯率高很多，更適合在走動中操作）
功能系統(tǒng)
在這一步我們依然可以從用戶這個因素開始思考，交互模型部分我們提到好友的數(shù)量和質(zhì)量是保持用戶對閱讀圈粘性的關(guān)鍵。都有哪些途徑能獲得好友呢？
1.通過客戶端中的新聞評論相識
2.通過其他社交網(wǎng)站引入好友關(guān)系
3.系統(tǒng)推薦（分析閱讀習(xí)慣）
4.朋友的朋友
接下來就要思考這四種增加好友的途徑，應(yīng)該如何在客戶端中實(shí)現(xiàn)。從兩方面思考：閱讀圈和其他功能模塊之間的聯(lián)系，以及閱讀圈自身的信息流。前者是我們在功能系統(tǒng)這個環(huán)節(jié)需要完成的，而后者則是下一步信息架構(gòu)時的任務(wù)。
通過之前的分析我們知道：對整個閱讀圈體系來說，增加好友是個十分重要的需求。所以不論是繪制功能系統(tǒng)還是信息架構(gòu)和原型，遇到增加好友相關(guān)功能時，應(yīng)力求步驟簡練，操作自然，作為重點(diǎn)給予突出。它會體現(xiàn)在交互的流程、界面的布局等各方面，是后面各個設(shè)計步驟的準(zhǔn)則。對于產(chǎn)品文檔中的其他功能，我們也可以通過類似思考，得出每個功能的設(shè)計要點(diǎn)。
通過分析，看我們知道了這些和增加好友相關(guān)的小功能點(diǎn)是此次項目的重點(diǎn)，因此在布局和設(shè)計流程時便有了輕重之分，而不是簡單的憑感覺在設(shè)計。
信息架構(gòu)
信息架構(gòu)誕生于數(shù)據(jù)庫設(shè)計領(lǐng)域，信息架構(gòu)的主體對象是信息，通過設(shè)計結(jié)構(gòu)、決定組織方式及歸類，以達(dá)到讓使用者容易找到與管理的目的。簡單地說就是，給予合理的組織方式來展現(xiàn)信息，是信息直觀表達(dá)的載體。
搭建合理的架構(gòu)，讓信息順暢流通，這是交互設(shè)計師必備技能之一。信息的流通可以體現(xiàn)在用戶完成一個任務(wù)時所經(jīng)歷的步驟，是否和他預(yù)期的相同。而任務(wù)也有輕重之分，例如在瀏覽搜狐新聞客戶端時，看新聞相關(guān)的行為是我們幾乎每天都會做的，從展現(xiàn)和交互上都要設(shè)計的一目了然。而字體大小等操作，用戶可能自始至終只會操作一次，所以按照基礎(chǔ)結(jié)構(gòu)布置在設(shè)置中即可。
信息架構(gòu)要注意：
1.做信息架構(gòu)時，用戶體驗(yàn)的設(shè)計原則依然是交互設(shè)計師應(yīng)該優(yōu)先考慮的。以用戶為中心，通過拆分用戶的行為，力求為他們設(shè)計最簡潔的操作步驟。
2.工作中應(yīng)多和前端、后臺的工程師溝通，以確保設(shè)計出來的產(chǎn)品架構(gòu)和交互方式不會帶來不必要的技術(shù)負(fù)擔(dān)。
3.從產(chǎn)品策略和延展性的角度考慮，以便于未來延展。
交互模型關(guān)注的是用戶與產(chǎn)品的關(guān)系，功能系統(tǒng)側(cè)重的是產(chǎn)品內(nèi)部各個模塊之間的結(jié)構(gòu)。信息結(jié)構(gòu)的重點(diǎn)是梳理信息流動的過程。對于搜狐新聞客戶端這個基于信息、內(nèi)容產(chǎn)品而言尤為重要，它是繪制原型前的最后一步，也是把行為真正落實(shí)到功能繪制上的重要一步。
第3章 原型設(shè)計
概念設(shè)計
概念設(shè)計用來傳達(dá)內(nèi)容，是最初的解決方案；低保真原型可以具體到信息的布局和傳遞，從框架細(xì)化到內(nèi)容；高保真原型則基本可以達(dá)到產(chǎn)品上線后的效果，此時交互設(shè)計師需要對每一個細(xì)節(jié)負(fù)責(zé)。
概念設(shè)計即Concept，它是Idea的載體，設(shè)計師的能力體現(xiàn)在想法和執(zhí)行上，當(dāng)我們想出一個好的點(diǎn)子，也應(yīng)通過概念把它呈現(xiàn)出來。無論做什么設(shè)計，都應(yīng)培養(yǎng)視覺化思維—當(dāng)有一個好點(diǎn)子時，直接畫出對應(yīng)的示意圖，而不是用文字記錄。
概念可以表達(dá)清楚點(diǎn)子即可，對于一個需求，盡量發(fā)散思維，設(shè)計盡量多的方案，召集其他設(shè)計師一同探討這些方案。建議使用白板，從主到次，從大到小，邊畫邊說出概念。雖然看起來多一步，但繪制概念畢竟比低保真原型成本低很多。
低保真原型
原型包含：
1．每一個界面的布局，以及解釋該布局的文案。（框架圖）
2．每一個控件的操作方式。如果這個操作涉及界面跳轉(zhuǎn)，那么便連接到下一個界面。（流程圖）
3．在不同情況下，界面發(fā)生的局部變化。例如，彈框或提示語。（局部描述）
交互文檔面面觀
看起來很單調(diào)。交互文檔應(yīng)該是黑白的，以線框?yàn)橹鬏o以一些灰度色塊，在非常需要的時候才可添加少量顏色。不需要色彩的原因是，最后實(shí)際視覺效果和交互文檔中的可能毫無關(guān)聯(lián)，反而交互文檔中不必要的視覺細(xì)節(jié)會讓觀看的人不自覺的從視覺的層面進(jìn)行思考。這樣會給觀看的人增加額外的認(rèn)知負(fù)擔(dān)，更糟糕的是可能在評審的時候引出節(jié)外生枝的討論。
內(nèi)容很復(fù)雜。文檔應(yīng)該有個封面，上面有標(biāo)題、版本號、各環(huán)節(jié)的直接負(fù)責(zé)人、更新記錄和日期等信息。封面不僅能讓文檔看起來更規(guī)范、更專業(yè)，還能讓閱讀者一開始就對文檔有初步了解，方便工作交接。
交互文檔中，說明文字通過箭頭或線段指向具體的對象，交互細(xì)節(jié)都需要用文字輔助說明。畫面之間的跳轉(zhuǎn)關(guān)系離不開箭頭和文字的幫助，詳細(xì)而準(zhǔn)確的說明文字和跳轉(zhuǎn)箭頭都能幫助視覺設(shè)計師和開發(fā)人員對你的交互設(shè)計有統(tǒng)一的理解。
添加注釋文字時注意盡量簡明扼要，大段文字會讓人失去閱讀欲望。如必須較多文字才能說清楚時，應(yīng)注意分成一個個條目并適當(dāng)空行，這樣能讓文字看起來更清爽有條理。
元素很統(tǒng)一。文檔要簡潔規(guī)范，每頁應(yīng)盡量一樣大，有時設(shè)計師想把相關(guān)聯(lián)的線框圖都放在一個頁面中，覺得這樣更直觀。而實(shí)際上一頁能展現(xiàn)的內(nèi)容是有限的，如果在同一頁中堆太多線框就會擠壓說明文字空間，以后再要添加或修改內(nèi)容會非常困難。擁擠的畫面也增加了閱讀的理解難度，所以為了保持文檔的已讀性，多分出幾個頁面是非常有必要的。
文檔中有各式各樣的說明，有的是對整個頁面的整體邏輯說明，有的是對某個元素的說明，這些說明都應(yīng)該有相對固定的位置，比如整體說明在頁面頂端，單個元素的說明在右側(cè)。如果用心合理的安排這些說明的位置，自己和閱讀者都能慢慢形成習(xí)慣，那么撰寫和閱讀的效率都會提高。
對交互設(shè)計師來說，80%的時間都用于思考和確認(rèn)，只有20%的時間是在寫文檔的，而文檔卻是那80%時間成果的載體。只有讓文檔更謹(jǐn)慎、細(xì)致才能讓閱讀者更好的理解你的想法和思考，避免因誤解產(chǎn)生疑問。
布局/結(jié)構(gòu)
每個界面所要承載的內(nèi)容都要在交互設(shè)計階段考慮清楚：頁面要放哪些功能按鈕、按鈕以圖形的形式還是文字鏈接的形式，要在哪里加說明文字、文字內(nèi)容是什么，對于展現(xiàn)內(nèi)容較多的頁面是不是需要整理分割為幾個區(qū)塊等。好的線框圖不一定漂亮，但一定應(yīng)細(xì)致。
位置/順序
頁面上各個板塊按照不同的位置進(jìn)行排列，對用戶的引導(dǎo)作用是不同的。設(shè)計時把希望用戶先注意到的內(nèi)容放在比較明顯的位置，把相互關(guān)聯(lián)的內(nèi)容放在相鄰的順序上，才能有效的展現(xiàn)內(nèi)容，引導(dǎo)用戶按照你的期望去使用產(chǎn)品。
層次/輕重
一個頁面中包含很多元素，需要按重要性和不同功能來組織這些元素才能讓頁面不散亂。應(yīng)有弱化有突出，讓用戶不會對該點(diǎn)擊哪里產(chǎn)生疑惑。
第4章 交互設(shè)計師有話要說
大局觀
在項目過程中，設(shè)計師要主動了解各部門的想法和立場，充分理解和消化需求，才能有機(jī)會再限制中做出平衡而美麗的設(shè)計。在撰寫交互文檔的時候，也要時刻站在整個產(chǎn)品的角度來進(jìn)行設(shè)計，注意保持交互性是和視覺形式的統(tǒng)一。
操作流程簡潔
使用自然思維而不是程序思維。
圍繞用戶的目的和行為來設(shè)計
著手設(shè)計操作流程之前先要理解用戶的目的和行為，他們想做什么，想先做什么后做什么，以及是否會在同一時間做多件事，抱著不同的目的和心態(tài)，適合的操作流程可能會有很大差異。在對操作流程本身進(jìn)行埋頭鉆研前不如先從理解用戶出發(fā)，設(shè)身處地來思考用戶的所想、所需，透過用戶的視線來審查和觀察、來判斷操作流程是否真的簡潔。
少點(diǎn)一下就方便了嗎
按點(diǎn)擊次數(shù)評價操作的簡便程度并不是完善的比較方式，具體還要看用戶是不費(fèi)腦筋的點(diǎn)了兩下還是深思熟慮后點(diǎn)了一下。比如一次給出商品的詳細(xì)分類，雖然用戶點(diǎn)擊一次就可以，但需要認(rèn)真閱讀和思考每個分類后才能點(diǎn)下去。雖然先給一個大分類，再給細(xì)節(jié)分類會讓用戶在找商品時多點(diǎn)擊幾次，但需要的思考卻少很多，感覺上也應(yīng)更加輕松。
將常用功能提前
對于擁有列表性頁面的應(yīng)用來說，通常列表還有更深的層級，即詳情頁。列表也是一條條的概況，而詳情頁是可以承載更多的內(nèi)容可操作。但有時我們在列表頁就可以決定我們接下來要進(jìn)行的操作了，此時如果列表頁上就有相應(yīng)的操作按鈕，就不需要進(jìn)入詳情頁，路程就會變得簡化。
反饋的形式
氣泡狀提示。通常是短暫出現(xiàn)在畫面上的，就像氣泡一樣過一會兒就會自己消失，這種提示通常用于告知任務(wù)狀態(tài)和操作結(jié)果，不適合承載太多文字或重要信息。
彈出框。于確認(rèn)和取消重要的操作。算是對用戶打擾最大的一種提示。通常用戶都想趕快關(guān)掉彈出框以便接著進(jìn)行操作，所以彈出框上的說明和按鈕上的文字最好言簡意賅、一目了然，。
按鈕/圖標(biāo)/鏈接的按下狀態(tài)。當(dāng)用戶在屏幕上按下一個按鈕或鏈接時，它們需要有狀態(tài)的改變，例如變得扁平或底色改變，讓用戶看到他的操作已經(jīng)被界面接收到了。
聲音。由于用戶所處的環(huán)境多種多樣，可能很吵或不適合打開聲音，因此不能講聲音作為主要反饋，而且一定要給用戶關(guān)掉提示音的權(quán)利。
振動。振動是一種比較強(qiáng)烈的觸覺反饋，可以用來代替或加強(qiáng)聲音提示。
動畫。幫助用戶直觀的了解到操作的結(jié)果。
反饋的內(nèi)容
信息；
警告；
錯誤；
確認(rèn)。
反饋出現(xiàn)的位置
狀態(tài)欄；
導(dǎo)航欄；
內(nèi)容區(qū)上方；
屏幕中心；
菜單欄上方；
底部（覆蓋菜單欄）。
反饋的設(shè)計原則
為用戶在各個階段的操作提供必要、積極、及時的反饋。避免過度反饋，以免給用戶帶來不必要的打擾。能夠及時看到效果的、簡單的操作可以省略反饋提示。所提供的反饋要能讓用戶用最便捷的方式完成選擇。為不同類型的反饋?zhàn)霾町惢O(shè)計。不要打斷用戶的意識流，避免遮擋用戶可能回去查看或操作的對象。
動畫的重要引導(dǎo)作用
1.頁面層級結(jié)構(gòu)引導(dǎo)
2.手勢操作引導(dǎo)
3.狀態(tài)提示
4.隱藏功能提示
反饋?zhàn)饔?/b>
邊界反饋。在iOS系統(tǒng)中，當(dāng)滑動到頁面頂端或底端時，會有回彈的動畫效果。
過程反饋。一些具有持續(xù)性的操作過程中，動畫效果可以幫助用戶清晰地了解目前所處的狀態(tài)，還能讓等待過程變得有趣起來
結(jié)果反饋。在登錄頁面中，都一定會考慮用戶輸入信息錯誤的反饋提示，最常見的做法是用顏色和文字來提示。
考慮到各種特殊情況
無網(wǎng)絡(luò)；
空白頁面；
超量的內(nèi)容顯示；
失??；
加載中；
重復(fù)操作；
輸入錯誤；
分辨率影響。
尊重平臺特性了解技術(shù)限制
技術(shù)限制很大一部分與平臺的特性是密不可分的。每個平臺都有自己的特點(diǎn)和性格，就像Android和iOS兩個平臺在物理按鍵、控件規(guī)范和手勢操作上都有一定的差異，可以通過查閱平臺規(guī)范文檔或者試用產(chǎn)品來了解。將完全相同的設(shè)計復(fù)制粘貼在不同平臺上可能會在某些時候有悖于系統(tǒng)培養(yǎng)的用戶習(xí)慣，也可能會因?yàn)榧夹g(shù)特點(diǎn)的不同導(dǎo)致開發(fā)過程中耗費(fèi)過多精力甚至最終實(shí)現(xiàn)效果與理想相差甚遠(yuǎn)。
第二部分視覺設(shè)計BEAUTY IS ORDER
第1章 準(zhǔn)備
工欲善其事必先利其器
組內(nèi)使用一致的版本的軟件；
使用高版本時考慮到低版本的配置；
使用工具時有合理并一致的命名規(guī)范。
開始前要做的功課
了解產(chǎn)品意圖。
設(shè)計的重點(diǎn)是什么。
產(chǎn)品經(jīng)理說藍(lán)色就是藍(lán)色嗎。
產(chǎn)品的氣質(zhì)是什么。
了解平臺特性。
分辨率。
與平臺分隔差異融合。
競品分析和優(yōu)秀案例思考。
理解UE。
快速開始。
第2章 界面設(shè)計
風(fēng)格
界面風(fēng)格就好比一個界面的靈魂一樣，看到一整套UI作品，一般人會有一個整體印象，這個印象，其實(shí)也正是界面風(fēng)格的體現(xiàn)。不同的產(chǎn)品訴求，有時候決定了界面的風(fēng)格。
擬物化設(shè)計從字面上比較好理解，就是對現(xiàn)實(shí)生活中的一些物品進(jìn)行模擬再設(shè)計，包括質(zhì)感上的和布局上的等。扁平化設(shè)計一詞所指的是拋棄那些已經(jīng)流行多年的漸變、陰影、高光等擬真視覺效果，從而打造出一種看上去更“平”的界面。
布局
很多時候，布局也是要靠UI來完善的，UE做的時候可以和UI商量，如果這樣布局UI的體現(xiàn)是否合理，UI做的時候也可以和UE商量，在不影響體驗(yàn)和產(chǎn)品需求的情況下改變模塊的位置會不會更好。
第3章 你的界面是什么顏色
軟件的主色決定軟件整個風(fēng)格，這個主色不會占大面積，往往作為title bar,即軟件頭部來顯示，或者頁面主要元素顏色顯示，其他則作為輔助顏色來搭配。
顏色和情感
紅色代表愛情和危險，同時也是速度的體現(xiàn)。而藍(lán)色給人更多的信任、放松、撫慰和冷靜睿智。像白灰黑會引發(fā)孤獨(dú)、愚鈍和典雅感，有時白色會顯得包容，黑色也會顯得潮流。
主色和輔助色
主色顧名思義是這款軟件使用面積最大的色彩，是掌握整個畫面色彩氣氛的主要因素，輔色則在界面中所占的面積較小，起強(qiáng)調(diào)或緩沖調(diào)和的作用。
那些微妙的漸變色
有些純扁平化的界面設(shè)計是幾乎沒有漸變色的，像Win8這種設(shè)計風(fēng)格，幾乎都是純色塊的拼接。不過很多的界面設(shè)計，在趨向于扁平化這種設(shè)計風(fēng)格的同時，色彩上運(yùn)用一點(diǎn)點(diǎn)微妙的漸變，就像香水在前調(diào)后還能讓人感受到中調(diào)和后調(diào)一樣增加界面品質(zhì)。
強(qiáng)調(diào)色的適當(dāng)運(yùn)用
一張白紙，如果點(diǎn)了一滴墨水在中間暈染開，你把這張紙拿給任何人看，問他看到了什么，筆者想大多的回答是，“中間的那一滴黑色”。從界面色彩來說，這一滴墨可以說是整個紙張里面的強(qiáng)調(diào)色，讓人無法忽視。
界面里往往很多提示，不可忽略的信息，都愛做強(qiáng)調(diào)色處理。同時也讓用戶操作的時候，更加便捷地找到自己所需。強(qiáng)調(diào)色的作用：
新的提醒。如iPhone界面右上角的提示數(shù)字。
強(qiáng)調(diào)。搜狐新聞客戶端訂閱中心頁面，會發(fā)現(xiàn)沒有訂閱的刊物后面都跟著一個紅色的加號，相反已經(jīng)訂閱的則是一個灰色的勾，這樣的對比，首先會讓用戶對已訂閱和未訂閱的刊物有明確感知，。
積極的反饋—表達(dá) 正在進(jìn)行的行為狀態(tài)。現(xiàn)在今日直播和預(yù)告里，每項直播后面都會有一個鈴擋狀態(tài)的按鈕，當(dāng)點(diǎn)擊這個按鈕時，會彈出Toast提示，告知你這項直播預(yù)定成功，同時，按鈕變紅。在表達(dá)重要的行為狀態(tài)時，會采用強(qiáng)調(diào)色，同時也是在潛在告知用戶“你已經(jīng)預(yù)定提醒了”。強(qiáng)調(diào)色告訴你做的事情所產(chǎn)生的結(jié)果。
界面上的特殊色
界面上的顏色至關(guān)重要，它們存在的意義就是改變我們對一款軟件最直接的感受，甚至能起到不可磨滅的作用。界面的色彩要達(dá)到舒服和耐看，尤其是對一些重視閱讀的軟件，一般來說就更不能用差異化過大的色彩搭配了。色彩不宜過多，否則容易讓用戶造成視覺上的疲勞，最終降低用戶體驗(yàn)度。只有適當(dāng)適度運(yùn)用美妙的色彩，才能在第一時間抓住用戶眼球的同時，讓他更想也更有精力深入的了解你的產(chǎn)品。
第4章 優(yōu)美的圖標(biāo)
哪些地方可以運(yùn)用圖標(biāo)
直觀的視覺標(biāo)示；
對信息的補(bǔ)充和強(qiáng)調(diào)；
對信息的直接表達(dá)；
不同平臺選擇性使用圖標(biāo)。
能明確表達(dá)信息時，我們可以只用圖標(biāo)來表示，僅用文字雖然可以說明信息，但是可以對查看信息做更明確快速地反應(yīng)時，文字和圖標(biāo)相結(jié)合也是不錯的用法。考慮到界面排布合理性，僅是補(bǔ)充說明的圖標(biāo)，且不會對文字信息起到非常明確地補(bǔ)充強(qiáng)調(diào)表達(dá)作用時，僅用文字信息也是不錯的選擇。
風(fēng)格鮮明的圖標(biāo)
質(zhì)感和用色。
造型和結(jié)構(gòu)。
表意
相同意思的圖標(biāo)，我們也可以看出不同的表達(dá)方式，比如“設(shè)置”，我們經(jīng)常會看到用一個齒輪形狀來表達(dá)，也可以看到用一個扳手和螺絲刀組合起來的形式來表示。不管怎樣風(fēng)格的表達(dá)方式，都要保證這和你想要營造的個性風(fēng)格是一致的。
我們要做什么樣的圖標(biāo)
為了一見鐘情。一個應(yīng)用能否在第一時間具有吸引用戶的魅力，得到用戶的信任，是尤其重要的。
單色圖形還是多色搭配。多數(shù)軟件的界面上的功能性圖標(biāo)都采用單色系，但不排除一些為了突出的標(biāo)示性的圖標(biāo)，比如微博或朋友圈等，這些都采用了多色搭配，來進(jìn)行區(qū)分。
圖標(biāo)的統(tǒng)一性。不管選用什么樣風(fēng)格的圖標(biāo)，在你的界面上，這些圖標(biāo)擺在一起要有一致性。
明確的表達(dá)含義。界面設(shè)計上的圖標(biāo)，最根本的原則是要做到表意明確，因?yàn)榻缑鎁I最終是為內(nèi)容服務(wù)的。
物理大小和視覺大小。當(dāng)圖標(biāo)的物理數(shù)值一致時，看看將他們都放在一起，是否從視覺上也是一致的。
變化的圖標(biāo)。點(diǎn)擊后發(fā)生變化的圖標(biāo)，都能明確向用戶進(jìn)行有效反饋，告知用戶“你正在做什么”、“你應(yīng)該做什么”、“你已經(jīng)做了什么”。
隱喻。隱喻的圖標(biāo)設(shè)計帶有內(nèi)容預(yù)覽的作用，當(dāng)你看到一個圖標(biāo)，就要明白他所代表的含義。
第5章 界面質(zhì)感
擬物、扁平、質(zhì)感。界面上的質(zhì)感是一個錦上添花的事情，它有時并不影響整體使用，但是質(zhì)感用的適當(dāng)，加的舒服，會營造更好的使用環(huán)境，給用戶帶來更優(yōu)質(zhì)的使用。在設(shè)計趨勢不斷變化中，對于界面的質(zhì)感取舍也在不同的更新?lián)Q代。質(zhì)感和你所追求的設(shè)計風(fēng)格是相輔相成的，極致簡約的UI設(shè)計，基本上界面的質(zhì)感也不會有過多的表現(xiàn)，相反現(xiàn)今蘋果設(shè)計的各種玻璃質(zhì)感和重陰影，也是對走擬物化這種設(shè)計風(fēng)格的恰當(dāng)連釋。
第6章 錦上添花的UI動畫
輔助建立完整的層級關(guān)系
讓操作變得更有趣
指示性的動效
畫龍點(diǎn)睛（引導(dǎo)動畫）
結(jié)合平臺特性
客戶端主要應(yīng)用了漸隱、滑動、變形、拉伸等動畫特效，有的地方是單純用其中一種，有的則是一起出現(xiàn)的，這些動效的組合，使客戶端顯得更加生動，有血有肉有靈魂，而不是一個平淡無趣的機(jī)器，它更像一個平時生活不可少的伙伴。
第7章 切圖
切圖標(biāo)注的過程是設(shè)計完成的重要一步，不可忽視，因?yàn)樵O(shè)計得再好，都有可能在最后由于切圖這一步的問題，導(dǎo)致最終實(shí)現(xiàn)的效果和設(shè)計圖相差很大，如果設(shè)計是90分，作為設(shè)計師會盡量讓軟件還原到80分以上。
切圖標(biāo)注時應(yīng)和程序員進(jìn)行有效溝通，避免資源浪費(fèi)。從命名規(guī)范上、輸出資源大小的把控上，從實(shí)現(xiàn)效果預(yù)估從而在切圖時盡量規(guī)避做出正確切圖上，這些細(xì)節(jié)如果做好都會大大降低程序員的實(shí)現(xiàn)難度，提高最終實(shí)現(xiàn)出來的整體效果。
第8章 開發(fā)與測試工程師們的建議和看法（略）
第9章 給設(shè)計點(diǎn)靈魂
GUI設(shè)計為了更好地服務(wù)內(nèi)容和用戶，同時我們也在思考在設(shè)計之外是否可以給產(chǎn)品更多驚喜、更多值得玩味的細(xì)節(jié)。
優(yōu)雅的等待
和所有應(yīng)用一樣，程序的啟動需要一個短暫的時間才能進(jìn)入到主界面中。這個在程序啟動過程中被用戶所看到的過渡頁面(或動畫)我們統(tǒng)稱為啟動頁。啟動頁持續(xù)的時間大約有2~3秒鐘。這個時間雖然不算很短，但是對于匆忙啟動或是急于使用的時候就會顯得有些漫長了。并且這段等待的心情也絕對能夠影響用戶的體驗(yàn)。
隱藏的情懷
很多隱藏的小細(xì)節(jié)中飽含了設(shè)計師們對一些事物的敬意。早期有一份叫做《名人博客》的刊物，我們利用日夜間模式的背景顏色差異在，icon上藏了一段“stay hungry,stay foolish”向偉大的導(dǎo)師喬布斯致敬。遺憾的是由于運(yùn)營關(guān)系現(xiàn)在這份刊物已經(jīng)下線，大家以后可能看不到了。
第10章 關(guān)于品牌的二三事
品牌設(shè)計師，主要的工作是負(fù)責(zé)整個產(chǎn)品所有的關(guān)于品牌的設(shè)計品牌設(shè)計是產(chǎn)品與用戶之間視覺溝通的重要途徑之一，用戶通過品牌LOGO、廣告等所了解到的產(chǎn)品氣質(zhì)和功能等，即是品牌所發(fā)揮的作用展現(xiàn)?？偟膩碚f，其實(shí)品牌設(shè)計沒有確切的界定范圍，因?yàn)榈才c品牌形象發(fā)展相關(guān)的都可以歸為品牌設(shè)計。
品牌設(shè)計師日常工作的最大特點(diǎn)就是需求多、需求方多、需求雜、交稿時間不定，所以面臨一早打開郵箱彈出的各種需求郵件，請務(wù)必坐穩(wěn)抓牢并放平心跳。我們的工作不是從最早的那封郵件開始，具體看下需求，然后就按照發(fā)郵件的順序逐一做下去，因?yàn)榭赡苡行┬枨蠛芫o急，而有些不怎么著急。
我們的工作首先應(yīng)該是歸納這些需求;
其次，排列交稿時間;
最后，如果某段時間需求特別多，最好還是歸納到Excel表格中，或者打印出來貼在自己的工位旁邊，時刻提醒自己避免遺漏等。
一個項目中，設(shè)計師與其他角色的矛盾，本質(zhì)上就是這幾層定位差異導(dǎo)致的。不會溝通只會被別人牽著鼻子走的品牌設(shè)計師就是美工啊!品牌設(shè)計師在工作過程中需要掌握更多的跨專業(yè)知識，理解不同部門的立場，同時必須學(xué)會表達(dá)自己的想法和堅持自己的立場，弄清對方的真實(shí)想法，確保在溝通時處于同一層面說同一件事，這樣才能真正有效地溝通。
一個優(yōu)秀的品牌設(shè)計師一定是一個注重細(xì)節(jié)的人，可能對別人來說是細(xì)枝末節(jié)的小問題，他會敏感又挑剔，但注重細(xì)節(jié)同樣也意味著要投入更多的精力和時間。要讓自己的投入與最終的產(chǎn)出有較高的性價比，就一定要把控自己在細(xì)節(jié)上投入的時間。其實(shí)這跟煮咖啡很像，先選豆子研磨、再煮、最后放糖，先要能喝再要好喝，剛把豆子磨了就迫不及待地加奶放糖，就根本不能喝了。
創(chuàng)意的產(chǎn)生，是要經(jīng)過足夠的前期積累的，這種積累越豐富，思維碰撞產(chǎn)生的火花就越多。
用心生活
點(diǎn)滴收集
加強(qiáng)練習(xí)
善用腦圖
其實(shí)很多時候設(shè)計只是手段，一個手頭功夫再好的人沒有想法、沒有思路最終也只能是別人的手而已
