編者按：今天的譯文絕對(duì)值得設(shè)計(jì)師收藏！來(lái)自設(shè)計(jì)網(wǎng)站的龍頭老大Smashingmagazine，專(zhuān)業(yè)全面，條理性強(qiáng)，一篇文章幾乎包括了移動(dòng)應(yīng)用引導(dǎo)頁(yè)的全部設(shè)計(jì)方式，還分析了知名APP的反面例子，可以說(shuō)是搞定引導(dǎo)頁(yè)的最實(shí)用指南，趕緊來(lái)學(xué)習(xí)下！

譯文很用心，原文有誤的地方都有提醒，歡迎同學(xué)們關(guān)注譯者的微信公眾號(hào)“開(kāi)卷有譯”。

如今，移動(dòng)應(yīng)用對(duì)首次使用的用戶(hù)呈現(xiàn)歡迎頁(yè)這種方式已經(jīng)越來(lái)越流行了。這樣做的目的就是向用戶(hù)介紹并展示我們的應(yīng)用。

引導(dǎo)頁(yè)往往是與用戶(hù)進(jìn)行交互的第一組界面，于此同時(shí)，這些界面還將影響用戶(hù)對(duì)應(yīng)用的期望。因此，對(duì)于參與到產(chǎn)品研發(fā)的團(tuán)隊(duì)成員——產(chǎn)品經(jīng)理、設(shè)計(jì)師以及開(kāi)發(fā)人員來(lái)說(shuō)，花些時(shí)間好好評(píng)估一下這些引導(dǎo)頁(yè)是否必要就顯得至關(guān)重要了，一旦需要，那就做到最好 。

本文將提供給您一些設(shè)計(jì)引導(dǎo)頁(yè)的小貼士、一些常見(jiàn)的實(shí)現(xiàn)方式、不同的設(shè)計(jì)方法以及資源，以幫助您為用戶(hù)提供最佳的體驗(yàn)。

是否需要引導(dǎo)頁(yè)？

近年來(lái)，關(guān)于移動(dòng)應(yīng)用引導(dǎo)頁(yè)實(shí)用性的討論層出不窮。于此同時(shí)，也流行著另一種反對(duì)的聲音：如果一個(gè)應(yīng)用需要引導(dǎo)頁(yè)，那么它本身就是一個(gè)缺陷，因?yàn)檫@說(shuō)明了該應(yīng)用缺乏簡(jiǎn)單和用戶(hù)友好的基本要素。雖然聽(tīng)起來(lái)很有邏輯，但這個(gè)結(jié)論畢竟過(guò)于籠統(tǒng)。

數(shù)字化設(shè)計(jì)中有大量的規(guī)則和成功案例，這是很好的。這些規(guī)則讓設(shè)計(jì)師和工程師不必每次在開(kāi)發(fā)一個(gè)產(chǎn)品的時(shí)候都需要推倒重來(lái)。更重要的是，它們避免了用戶(hù)在使用全新的應(yīng)用時(shí)手足無(wú)措，相反，用戶(hù)可以放心地知道編輯功能是由鉛筆圖標(biāo)代表的，“大拇指”的圖標(biāo)則代表了“喜歡”。規(guī)則總是個(gè)好東西。

但事實(shí)是，每個(gè)應(yīng)用都有其獨(dú)到之處，它是做什么的、怎么做以及誰(shuí)使用它。應(yīng)用間的這些不同點(diǎn)使得引導(dǎo)頁(yè)在特定的情況下成為一個(gè)可靠、務(wù)實(shí)、人性化的功能存在。讓我們來(lái)看一些使用案例。

在學(xué)習(xí)干貨之前，來(lái)這里看看什么知名APP的引導(dǎo)頁(yè)是怎么設(shè)計(jì)的！《靈感爆棚！22個(gè)知名App啟動(dòng)引導(dǎo)頁(yè)設(shè)計(jì)欣賞》，以下高能，集中精神了！

使用案例1： 非常規(guī)交互

如果應(yīng)用所支持的交互行為并不是大部分用戶(hù)能夠輕易通過(guò)常規(guī)方式找到的——尤其是主打手勢(shì)交互的應(yīng)用——那么引導(dǎo)頁(yè)是必不可少的。手勢(shì)驅(qū)動(dòng)的應(yīng)用程序目前仍處于試驗(yàn)和探索階段，因此，開(kāi)發(fā)人員需要指引用戶(hù)如何用這些手勢(shì)進(jìn)行交互，清晰呈現(xiàn)每一個(gè)手勢(shì)以及它們相對(duì)應(yīng)的功能。

例如，鬧鐘應(yīng)用Timely，就給用戶(hù)詳細(xì)地指出了點(diǎn)擊屏幕中的具體區(qū)域會(huì)使鬧鐘的時(shí)間增加或減少5分鐘。

Timely針對(duì)每個(gè)手勢(shì)都對(duì)用戶(hù)進(jìn)行指導(dǎo)并且展示出期望的結(jié)果。

使用案例2：空頁(yè)面

那些默認(rèn)為空頁(yè)面，并且需要用戶(hù)通過(guò)一個(gè)或多個(gè)步驟才能填充內(nèi)容的應(yīng)用，也是非常適合使用引導(dǎo)頁(yè)的。即便引導(dǎo)頁(yè)只有一個(gè)步驟，也能讓用戶(hù)打消疑慮，知道自己的操作是正確的。

Feedly展示了用戶(hù)該如何在應(yīng)用中獲得第一批內(nèi)容

使用實(shí)例3：系列產(chǎn)品

如果你的應(yīng)用是一個(gè)產(chǎn)品系列中的一部分——比如，產(chǎn)品同時(shí)還有桌面端和網(wǎng)頁(yè)版——引導(dǎo)頁(yè)可以大大提高用戶(hù)體驗(yàn)，尤其是當(dāng)移動(dòng)應(yīng)用不具備其他版本的全部功能時(shí)。這在復(fù)雜的企業(yè)應(yīng)用中更顯得尤為重要，因?yàn)椴煌陌姹径加衅溽槍?duì)的用戶(hù)角色、特定的訪問(wèn)權(quán)限和以及安全限制。

大部分情況下，網(wǎng)絡(luò)版和桌面端會(huì)支持所有功能（如創(chuàng)建、查看、編輯和刪除內(nèi)容），而移動(dòng)應(yīng)用就相對(duì)局限（比如只支持瀏覽）。在這種情況下，簡(jiǎn)要介紹移動(dòng)應(yīng)用的功能也將幫助現(xiàn)有用戶(hù)了解移動(dòng)端在整個(gè)產(chǎn)品系列中扮演的角色。

使用案例4：個(gè)人信息

如果您的應(yīng)用程序依賴(lài)于用戶(hù)的個(gè)人信息（如年齡、體重、性別、婚姻狀況），那么可以通過(guò)引導(dǎo)頁(yè)來(lái)收集它們。通過(guò)一步步的引導(dǎo)，

用戶(hù)可以清楚地知道為什么應(yīng)用需要這些信息。記得確保允許用戶(hù)可以隨時(shí)更改這些信息 （通常是通過(guò)應(yīng)用中的設(shè)置）

Fitbit 告訴用戶(hù)為什么需要進(jìn)行個(gè)人信息的采集并且引導(dǎo)用戶(hù)提供它們

即使你的應(yīng)用不適用以上任何案例，用戶(hù)仍可以通過(guò)引導(dǎo)頁(yè)受益。謹(jǐn)記任何與產(chǎn)品進(jìn)行交互的用戶(hù)至少都需要知道他們能通過(guò)這個(gè)產(chǎn)品得到些什么。而這些也是你可以在引導(dǎo)頁(yè)中呈現(xiàn)的信息，我將在之后的功能導(dǎo)向引導(dǎo)頁(yè)(譯者注：原作者應(yīng)該是寫(xiě)錯(cuò)了，結(jié)合上下文，這里應(yīng)該說(shuō)的是“利益導(dǎo)向引導(dǎo)頁(yè)”)中詳述。

當(dāng)然，我們的首要責(zé)任是設(shè)計(jì)直觀，易于使用的產(chǎn)品。但是，我們不應(yīng)該因此而放棄引導(dǎo)頁(yè)，它能給用戶(hù)帶來(lái)價(jià)值并且提供更加令人愉悅的體驗(yàn)。

該用何種方法？

通常來(lái)說(shuō)，引導(dǎo)頁(yè)的設(shè)計(jì)有以下三種方法：

－ 利益導(dǎo)向

－ 功能導(dǎo)向

－ 漸進(jìn)式

我們來(lái)逐一看看并且探討一下它們的設(shè)計(jì)規(guī)范

方法1：利益導(dǎo)向

這樣的好處不言自明。通過(guò)這種方法，你能讓用戶(hù)知道應(yīng)用能帶來(lái)的好處，讓用戶(hù)了解如下的問(wèn)題：

我們的應(yīng)用能做些什么？

用戶(hù)如何在生活中使用它？

這樣使用能給用戶(hù)帶來(lái)什么價(jià)值？

NYT now通過(guò)清晰簡(jiǎn)要的描述給用戶(hù)展示了它能提供的益處

應(yīng)用這個(gè)方法，需要考慮到如下原則：

最大化展示應(yīng)用的三個(gè)好處

這個(gè)數(shù)字并不是一個(gè)硬性規(guī)定，出于給用戶(hù)快速預(yù)覽的目的，三是個(gè)安全的數(shù)字（不包括標(biāo)題頁(yè)）。這樣，用戶(hù)即能了解該應(yīng)用也不會(huì)因?yàn)檫^(guò)多的信息而感到厭煩或是被拖慢使用的節(jié)奏。

一頁(yè)只說(shuō)一件事

回想一下你聽(tīng)過(guò)的演說(shuō)中什么樣的信息能讓你印象最深刻。一個(gè)幻燈頁(yè)面中僅有一個(gè)清晰且有重點(diǎn)的信息也許是最易形成沖擊而且最難忘的。這同樣適用于引導(dǎo)頁(yè)。

“一頁(yè)只說(shuō)一件事”的規(guī)則有助于用戶(hù)關(guān)注內(nèi)容并且分開(kāi)消化吸收。一次性將所有的內(nèi)容都展現(xiàn)出來(lái)不僅在視覺(jué)上有許多干擾，更會(huì)分散了用戶(hù)的注意力。

優(yōu)先級(jí)，優(yōu)先級(jí)，還是優(yōu)先級(jí)

控制住自己想要展示應(yīng)用中酷炫部分的沖動(dòng)。回到用戶(hù)數(shù)據(jù)，提醒自己用戶(hù)面臨的問(wèn)題以及他們的需求。然后，想辦法通過(guò)引導(dǎo)頁(yè)來(lái)告訴用戶(hù)我們的應(yīng)用是如何切實(shí)地回應(yīng)他們的需求。

使用一致的詞匯

Evernote Food，在文案中使用動(dòng)詞來(lái)快速吸引注意力，并傳達(dá)其主要益處。這種方法相當(dāng)高效并且足夠簡(jiǎn)潔。如果你憋不出幾個(gè)高大上的動(dòng)詞或形容詞，那么簡(jiǎn)單的短語(yǔ)或兩個(gè)詞也行。只要你能確保它們的一致性。工整連貫的文案，無(wú)論是在視覺(jué)效果還是語(yǔ)言上，都有助于給產(chǎn)品的用戶(hù)體驗(yàn)提供積極作用。

Evernote Food突出說(shuō)明了用戶(hù)通過(guò)應(yīng)用能得到的實(shí)際好處

引導(dǎo)頁(yè)先于注冊(cè)／登錄

引導(dǎo)頁(yè)提供的是應(yīng)用的概況，應(yīng)當(dāng)在用戶(hù)注冊(cè)或登錄前展示。一旦用戶(hù)決定進(jìn)行登錄，用戶(hù)并不希望被你提供的“益處”所打斷。

保持簡(jiǎn)潔

或許你還在糾結(jié)引導(dǎo)頁(yè)是否有必要。難道它不就只是在重復(fù)應(yīng)用商店（App Store）中的描述嗎？完全不是。 App Store中的描述有包含各種信息，甚至有應(yīng)用的大小，而引導(dǎo)頁(yè)需要簡(jiǎn)潔，正因如此，請(qǐng)專(zhuān)注于重中之重。此外，很多人會(huì)跳過(guò)應(yīng)用商店的說(shuō)明然后去嘗試探索應(yīng)用。所以，一個(gè)簡(jiǎn)單的說(shuō)明能夠幫助用戶(hù)很快了解我們的應(yīng)用。

別學(xué)！這是反面教材

Readability是個(gè)超贊的工具類(lèi)應(yīng)用，不幸的是，平臺(tái)間的一致性并沒(méi)有做好。它的設(shè)計(jì)失誤在安卓版的引導(dǎo)頁(yè)中尤為明顯：

用戶(hù)一共有7頁(yè)的內(nèi)容需要閱讀消化。

有些頁(yè)面中的說(shuō)明文字太長(zhǎng)。例如，關(guān)于共享的那一頁(yè)完全可以簡(jiǎn)化，顯示分享的內(nèi)容以及社交網(wǎng)絡(luò)的圖標(biāo)。

其中有一個(gè)頁(yè)面在鼓勵(lì)用戶(hù)安裝Firefox（火狐瀏覽器）的插件，這似乎放錯(cuò)地方了，而且之前的一頁(yè)還提到了“Readability是個(gè)網(wǎng)頁(yè)和移動(dòng)應(yīng)用。”移動(dòng)應(yīng)用的引導(dǎo)頁(yè)不應(yīng)該成為系列產(chǎn)品的營(yíng)銷(xiāo)手段，應(yīng)該關(guān)注在移動(dòng)平臺(tái)相關(guān)的內(nèi)容上。

避免出現(xiàn)過(guò)多頁(yè)面，并且保持內(nèi)容與平臺(tái)的相關(guān)性

方法2：功能導(dǎo)向

另一種選擇是放棄對(duì)益處的展示，把重點(diǎn)放在應(yīng)用的關(guān)鍵功能上。這有時(shí)也被稱(chēng)為“指引標(biāo)記“。使用這種方法，你需要給用戶(hù)展示：

什么是關(guān)鍵的功能（例如，如何開(kāi)始或什么是最常見(jiàn)的操作）

何時(shí)使用（例如，查看搜索結(jié)果）

如何使用（例如，點(diǎn)擊或左劃）

Carousel 一上來(lái)就給用戶(hù)介紹了關(guān)鍵功能

使用功能導(dǎo)向來(lái)設(shè)計(jì)引導(dǎo)頁(yè)，需要謹(jǐn)記：

顯而易見(jiàn)的無(wú)需說(shuō)明

從互聯(lián)網(wǎng)興起之初，無(wú)論時(shí)桌面程序還是網(wǎng)頁(yè)亦或是移動(dòng)應(yīng)用中，“X”始終代表關(guān)閉，退出或取消。所以，除非該圖標(biāo)在你的應(yīng)用中有不同用途，在引導(dǎo)頁(yè)中給予說(shuō)明沒(méi)有任何意義。

Adobe Kuler給用戶(hù)展示顯而易見(jiàn)的東西

分成三頁(yè)，每頁(yè)介紹一個(gè)功能

如果你想用幻燈片的方式來(lái)介紹應(yīng)用的功能，可以用上文我在“利益導(dǎo)向”章節(jié)中提到的原則：最多三張圖（不包括標(biāo)題頁(yè)），每張圖介紹一個(gè)功能。

幫助用戶(hù)入門(mén)

如果你的應(yīng)用打開(kāi)時(shí)默認(rèn)是個(gè)空頁(yè)面的，你可以圍繞這點(diǎn)來(lái)設(shè)計(jì)引導(dǎo)頁(yè)。不要讓你的用戶(hù)第一次打開(kāi)應(yīng)用就面對(duì)一個(gè)空白頁(yè)，你可以給用戶(hù)一個(gè)快速上手的指南，這樣他們就不會(huì)疑惑——哪怕只是一秒鐘——這個(gè)空白頁(yè)到底是個(gè)問(wèn)題還是功能需要。

Spendee 通過(guò)告訴用戶(hù)如何開(kāi)始使用以打消他們的疑慮

引導(dǎo)頁(yè)先于注冊(cè)／登錄

理由同上文“利益導(dǎo)向”章節(jié)的說(shuō)明

別學(xué)！這是反面教材

攝影應(yīng)用500px有著令人驚艷的內(nèi)容和豐富的功能，一直被用戶(hù)稱(chēng)道。 然而，iPhone版的引導(dǎo)頁(yè)卻有許多不得體的地方：

詳細(xì)展示了應(yīng)用的導(dǎo)航欄以及具體功能，告訴用戶(hù)他們可以通過(guò)導(dǎo)航欄來(lái)使用，但是這是件顯而易見(jiàn)的事情。

一些頁(yè)面展示了如喜歡，收藏和分享按鈕。所有這三個(gè)功能都是由那些常用的圖標(biāo)來(lái)表示，所以通過(guò)引導(dǎo)頁(yè)來(lái)解釋是不必要的。即使我們假設(shè)，有一部分使用500px的用戶(hù)并不了解這些圖標(biāo)。那么，基于使用情景的漸進(jìn)式引導(dǎo)可以更好的為用戶(hù)服務(wù)（例如，當(dāng)用戶(hù)正在瀏覽照片時(shí)，他們可能用得到“喜歡”）。

其中一頁(yè)展示了“流”的概念，即時(shí)間軸，用于展示用戶(hù)關(guān)注的人的動(dòng)向。因?yàn)橛脩?hù)只有在關(guān)注了一些好友以后，時(shí)間軸才能讓用戶(hù)獲益，那么在用戶(hù)至少關(guān)注一人時(shí)以漸進(jìn)式的引導(dǎo)來(lái)介紹會(huì)更好。

500px其實(shí)可以盡量避免在單頁(yè)中介紹過(guò)多功能，可以留到用戶(hù)遇到時(shí)再介紹。

方法3：漸進(jìn)式

通常，用戶(hù)都是通過(guò)實(shí)踐來(lái)學(xué)習(xí)的。這或許也解釋了漸進(jìn)式引導(dǎo)盛行的原因，漸進(jìn)式的引導(dǎo)就是一場(chǎng)真實(shí)的演練，在用戶(hù)使用的過(guò)程中給他們展示需要的信息。例如，當(dāng)用戶(hù)在儀表盤(pán)的界面中只會(huì)看到儀表盤(pán)有關(guān)的信息；而當(dāng)他們查看搜索結(jié)果時(shí)，也只會(huì)看到搜索結(jié)果相關(guān)的功能。

Feedly隨著用戶(hù)的使用展示相應(yīng)的提示。

使用漸進(jìn)式引導(dǎo)你需要了解以下幾點(diǎn)：

簡(jiǎn)化復(fù)雜流程

如果你的應(yīng)用有一個(gè)相當(dāng)復(fù)雜的工作流程或是用于處理復(fù)雜任務(wù)（如財(cái)務(wù)方面的功能），那么漸進(jìn)式引導(dǎo)是一個(gè)不錯(cuò)的選擇。你只需要在流程中合適的時(shí)機(jī)提供用戶(hù)相應(yīng)的信息即可，這樣用戶(hù)也有時(shí)間來(lái)慢慢消化。

用于隱藏功能

在開(kāi)發(fā)移動(dòng)應(yīng)用的過(guò)程中，我們一直都很關(guān)注于如何更有效地利用小屏幕，這有時(shí)需要隱藏一些菜單和功能，只有通過(guò)例如一個(gè)雙擊或長(zhǎng)按才能看到。在這種情況下，可以使用引導(dǎo)來(lái)讓用戶(hù)知道這些隱藏功能所在。

以Pocket為例，如下圖所示，閱讀列表中的每一項(xiàng)都可以進(jìn)行一些功能的操作，但是用戶(hù)需要用左滑的手勢(shì)才能看到。由于用戶(hù)需要手動(dòng)添加內(nèi)容到閱讀列表，一個(gè)很好的處理方法就是等到用戶(hù)至少添加了一個(gè)項(xiàng)目時(shí)，馬上指出，通過(guò)左滑手勢(shì)可以調(diào)出這些隱藏的功能。

Pocket可以通過(guò)漸進(jìn)式引導(dǎo)用戶(hù)使用隱藏的功能

手勢(shì)類(lèi)應(yīng)用的理想選擇

如果你的應(yīng)用完全是手勢(shì)驅(qū)動(dòng)的，那么這種實(shí)戰(zhàn)式的引導(dǎo)式是最好的。讓用戶(hù)隨著使用的過(guò)程進(jìn)行操作的引導(dǎo)，通過(guò)這種方式給用戶(hù)介紹功能，會(huì)更容易讓用戶(hù)記住。

Solar展示了每個(gè)手勢(shì)的功用，讓用戶(hù)邊做邊學(xué)。

確保引導(dǎo)一直都在

對(duì)于那些手勢(shì)驅(qū)動(dòng)的應(yīng)用，提供了一個(gè)手勢(shì)和它們對(duì)應(yīng)的操作的列表是十分必要的，或者可以放在設(shè)置中。

記住，你提供的手勢(shì)越多，用戶(hù)必須記住得就越多。并且用戶(hù)在設(shè)備上的安裝的手勢(shì)驅(qū)動(dòng)類(lèi)應(yīng)用越多，他們就可能遇到更多的困惑，因?yàn)樗麄兛赡苄枰ビ涀〔煌瑧?yīng)用中雙擊手勢(shì)的區(qū)別。確保這些引導(dǎo)信息可以隨時(shí)被調(diào)出，可以做為一定程度上的彌補(bǔ)。

Beats Music提供永久存在并且能夠快速訪問(wèn)到的手勢(shì)列表。

什么不能做

由于漸進(jìn)式引導(dǎo)是用戶(hù)探索應(yīng)用的輔助，最大的風(fēng)險(xiǎn)在于持續(xù)不斷的提示可能會(huì)毀掉一個(gè)原本美好的體驗(yàn)。因此，小心使用這種方法，確保只顯示給用戶(hù)最有用的信息。

此外，避免在每一個(gè)界面中都突出一些功能。給用戶(hù)一些喘息的空間，讓他們從探索中獲得愉悅感。這不應(yīng)該是應(yīng)用里糟糕體驗(yàn)的替代品，而是提升用戶(hù)體驗(yàn)的方法。

替代方案

以上介紹的方法都是時(shí)下最流行的。但是，你也可以有其他不同的選擇！

替代方案1：混合使用

混合使用有時(shí)也是可行的，如同F(xiàn)link展示的：

Flink結(jié)合使用了引導(dǎo)頁(yè)設(shè)計(jì)的方法。

替代方案2：視頻

有一些應(yīng)用使用了視頻進(jìn)行引導(dǎo)，這種方法是值得研究思考的。視頻可以有不同的側(cè)重，有些視頻更為實(shí)用，類(lèi)似于新手教程，而有些則基本就是廣告。如同網(wǎng)站上的視頻，自動(dòng)播放會(huì)對(duì)用戶(hù)造成干擾。而且用戶(hù)使用移動(dòng)設(shè)備很可能處在公共空間，聲音播放就顯得不那么合適了。

Fifty-Three用視聽(tīng)效果來(lái)展示應(yīng)用。

替代方案3：試用數(shù)據(jù)

提供了一些試用數(shù)據(jù)供用戶(hù)嘗試也是值得一試的方法。尤其對(duì)于那些處理敏感數(shù)據(jù)，例如財(cái)務(wù)或是人力資源數(shù)據(jù)的應(yīng)用，顯得特別有用。如果應(yīng)用預(yù)先設(shè)置了試用數(shù)據(jù)時(shí)，用戶(hù)會(huì)卸下?lián)鷳n(yōu)去嘗試、犯錯(cuò)以及學(xué)習(xí)如何使用這個(gè)應(yīng)用，為他們錄入真實(shí)數(shù)據(jù)做更好的準(zhǔn)備。

Xero為用戶(hù)提供了試用數(shù)據(jù)，幫助他們了解應(yīng)用。

結(jié)論

希望本文中的指南和案例對(duì)你的引導(dǎo)頁(yè)設(shè)計(jì)提供幫助，然而，永恒不變的話(huà)題——用戶(hù)才是一切的關(guān)鍵。因此，當(dāng)你評(píng)估要使用哪種方法時(shí)，請(qǐng)重新審視一下你的人物角色、用戶(hù)場(chǎng)景以及任何用戶(hù)數(shù)據(jù)，無(wú)論是通過(guò)分析得到的還是市場(chǎng)研究得到的。

如果你還是不確定該用哪種方法，那么借助用戶(hù)測(cè)試，測(cè)試一個(gè)或多個(gè)方法，然后分析一下用戶(hù)的反饋，看看什么可行，什么不可行。沒(méi)有任何解決方案是通用的，所以，請(qǐng)一如既往地善用數(shù)據(jù)來(lái)做出最明智的決定吧。

?超實(shí)用的指南好文合集！

色彩知識(shí)大科普！再也不做“色盲”啦！
《設(shè)計(jì)師配色寶典！教你從零開(kāi)始學(xué)配色（一）》

幫你全面搞定摳圖的那些事兒！
《從菜鳥(niǎo)到高手！PHOTOSHOP摳圖全方位攻略》

閱讀量過(guò)10萬(wàn)的超人氣自學(xué)指南！
《超贊！設(shè)計(jì)師完全自學(xué)指南》

原文地址：smashingmagazine
譯文地址：jianshu
譯者：開(kāi)卷有譯

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量77萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：