服務(wù)設(shè)計(jì)大家也不陌生了吧，關(guān)注我們的同學(xué)也看過我們寫過很多關(guān)于服務(wù)設(shè)計(jì)的文章這其中也有一些枯燥的科普文還有理性討論的文章，當(dāng)然也有很多不了解服務(wù)設(shè)計(jì)的小伙伴，所以這篇文章就來(lái)幫大家介紹一下：服務(wù)設(shè)計(jì)。

《從用戶體驗(yàn)到服務(wù)設(shè)計(jì)：沒有人會(huì)告訴你這赤裸裸的真相》
《如果你想學(xué)服務(wù)設(shè)計(jì)，有哪些可選專業(yè)？[備查]》
《為什么要應(yīng)用服務(wù)設(shè)計(jì)？》
《服務(wù)設(shè)計(jì)和用戶體驗(yàn)設(shè)計(jì):有什么區(qū)別?》

吸引客戶并與公司建立聯(lián)系

服務(wù)設(shè)計(jì)方法幫助公司更有效地執(zhí)行新思想、滿足客戶期望、打破藩籬并創(chuàng)造商業(yè)價(jià)值。通過可視化新的想法和客戶旅程，并從第一天就與客戶和員工進(jìn)行測(cè)試，這種方法突出了潛在的挑戰(zhàn)，并產(chǎn)生想法來(lái)緩解它們，從而增強(qiáng)了對(duì)想法的信心和對(duì)行動(dòng)的更高承諾。

結(jié)論

• 服務(wù)設(shè)計(jì)關(guān)注客戶需求，執(zhí)行想法并創(chuàng)造商業(yè)價(jià)值。

• 從最開始，服務(wù)設(shè)計(jì)就通過與客戶和員工進(jìn)行測(cè)試來(lái)降低商業(yè)風(fēng)險(xiǎn)。

• 在整個(gè)公司中共享客戶洞見，可以打破藩籬，并使工作一致。

沒有良好執(zhí)行的聰明策略很少能實(shí)現(xiàn)卓越的服務(wù)。需要工藝、正確的方法和技能，才能以具體的方式將客戶與企業(yè)聯(lián)系起來(lái)。服務(wù)設(shè)計(jì)是幫助公司實(shí)現(xiàn)新的客戶體驗(yàn)、滿足客戶期望、處理內(nèi)部挑戰(zhàn)和創(chuàng)造商業(yè)價(jià)值的強(qiáng)大工具。

顧客的視角

服務(wù)設(shè)計(jì)方法將人的關(guān)注點(diǎn)引入到服務(wù)的開發(fā)中。它幫助公司以客戶的眼光來(lái)看待全局，并提供工具來(lái)設(shè)計(jì)客戶與整個(gè)公司之間的每一個(gè)小小的互動(dòng)。

客戶洞見是有價(jià)值的

市場(chǎng)調(diào)查告訴你客戶喜歡什么，但可能無(wú)法告訴你為什么。

服務(wù)設(shè)計(jì)者使企業(yè)能夠更深層次地了解客戶。從深度訪談和觀察到創(chuàng)意客戶研討會(huì)，這些方法幫助公司理解為什么人們經(jīng)常言行不一，以及尋找下一個(gè)大創(chuàng)意。

在整個(gè)公司中分享客戶洞見也可以有效地打破藩籬并協(xié)調(diào)工作，這樣公司就能夠交付通過多種渠道與客戶互動(dòng)的體驗(yàn)。

觀察顧客去了哪里，他們看到了什么，聽他們說(shuō)了什么。獲得深刻的客戶洞見，推動(dòng)新想法。

眼見為實(shí)

讓想法看得見摸得著是在組織內(nèi)部澄清和獲得新概念認(rèn)同的有力方式。這種方法也突出了可能出現(xiàn)的潛在挑戰(zhàn)，并有助于產(chǎn)生緩解這些挑戰(zhàn)的想法，從而增強(qiáng)對(duì)這些想法的信心，提高對(duì)行動(dòng)的承諾。

這就是為什么服務(wù)設(shè)計(jì)者總是在想法和解決方案出現(xiàn)時(shí)就將其可視化的原因。一種策略可以以可視的格式更有效地進(jìn)行溝通，客戶和員工之間的交流配上一段動(dòng)畫就會(huì)更容易理解，一個(gè)提議可以通過web界面的設(shè)計(jì)細(xì)節(jié)得到強(qiáng)化。

服務(wù)場(chǎng)景可以讓企業(yè)立即了解新服務(wù)對(duì)客戶和員工意味著什么。

服務(wù)藍(lán)圖

客戶互動(dòng)或接觸點(diǎn)的關(guān)鍵時(shí)刻，越來(lái)越多地蔓延到公司的不同部分。

服務(wù)藍(lán)圖是一個(gè)可視化的工具，幫助公司協(xié)調(diào)不同的部門作為一個(gè)整體一起工作，以創(chuàng)建一個(gè)好的、一致的客戶體驗(yàn)。藍(lán)圖是一幅地圖，描述了客戶通過新服務(wù)的旅程，以及公司如何通過各種渠道與他們接觸。新客戶體驗(yàn)的愿景共享有助于部門之間的協(xié)調(diào)，并使他們更致力于項(xiàng)目。

服務(wù)藍(lán)圖使公司能夠看到各個(gè)渠道必須如何協(xié)同工作才能提供良好的服務(wù)體驗(yàn)。

測(cè)試體驗(yàn)

盡管在研發(fā)方面投入了大量資金，但仍有很多產(chǎn)品和服務(wù)在客戶或交付成本方面失敗的例子。

服務(wù)設(shè)計(jì)者通過讓客戶和員工從第一天就參與到測(cè)試中來(lái)降低這些風(fēng)險(xiǎn)。因此，在大量資金投入技術(shù)或公司變革之前，公司就可以學(xué)習(xí)、改變和完善理念。

可以快速而廉價(jià)地構(gòu)建服務(wù)原型。設(shè)計(jì)師使用簡(jiǎn)單的模型和場(chǎng)景對(duì)少量客戶和員工進(jìn)行測(cè)試。在后期階段，客戶和部門數(shù)量有限的試點(diǎn)也可以產(chǎn)生更多的證據(jù)，證明服務(wù)可以在更大的范圍內(nèi)發(fā)揮作用。

一項(xiàng)針對(duì)英國(guó)無(wú)工作人群的為期9個(gè)月的試驗(yàn)證明了不同的人群是如何成功進(jìn)入職場(chǎng)的。

它很有趣！

服務(wù)設(shè)計(jì)師被訓(xùn)練成以高度協(xié)作的方式工作，并擁有廣泛的創(chuàng)造性方法來(lái)將這種思維模式帶到公司中。

系統(tǒng)的、創(chuàng)造性的解決問題的方法的結(jié)合產(chǎn)生了大量的解決方案，并激勵(lì)著團(tuán)隊(duì)不斷創(chuàng)新。讓我們玩得開心!服務(wù)設(shè)計(jì)方法放大了你克服障礙的潛力，使雄心勃勃的想法成為成功的現(xiàn)實(shí)。

我認(rèn)為服務(wù)設(shè)計(jì)是當(dāng)今商業(yè)世界中最重要的設(shè)計(jì)分支。-Kerry Bodine, Forrester Research副總裁兼客戶體驗(yàn)部首席分析師

持久的客戶關(guān)系

服務(wù)設(shè)計(jì)提供了創(chuàng)造性的、以人為中心的方法、工具和技能來(lái)執(zhí)行策略。用這種方法來(lái)彌補(bǔ)公司所能做的和人們需要和想要的之間的差距。其結(jié)果將是創(chuàng)造更好的體驗(yàn)，建立持久的客戶關(guān)系。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：站酷   作者：馬克筆設(shè)計(jì)留學(xué)

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

在工作中，由于每個(gè)人對(duì)用戶目標(biāo)、用戶需求的理解點(diǎn)不同，而且每個(gè)人多多少少?gòu)淖陨眢w驗(yàn)出發(fā)，設(shè)計(jì)師、產(chǎn)品、技術(shù)人員很難對(duì)產(chǎn)品達(dá)成一致，導(dǎo)致產(chǎn)品需求評(píng)審、設(shè)計(jì)評(píng)審過程中發(fā)生很多爭(zhēng)論、分歧，而且很難說(shuō)服彼此。大家可以回想一下，是不是也經(jīng)歷過這些？

設(shè)計(jì)師和開發(fā)、產(chǎn)品經(jīng)歷，通常來(lái)自不同背景和經(jīng)驗(yàn)的團(tuán)隊(duì)，他們必須就項(xiàng)目目標(biāo)、用戶需求和行為，甚至所涉及的組件流程達(dá)成共識(shí)。這種共同理解通常是通過可視化（通常稱為映射）構(gòu)建的。映射理解并描述了與產(chǎn)品相關(guān)的各個(gè)方面和過程。

四種類型的映射

本文概述了四種常用映射、它們的定義特征以及何時(shí)使用：

• 同理心地圖

• 客戶旅程地圖

• 體驗(yàn)地圖

• 服務(wù)藍(lán)圖

外，本文將概述在創(chuàng)建這些映射之前必須做出的準(zhǔn)備。

同理心地圖

同理心地圖幫助團(tuán)隊(duì)成員了解用戶的心態(tài)。

定義： 同理心地圖是用來(lái)表述我們所知道的一個(gè)特定類型的用戶的工具。它將用戶知識(shí)外化，以便 1) 建立共同的理解，以及 2) 輔助決策。

特征：

• 地圖分為 4 個(gè)象限：所說(shuō)、所想、所做、感覺。

• 它顯示了用戶對(duì)與產(chǎn)品相關(guān)任務(wù)的看法。

• 它不是按時(shí)間順序或任務(wù)順序排列的。

• 每個(gè)角色或用戶類型都有一個(gè)移情圖（1:1 映射）。

為什么使用它：

• 與用戶建立同理心

• 強(qiáng)制團(tuán)隊(duì)內(nèi)部人員對(duì)齊和理解用戶類型

何時(shí)使用：

• 任何設(shè)計(jì)過程的開始

• 在對(duì)用戶訪談中的研究筆記進(jìn)行分類時(shí)

客戶旅程圖

客戶旅程地圖側(cè)重于特定客戶與產(chǎn)品或服務(wù)的互動(dòng)。

定義： 客戶的旅程地圖是過程的可視化：一個(gè)人為了實(shí)現(xiàn)特定的業(yè)務(wù)或產(chǎn)品目標(biāo)的過程。它用于理解和解決客戶的需求和痛點(diǎn)。

在最基本的形式中，旅程地圖首先將一系列用戶目標(biāo)和操作編譯到時(shí)間線框架中。接下來(lái)，用用戶的想法和情感充實(shí)骨架以創(chuàng)建敘事。最后，該敘述被濃縮為一個(gè)可視化、用于傳達(dá)將為設(shè)計(jì)過程提供信息的工具。

特征：

• 該地圖與特定產(chǎn)品或服務(wù)相關(guān)聯(lián)。

• 它分為 4 個(gè)泳道：階段、行動(dòng)、思想、心態(tài)/情緒。

• 它反映了用戶的觀點(diǎn)：

• 包括她的心態(tài)、想法和情感

• 省略大部分流程細(xì)節(jié)

• 它是按時(shí)間順序的。

• 每個(gè)角色/用戶類型有一張地圖（1:1 映射）。

為什么使用它：

• 確定導(dǎo)致痛苦或愉悅的特定客戶旅程接觸點(diǎn)

• 打破孤島，對(duì)客戶旅程建立一種共享的、組織范圍內(nèi)的理解

• 將旅程中關(guān)鍵接觸點(diǎn)的所有權(quán)分配給內(nèi)部部門

何時(shí)使用：

• 在設(shè)計(jì)過程的任何時(shí)候，作為整個(gè)產(chǎn)品設(shè)計(jì)周期中團(tuán)隊(duì)之間的參考點(diǎn)

體驗(yàn)地圖

體驗(yàn)地圖概括了跨用戶類型和產(chǎn)品的客戶旅程地圖的概念。

定義： 體驗(yàn)地圖是“一般”人為實(shí)現(xiàn)目標(biāo)而經(jīng)歷的整個(gè)端到端體驗(yàn)的可視化。這種體驗(yàn)與特定業(yè)務(wù)或產(chǎn)品無(wú)關(guān)。它用于理解一般的人類行為（與客戶旅程地圖相反，后者更具體并專注于與特定業(yè)務(wù)相關(guān)）。

特征：

• 它與特定的產(chǎn)品或服務(wù)無(wú)關(guān)。

• 它分為 4 個(gè)泳道：階段、行動(dòng)、思想、心態(tài)/情緒。

• 它提供了一個(gè)普遍的人類視角；它不是特定于特定用戶類型或產(chǎn)品/服務(wù)的。

• 它按時(shí)間順序描述事件。

為什么使用它：

• 了解一般人類行為

• 創(chuàng)建對(duì)產(chǎn)品/服務(wù)不可知的體驗(yàn)的基線理解

何時(shí)使用：

• 在客戶旅程地圖之前，以獲得對(duì)一般人類行為的理解

• 將多種體驗(yàn)（工具和特定用戶不可知）融合到一個(gè)可視化中時(shí)

服務(wù)藍(lán)圖

服務(wù)藍(lán)圖是客戶旅程地圖的對(duì)應(yīng)物，專注于員工。

定義： 服務(wù)藍(lán)圖可視化不同的業(yè)務(wù)組件之間的關(guān)系-人、道具（物理或數(shù)字證據(jù)）和流程-這是直接與接觸點(diǎn)在特定客戶的旅程。

將服務(wù)藍(lán)圖視為客戶旅程地圖的第二部分。與客戶旅程地圖類似，藍(lán)圖在涉及許多服務(wù)相關(guān)產(chǎn)品的復(fù)雜場(chǎng)景中發(fā)揮著重要作用。藍(lán)圖是實(shí)現(xiàn)全渠道、涉及多個(gè)接觸點(diǎn)或需要跨職能工作（即多個(gè)部門的協(xié)調(diào)）的體驗(yàn)的理想方法。

特征：

• 它與特定服務(wù)相關(guān)聯(lián)。

• 它分為 4 個(gè)泳道：客戶行動(dòng)、前臺(tái)行動(dòng)、后臺(tái)行動(dòng)和支持流程。

• 它反映了組織的觀點(diǎn)：

• 專注于服務(wù)提供商和員工

• 遺漏了大多數(shù)客戶詳細(xì)信息

• 它是按時(shí)間順序和等級(jí)劃分的。

為什么使用它：

• 發(fā)現(xiàn)組織中的弱點(diǎn)

• 確定優(yōu)化機(jī)會(huì)

• 彌合跨部門的努力

• 打破孤島并創(chuàng)建一種對(duì)如何提供服務(wù)的組織范圍內(nèi)的共享理解

何時(shí)使用：

• 客戶旅程映射之后

• 在進(jìn)行組織或流程變更之前

• 在內(nèi)部查明漏斗或斷點(diǎn)時(shí)

三步?jīng)Q策框架 

在開始任何映射工作（無(wú)論類型如何）之前，必須做出 3 個(gè)決定：

1. 當(dāng)前與未來(lái)

這個(gè)決定涉及可視化中描述的動(dòng)作和狀態(tài)：它們反映了當(dāng)前狀態(tài)還是理想狀態(tài)？

• 當(dāng)前映射基于您正在映射的實(shí)際“今天”狀態(tài)。當(dāng)映射目標(biāo)是識(shí)別和記錄現(xiàn)有問題和痛點(diǎn)時(shí)，這種方法是理想的。使用當(dāng)前狀態(tài)圖幫助分析研究或圍繞數(shù)據(jù)驗(yàn)證問題調(diào)整團(tuán)隊(duì)。

•  未來(lái)的映射基于用戶類型、體驗(yàn)或未來(lái)服務(wù)結(jié)構(gòu)的“理想”狀態(tài)。未來(lái)狀態(tài)圖有助于重塑和構(gòu)思用戶或體驗(yàn)在未來(lái)的感受。使用未來(lái)狀態(tài)圖為您的產(chǎn)品或服務(wù)的理想形式設(shè)置基準(zhǔn)或目標(biāo)。

2. 假設(shè)與研究

此決定取決于您將用于構(gòu)建映射的輸入類型。 

• 假設(shè)映射基于團(tuán)隊(duì)或組織內(nèi)現(xiàn)有理解的積累。這種方法是合并多個(gè)現(xiàn)有團(tuán)隊(duì)視圖、創(chuàng)建研究計(jì)劃（基于假設(shè)圖中出現(xiàn)的差距）以及邁向更高保真度、基于研究的地圖的第一步的好方法。 

• 研究制圖基于專門為構(gòu)建地圖而收集的數(shù)據(jù)。當(dāng)有時(shí)間和資源專門用于制定研究計(jì)劃時(shí)，這種方法是最好的。雖然這種方法可以創(chuàng)建最好的地圖，但它需要時(shí)間和大量的支持。無(wú)論您從哪里開始，您的地圖都應(yīng)該是迭代的，并隨著新發(fā)現(xiàn)不斷更新。 

3. 低保真與高保真

該決定與最終地圖可視化的質(zhì)量有關(guān)。

• 低保真地圖未經(jīng)打磨，通常以靈活、未經(jīng)修飾的方式使用便簽創(chuàng)建。這些地圖在過程的早期階段是最好的。低保真度意味著人們能夠根據(jù)需要進(jìn)行協(xié)作、修改和更新。使用便利貼（物理貼在墻上或使用 Mural.co 等工具以數(shù)字方式進(jìn)行）或協(xié)作 Excel 表格。

• 高保真地圖經(jīng)過打磨、數(shù)字化創(chuàng)建，看起來(lái)很完美。高保真地圖最適合創(chuàng)建將在許多人之間共享的工件。高保真可以更容易閱讀，但由于產(chǎn)品的“完成”性質(zhì)，靈活性較差。這些地圖通常以數(shù)字方式創(chuàng)建，然后分散。

結(jié)論

所有 UX 映射都有兩個(gè)好處。首先，創(chuàng)建地圖的過程會(huì)迫使對(duì)話和一致的心理模型。其次，映射產(chǎn)生的共享工件可在團(tuán)隊(duì)、組織或合作伙伴之間使用，以傳達(dá)對(duì)用戶或服務(wù)的理解。隨著團(tuán)隊(duì)的前進(jìn)，這個(gè)工件也可以成為決策的基礎(chǔ)。

在一種映射方法上使用另一種映射方法不會(huì)對(duì)項(xiàng)目造成破壞，理想情況下，可以根據(jù)需要在產(chǎn)品設(shè)計(jì)流程的不同節(jié)點(diǎn)使用所有四項(xiàng)的組合，以深入了解用戶需求。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

文章來(lái)源：站酷   作者：ZZiUP

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

一些典型問題也相應(yīng)顯現(xiàn)：上手就干、主觀設(shè)計(jì)、缺少方法、忽視跟進(jìn)等等。

所以我們撰寫了「UI標(biāo)準(zhǔn)設(shè)計(jì)流程」，希望能為UI設(shè)計(jì)師提供對(duì)于設(shè)計(jì)支撐思路的共識(shí)，讓設(shè)計(jì)更有價(jià)值：

從接到需求到上線后跟蹤，我們把流程拆分為五個(gè)節(jié)點(diǎn)：需求分析-交互設(shè)計(jì)-視覺設(shè)計(jì)-視覺規(guī)范-方案驗(yàn)證。

當(dāng)然，在設(shè)計(jì)流程中我們只表達(dá)不同流程中的行為目的及標(biāo)準(zhǔn)，相關(guān)方法論我們會(huì)配套一份「設(shè)計(jì)師成長(zhǎng)指南」，不久之后再與大家分享。

1.需求分析

我們?cè)诮拥揭粋€(gè)設(shè)計(jì)需求后，要做的第一步是進(jìn)行分析并確定設(shè)計(jì)目標(biāo)。

我們需要：了解背景、用戶和競(jìng)品，能準(zhǔn)確理解產(chǎn)品定位和需求目標(biāo)，評(píng)估需求的合理性和準(zhǔn)確性，并提供相應(yīng)策略；甚至洞見機(jī)會(huì)點(diǎn)，通過設(shè)計(jì)對(duì)業(yè)務(wù)產(chǎn)生正向價(jià)值。

背景分析

目的：背景分析是為了讓我們?cè)趧偨佑|產(chǎn)品的時(shí)候，去洞察表面背后的東西。通過背景分析，能幫助我們快速切入產(chǎn)品，并根據(jù)已有信息去制定準(zhǔn)確并具有說(shuō)服力的設(shè)計(jì)策略。

行為：我們需要了解：產(chǎn)品的定位及價(jià)值是什么，它的現(xiàn)狀如何，是否有既往的數(shù)據(jù)沉淀或經(jīng)驗(yàn)總結(jié)。

用戶分析

目的：對(duì)UI設(shè)計(jì)師而言，用戶分析是為了讓我們更好地了解產(chǎn)品，并擁有對(duì)整個(gè)產(chǎn)品的宏觀思路。通過用戶分析，能為我們的視覺設(shè)計(jì)提供方向，并為我們做出決策提供實(shí)際落點(diǎn)。

行為：我們通常需要了解：用戶畫像、用戶需求、用戶行為、用戶路徑等。

競(jìng)品分析

目的：競(jìng)品分析能夠讓我們獲得行業(yè)內(nèi)的優(yōu)秀經(jīng)驗(yàn)，減少我們的思維盲區(qū)，同時(shí)還為我們提供了一份可被量化的標(biāo)準(zhǔn)，使我們可以基于競(jìng)品去反推現(xiàn)有產(chǎn)品。

行為：UI設(shè)計(jì)師可以從競(jìng)品定位、主要功能、迭代動(dòng)向、產(chǎn)品結(jié)構(gòu)、頁(yè)面布局、交互動(dòng)效、視覺設(shè)計(jì)、優(yōu)劣勢(shì)對(duì)比這幾個(gè)維度去進(jìn)行競(jìng)品分析。

需求評(píng)估

目的：在了解以上的通用信息后，我們要對(duì)需求進(jìn)行評(píng)估，去決定采用哪種方式、制定什么樣的策略。

行為：我們接到的需求，通?？梢苑譃槿N：全新產(chǎn)品類、產(chǎn)品改版類、功能新增或優(yōu)化類。

           對(duì)不同類型的需求，我們都可以用5個(gè)問題去評(píng)估：

           1.是否可被證偽？

           2.目標(biāo)是否明確？

           3.投產(chǎn)比如何？

           4.是否有更優(yōu)解法？

           5.是否有可預(yù)見風(fēng)險(xiǎn)？

           基于以上問題，我們可以去協(xié)同交互、產(chǎn)品做相應(yīng)調(diào)整和策略制定，甚至發(fā)現(xiàn)新的機(jī)會(huì)點(diǎn)并進(jìn)行推動(dòng)。

目標(biāo)對(duì)齊

目的：設(shè)計(jì)為目標(biāo)服務(wù)，所以我們要在設(shè)計(jì)開始前與需求方對(duì)齊目標(biāo)，這也能為設(shè)計(jì)價(jià)值的佐證提供標(biāo)準(zhǔn)。

行為：設(shè)計(jì)目標(biāo)通常有3種，我們可以從中去對(duì)需求目標(biāo)轉(zhuǎn)譯：提升數(shù)據(jù)型、解決問題型、創(chuàng)新項(xiàng)目型。

           針對(duì)不同目標(biāo)我們可以去制定不同的設(shè)計(jì)策略，并對(duì)策略的落地進(jìn)行數(shù)據(jù)監(jiān)測(cè)與分析，進(jìn)行方案校正。

2.交互設(shè)計(jì)

在產(chǎn)品流程中，交互設(shè)計(jì)的作用在于，通過信息架構(gòu)的組織去產(chǎn)出體驗(yàn)流暢的界面原型。

我們需要：充分理解整體流程與交互原型，基于設(shè)計(jì)原則去發(fā)現(xiàn)可優(yōu)化的部分；同時(shí)能平衡產(chǎn)品、設(shè)計(jì)與開發(fā)的效益最大化，并驅(qū)動(dòng)產(chǎn)品的體驗(yàn)提升。

設(shè)計(jì)原則

目的：設(shè)計(jì)原則能為我們提供一個(gè)行之有效的設(shè)計(jì)向?qū)Щ蛱崾?。熟知各類設(shè)計(jì)原則，能使我們?cè)谠O(shè)計(jì)支撐時(shí)，擁有更豐厚的專業(yè)度和更敏銳的洞察力。

行為：我們需要去了解市面常見的Guildline如iOS、Material、UWP等，以及一些常用原則如菲茲定律、格式塔理論等等。

流程梳理

目的：流程的再梳理，可以幫助我們?cè)谝曈X設(shè)計(jì)前，快速地理解和診斷流程邏輯。

行為：在流程再梳理的過程中，我們需要注意以下4個(gè)問題：

           1.功能是否完整？

           2.鏈路是否流暢？

           3.步驟是否冗余？

           4.是否易于理解？

           基于以上問題，我們可以用自身的專業(yè)儲(chǔ)備去推動(dòng)流程的優(yōu)化。

原型優(yōu)化

目的：交互原型是需求內(nèi)容的外在表現(xiàn)，通過原型優(yōu)化，可以最大程度地避免視覺評(píng)審后的設(shè)計(jì)返工。

行為：在對(duì)交互原型優(yōu)化的過程中，我們要重點(diǎn)注意以下4個(gè)問題：

           1.架構(gòu)是否符合目標(biāo)

           2.層級(jí)是否足夠精簡(jiǎn)

           3.信息是否傳達(dá)準(zhǔn)確

           4.狀態(tài)是否有所缺失

       在視覺設(shè)計(jì)時(shí)，我們基于以上四點(diǎn)可以去同步優(yōu)化原型，并根據(jù)經(jīng)驗(yàn)去尋求體驗(yàn)和成本的最佳平衡。

3.視覺設(shè)計(jì)

視覺設(shè)計(jì)是產(chǎn)品與用戶直接連接的媒介，優(yōu)質(zhì)而恰當(dāng)?shù)囊曈X設(shè)計(jì)，可以極大地提升產(chǎn)品吸引力。

我們需要：基于分析確定視覺方向、定義設(shè)計(jì)語(yǔ)言，輸出準(zhǔn)確且高質(zhì)量的視覺頁(yè)面。

設(shè)計(jì)情緒板

目的：設(shè)計(jì)情緒板可以為設(shè)計(jì)語(yǔ)言的構(gòu)建提供可視化參考，也有助于我們前期快速與各方達(dá)成共識(shí)。

行為：我們通?；诜治?，去確定設(shè)計(jì)關(guān)鍵詞，并基于關(guān)鍵詞去衍生映射物、建立圖形情緒板，最終分析和確定設(shè)計(jì)方向。

設(shè)計(jì)語(yǔ)言

目的：設(shè)計(jì)語(yǔ)言是情緒板的具象表達(dá)，它將構(gòu)建起用戶對(duì)產(chǎn)品的視覺感知。

行為：在明確設(shè)計(jì)方向后，我們就要基于情緒版去定義設(shè)計(jì)語(yǔ)言，主要包括主視覺、色彩、字體、圖標(biāo)、圖形、動(dòng)效等。

典型頁(yè)面

目的：典型頁(yè)面是設(shè)計(jì)語(yǔ)言在場(chǎng)景中直觀體現(xiàn)，這有助于我們制定設(shè)計(jì)規(guī)范，并為其他頁(yè)面的設(shè)計(jì)提供參考。

行為：我們通常需要設(shè)計(jì)首頁(yè)、頻道頁(yè)或其他具有示例作用的典型頁(yè)面，在設(shè)計(jì)的過程中我們還需要同步去規(guī)范間距、卡片、視覺變量、圖形應(yīng)用等，以此為視覺規(guī)范夯實(shí)基礎(chǔ)。

4.設(shè)計(jì)系統(tǒng)

在設(shè)計(jì)典型頁(yè)面的同時(shí)，其背后其實(shí)已經(jīng)對(duì)應(yīng)了一套設(shè)計(jì)規(guī)范和組件，而我們基于此去整理并沉淀出設(shè)計(jì)系統(tǒng)，能極大地提升統(tǒng)一性和迭代效率。

我們需要：制定完整、清晰的基礎(chǔ)規(guī)范，沉淀圖標(biāo)庫(kù)、組件庫(kù)等，并持續(xù)優(yōu)化和更新，形成可持續(xù)沿用的產(chǎn)品設(shè)計(jì)系統(tǒng)。

基礎(chǔ)規(guī)范

目的：基礎(chǔ)規(guī)范是設(shè)計(jì)語(yǔ)言的沉淀，也是視覺變量的基本粒子。它可以保證頁(yè)面的基本統(tǒng)一，同時(shí)我們可以基于不同業(yè)務(wù)快速地拓展其他主題。

行為：在我司，一份基礎(chǔ)規(guī)范的構(gòu)成包括：色彩、字體、間距、布局、斷點(diǎn)、層級(jí)、圓角、透明度、陰影。

圖標(biāo)庫(kù)

目的：圖標(biāo)規(guī)范可以幫助其他成員快速、準(zhǔn)確地進(jìn)行圖標(biāo)拓展，而沉淀的圖標(biāo)庫(kù)也可以極大地提升產(chǎn)出效率。

行為：基于具體需要，我們可以設(shè)定多套圖標(biāo)風(fēng)格，規(guī)范其柵格、筆畫、圓角等，并將已有的圖標(biāo)資產(chǎn)進(jìn)行沉淀。同時(shí)我們也會(huì)去規(guī)范一些常見圖形并沉淀，如空態(tài)插畫、懸浮入口、徽章、商品等。

組件庫(kù)

目的：組件庫(kù)是對(duì)常用控件進(jìn)行設(shè)計(jì)規(guī)范、開發(fā)、封裝的可被復(fù)用的集合，組件分而治之，可被自由組合，能保證設(shè)計(jì)品質(zhì)、統(tǒng)一用戶體驗(yàn)、提升產(chǎn)研效率。

行為：在我司，一套組件庫(kù)通常包括：通用、布局、導(dǎo)航、數(shù)據(jù)錄入、數(shù)據(jù)展示、反饋、其它。除通用原子組件外，我們也會(huì)對(duì)常用模塊進(jìn)行梳理，沉淀業(yè)務(wù)組件庫(kù)。

5.落地跟蹤

在設(shè)計(jì)完成之后，我們需要對(duì)設(shè)計(jì)方案進(jìn)行評(píng)審、驗(yàn)收及數(shù)據(jù)跟蹤，以保證設(shè)計(jì)方案的落地并跟進(jìn)調(diào)整。

我們需要：運(yùn)用合理策略以保證設(shè)計(jì)方案的高質(zhì)量落地，對(duì)方案上線后的用戶反饋進(jìn)行有效跟進(jìn)，運(yùn)用多種方式驗(yàn)證目標(biāo)，迭代產(chǎn)品。

設(shè)計(jì)評(píng)審

目的：設(shè)計(jì)評(píng)審?fù)ǔ０私换ヅc視覺，其目的在于審查設(shè)計(jì)方案中的可用性問題。

行為：在我司，視覺評(píng)審即終評(píng)，我們需要在視覺稿中標(biāo)注出所有交互邏輯，并對(duì)潛在問題有預(yù)判，能與各方確認(rèn)目標(biāo)、分桶與數(shù)據(jù)埋點(diǎn)；同時(shí)我們要對(duì)開發(fā)實(shí)現(xiàn)有預(yù)判，能與研發(fā)確認(rèn)實(shí)現(xiàn)細(xì)節(jié)。

設(shè)計(jì)驗(yàn)收

目的：設(shè)計(jì)驗(yàn)收是為了確保需求滿足、體驗(yàn)流暢，并且設(shè)計(jì)細(xì)節(jié)能高質(zhì)量落地。

行為：視覺設(shè)計(jì)師主要驗(yàn)收視覺細(xì)節(jié)的還原度，并且要在一定程度上對(duì)開發(fā)的適配、樣式解法有預(yù)知，減少二次驗(yàn)收。同時(shí)需要保證驗(yàn)收有沉淀，利于后續(xù)跟進(jìn)。

數(shù)據(jù)驗(yàn)證

目的：數(shù)據(jù)驗(yàn)證除了分析分桶之外，也可以分析產(chǎn)品上線后的一些問題、并在迭代中修改。同時(shí)我們也可以總結(jié)設(shè)計(jì)經(jīng)驗(yàn)、提升未來(lái)設(shè)計(jì)的準(zhǔn)確率。

行為：我們通?；谠O(shè)計(jì)策略，去對(duì)數(shù)據(jù)進(jìn)行篩選與分析，以此衡量設(shè)計(jì)對(duì)于目標(biāo)達(dá)成的增益度。對(duì)于有問題的，能反思并且修改；對(duì)于結(jié)果好的，能總結(jié)并且沉淀。

設(shè)計(jì)復(fù)盤

目的：設(shè)計(jì)復(fù)盤以結(jié)果為導(dǎo)向，我們可以通過復(fù)盤對(duì)設(shè)計(jì)策略的價(jià)值進(jìn)行總結(jié)驗(yàn)證，并去發(fā)現(xiàn)、優(yōu)化流程中的不足之處。

行為：我們需要陳述設(shè)計(jì)目標(biāo)和策略，對(duì)設(shè)計(jì)價(jià)值進(jìn)行驗(yàn)證，并能總結(jié)過程中的亮點(diǎn)與不足，制定后續(xù)計(jì)劃、沉淀相關(guān)經(jīng)驗(yàn)。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

一、盡量減少用戶等待的情況，盡可能縮短等待的時(shí)間

如當(dāng)用戶瀏覽網(wǎng)頁(yè)的時(shí)候，若在用戶瀏覽到已加載內(nèi)容的倒數(shù)第5條再預(yù)加載10條內(nèi)容，可縮短用戶瀏覽接下來(lái)內(nèi)容時(shí)的加載等待時(shí)間。再如生活中醫(yī)院的預(yù)約掛號(hào)系統(tǒng)，用戶可以提前一兩天掛號(hào)，當(dāng)預(yù)約時(shí)間到了直接到指定科室看病，避免了長(zhǎng)時(shí)間的排隊(duì)掛號(hào)。

二、如果是不可避免的等待，該用什么辦法去優(yōu)化等待體驗(yàn)?zāi)兀?

總的原則是：在用戶等待時(shí)給予用戶反饋，告知狀態(tài)，且盡量讓用戶在感知上縮短等待的時(shí)間。反饋可根據(jù)等待的預(yù)估時(shí)間不同、場(chǎng)景不同，選取不同形式。

• 一般情況下理想的響應(yīng)時(shí)間應(yīng)該控制在 100 毫秒內(nèi)，一些響應(yīng)的時(shí)長(zhǎng)可允許達(dá)到1秒，絕不可超過2秒無(wú)反饋。

• 若是等待響應(yīng)時(shí)長(zhǎng)為2-9秒時(shí)，可設(shè)計(jì)循環(huán)的加載動(dòng)效（loading），告知用戶正在加載中。

• 若是等待響應(yīng)時(shí)長(zhǎng)超過10秒時(shí)，可設(shè)計(jì)帶有進(jìn)度指示的加載動(dòng)效。此時(shí)除了告知用戶正在加載中（即告知等待原因和當(dāng)前狀態(tài)），還要告知用戶預(yù)期響應(yīng)的時(shí)間。

可采取分步響應(yīng)用戶的方式，多次反饋，可讓用戶在感知上縮短等待的時(shí)間。

如一些頁(yè)面內(nèi)容較多，加載時(shí)能分步顯示，可按照框架、文本、占位圖、圖片的順序加載顯示，會(huì)在感知上縮短加載時(shí)間。又如加載一個(gè)新視頻，視頻前幾幀優(yōu)先顯示最小體積的視頻資源，等較高清視頻內(nèi)容加載出來(lái)時(shí)再切換為高清視頻資源，可縮短用戶等待視頻開始播放的時(shí)間。

唐納德諾曼提出過排隊(duì)等待的6個(gè)設(shè)計(jì)原則，可以很好地幫助我們?cè)O(shè)計(jì)等待體驗(yàn)，6個(gè)原則分別是：

（1）提供一個(gè)概念模型。

（2）使等待看起來(lái)合理。

（3）滿足或超越期待。

（4）使人們保持忙碌。

（5）公平。

（6）積極的開始，積極的結(jié)尾。

下面我們就說(shuō)說(shuō)這6個(gè)原則在優(yōu)化等待體驗(yàn)上的運(yùn)用：

1. 提供一個(gè)概念模型

概念模型是幫助人們把復(fù)雜自然現(xiàn)象轉(zhuǎn)變成可用的，可理解的心理模型。概念模型可以幫助用戶理解事物，了解事物如何運(yùn)作以及當(dāng)前處在哪個(gè)階段、理解當(dāng)前為什么處在等待狀態(tài)，以及產(chǎn)生對(duì)未來(lái)即將發(fā)生事情的預(yù)估和期待。

如用戶通過餓了么下單后，app上會(huì)用插畫顯示商家備貨、騎士送貨的過程。讓用戶了解外賣送到手中的整個(gè)流程，以及當(dāng)前處在流程的哪一階段，距下一階段預(yù)估還有多久。如果是雷雨天，訂單頁(yè)面的插畫還會(huì)模擬實(shí)時(shí)天氣情況，用戶看到插畫想到騎士正在雷雨環(huán)境下送貨取貨，也會(huì)理解騎士配送辛苦、理解當(dāng)前配送緩慢，緩解等待時(shí)的負(fù)面情緒。

2. 使等待看起來(lái)合理

使等待看起來(lái)合理，即通過概念模型使用戶理解為什么要等待，明白等待是有緣由的。

如用滴滴打車時(shí)，當(dāng)我們按下呼叫快車按鈕，頁(yè)面會(huì)顯示動(dòng)效光波信號(hào)向外擴(kuò)散，同時(shí)會(huì)顯示當(dāng)前排隊(duì)人數(shù)。設(shè)計(jì)師通過設(shè)計(jì)建立一個(gè)簡(jiǎn)易的概念模型，讓用戶理解當(dāng)前的等待的原因，并認(rèn)為等待是合理的。實(shí)際上滴滴派單的算法流程可能與頁(yè)面顯示的流程不同。但用戶等待時(shí)會(huì)理解此時(shí)手機(jī)正在發(fā)出信號(hào)請(qǐng)求駕車信息、或此時(shí)正有多人在排隊(duì)、或此時(shí)正在等待司機(jī)接單。

3. 滿足或超越期待

滿足或超越期待指用戶給等待時(shí)間估算時(shí)長(zhǎng)時(shí)，如果用戶實(shí)際的等待時(shí)間比心理預(yù)期的等待時(shí)間要短，用戶會(huì)有相對(duì)比較好的心理體驗(yàn)。

心理學(xué)專家曾做過一個(gè)實(shí)驗(yàn)，同等時(shí)間下，同樣長(zhǎng)度的進(jìn)度加載條有三種進(jìn)度顯示方式：進(jìn)度條速度勻速、速度先快后慢、速度先慢后快。三種相比較發(fā)現(xiàn)，當(dāng)進(jìn)度條增加速度先慢后快，用戶的體驗(yàn)最好。而用戶體驗(yàn)最差的是加載速度先快后慢，因?yàn)槿绻_始的時(shí)候加載速度比較快，用戶一開始就有了較高的心理預(yù)期，當(dāng)速度變慢時(shí)便低于用戶的心理預(yù)期，感知體驗(yàn)就會(huì)變差。

4. 使人們保持忙碌

使人們保持忙碌即讓用戶在等待的時(shí)候有事可做。因?yàn)楫?dāng)人們非空閑時(shí)，對(duì)時(shí)間的心理感知會(huì)比空閑時(shí)對(duì)時(shí)間的心理感知要短。

利用這個(gè)原則的設(shè)計(jì)如：CorelDRAW軟件下載安裝時(shí)，軟件安裝等待頁(yè)面除了顯示進(jìn)度條還放映國(guó)際優(yōu)秀設(shè)計(jì)圖片，CorelDRAW用戶一般都是設(shè)計(jì)愛好者或設(shè)計(jì)從業(yè)者，通過讓他們?yōu)g覽優(yōu)秀設(shè)計(jì)圖片來(lái)度過軟件安裝時(shí)間，避免用戶純空閑等待。

5. 公平

當(dāng)用戶正在等待時(shí)，如果等待看起來(lái)是合理且公平時(shí)，不易引起用戶的負(fù)面情緒。如果等待看起來(lái)是不公平的時(shí)候，更容易引起用戶的負(fù)面情緒。如：當(dāng)你正在排隊(duì)買票時(shí)，同等條件下，你看到后來(lái)半小時(shí)的人比自己先買到了票。你可能會(huì)抱怨，“為什么比我晚來(lái)半小時(shí)的人都排到了我卻還在等”。

針對(duì)公平方面的設(shè)計(jì)如銀行的叫號(hào)辦理業(yè)務(wù)系統(tǒng)。用戶統(tǒng)一到取號(hào)機(jī)前取號(hào)，每當(dāng)一個(gè)窗口的空出來(lái)，叫號(hào)系統(tǒng)便叫一個(gè)最早的號(hào)去該窗口辦理業(yè)務(wù)。這比人們直接分散在多個(gè)窗口排隊(duì)會(huì)更公平，不會(huì)出現(xiàn)早來(lái)卻因?yàn)檫@個(gè)窗口排隊(duì)慢而導(dǎo)致等待時(shí)長(zhǎng)比晚來(lái)的用戶更長(zhǎng)的情況。同時(shí)把多個(gè)小隊(duì)伍變成一個(gè)大隊(duì)伍，用戶感知上也會(huì)覺得隊(duì)伍移動(dòng)的更快，也有助于降低等待的負(fù)面情緒。

6. 積極的開始，積極的結(jié)尾

德國(guó)心理學(xué)家艾賓浩斯曾提出系列位置效應(yīng)，指記憶材料在系列位置中所處的位置對(duì)記憶效果發(fā)生的影響，包括首因效應(yīng)和近因效應(yīng)。（來(lái)源：百度百科）即人們回憶體驗(yàn)時(shí)，在最開始和最后的體驗(yàn)比中間的體驗(yàn)更能讓人印象深刻。所以當(dāng)我們?cè)谠O(shè)計(jì)等待流程時(shí)，要保證等待開始和等待結(jié)束時(shí)有較好的體驗(yàn)。

如當(dāng)我們?cè)诓宛^排隊(duì)結(jié)賬時(shí)，一些餐館結(jié)賬臺(tái)旁邊會(huì)放著一盤薄荷糖，收銀員幫用戶辦理結(jié)賬時(shí)會(huì)對(duì)用戶說(shuō)可以拿幾顆薄荷糖。這個(gè)小獎(jiǎng)勵(lì)會(huì)讓用戶走出餐館后對(duì)剛剛結(jié)賬時(shí)排隊(duì)等待的不好體驗(yàn)的記憶變?nèi)?，而?duì)最后的薄荷糖有更深的印象，從而對(duì)餐館也留一個(gè)相對(duì)好的印象。

關(guān)于等待體驗(yàn)的優(yōu)化設(shè)計(jì)案例還有好多，但基本的設(shè)計(jì)原則是相通的。

我們?cè)趯?shí)際設(shè)計(jì)時(shí)可先整理用戶整個(gè)體驗(yàn)流程中可能等待的點(diǎn)，看看哪些是可以通過設(shè)計(jì)或技術(shù)縮短實(shí)際等待時(shí)間的。針對(duì)不能縮短實(shí)際等待時(shí)間的點(diǎn)，我們先預(yù)估每個(gè)等待的時(shí)長(zhǎng)，并設(shè)計(jì)概念模型讓用戶理解等待的緣由且能預(yù)估等待的時(shí)間，且采取合適的方式讓用戶在感知上盡量縮短等待時(shí)間。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

導(dǎo)讀

你的設(shè)計(jì)是否能被理解？為什么設(shè)計(jì)的價(jià)值總是不被人認(rèn)可？

設(shè)計(jì)不僅僅只是帶來(lái)美感，好的設(shè)計(jì)能夠?yàn)楫a(chǎn)品、公司甚至整個(gè)社會(huì)創(chuàng)造巨大的價(jià)值。而在創(chuàng)造好的設(shè)計(jì)這個(gè)過程中，最重要、也是最容易被人忽視的，便是設(shè)計(jì)思維。

何為全局性設(shè)計(jì)思維？它能夠?yàn)樵O(shè)計(jì)師帶來(lái)哪些價(jià)值？本文將從設(shè)計(jì)的本質(zhì)出發(fā)，結(jié)合設(shè)計(jì)的發(fā)展趨勢(shì)，帶你了解全局性設(shè)計(jì)思維的真正力量。

目錄

寫在前面

一個(gè)習(xí)慣性的序

一、我們?yōu)槭裁葱枰O(shè)計(jì)思維？

二、下一個(gè)時(shí)代在哪里？

三、互聯(lián)網(wǎng)“下半場(chǎng)”，從大勢(shì)中看變化

四、設(shè)計(jì)思維的轉(zhuǎn)變，差異與融合

五、探尋全新的思維方式

六、全局性設(shè)計(jì)思維概述

七、如何運(yùn)用全局性設(shè)計(jì)思維？

八、以全局性設(shè)計(jì)思維，構(gòu)建設(shè)計(jì)體系

九、文章預(yù)告

末

-

寫在前面

這篇文章的主要內(nèi)容，來(lái)自我在19年底的一個(gè)沙龍分享。整個(gè)分享以設(shè)計(jì)思維的角度入手，講述了全局性設(shè)計(jì)思維的來(lái)源和重要性，以及我是如何在不同產(chǎn)品線上去運(yùn)用這種設(shè)計(jì)思維的。

何為全局性設(shè)計(jì)思維？為什么要講這種思維方式？

這是我一直在探索并實(shí)踐的一種設(shè)計(jì)思維。從最開始的理論雛形，到各種項(xiàng)目的實(shí)踐，不斷進(jìn)行修正和完善，最終形成了一套卓有成效的思維方式。通過這種思維方式，我逐步幫助產(chǎn)品解決了許多長(zhǎng)期性的問題，并最終構(gòu)建了各種不同類型的設(shè)計(jì)體系。最終，隨著品牌矩陣與產(chǎn)品體系的落地，形成了一個(gè)完整的網(wǎng)易智慧企業(yè)設(shè)計(jì)體系。

網(wǎng)易智慧企業(yè)設(shè)計(jì)體系

因?yàn)槠?，本篇文章將重點(diǎn)從理論層面闡釋全局性設(shè)計(jì)思維的導(dǎo)論、價(jià)值及使用方式。而具體的實(shí)戰(zhàn)案例，我之后將會(huì)以另外幾篇單獨(dú)文章的形式進(jìn)行展現(xiàn)，并詳細(xì)講解在設(shè)計(jì)過程中的一些細(xì)節(jié)與過程。希望能夠幫助大家更深入地去理解如何根據(jù)不同的場(chǎng)景正確地去使用這種思維方式。

未來(lái)可能會(huì)包含以下幾篇文章：

全局性設(shè)計(jì)思維 | 如何打造強(qiáng)大的品牌體系

FishDesign組件庫(kù) | 從零到一構(gòu)建企業(yè)級(jí)UI組件庫(kù)

全局性設(shè)計(jì)思維 | 如何構(gòu)建事業(yè)部級(jí)大型設(shè)計(jì)體系

當(dāng)然，目前的設(shè)計(jì)體系僅僅只是一個(gè)開始，未來(lái)還有很長(zhǎng)的路要走。

希望本文能夠給為你帶來(lái)小小的啟發(fā)，讓設(shè)計(jì)思維幫助你更好地發(fā)揮設(shè)計(jì)的價(jià)值。如果你對(duì)某一方面特別感興趣，可以直接跳到這一章進(jìn)行閱讀，無(wú)需浪費(fèi)過多時(shí)間。如果你有任何疑問，也歡迎隨時(shí)與我交流。

?

一個(gè)習(xí)慣性的序

-

“喵嗚～”   我又出現(xiàn)了，那個(gè)愛寫序的裝逼作者。

這次把序放在了第二段，這樣子看上去就不那么不務(wù)正業(yè)了哈哈。當(dāng)然，寫序更多的是為了記錄生活，希望每一篇文章不僅僅只是傳遞知識(shí)，更是一篇有溫度的文章。

經(jīng)歷了風(fēng)風(fēng)雨雨的2019，又度過了魔幻版的春節(jié)，我終于又開始正式地寫文章了。但這次不同，我擁有了兩只可愛的小伙伴——汽水和芬達(dá)。汽水8月18出生，芬達(dá)8月20出生，現(xiàn)在都已經(jīng)是肥肥壯壯的兩大只了。。

汽水總是在我碼字的時(shí)候，睡在我的鍵盤上，或者以各種姿勢(shì)吸引我的注意力。。  為啥拖了這么久才寫寫完文章，除了懶以外，汽水大概也要背點(diǎn)鍋，哈哈。

整個(gè)2019年中，經(jīng)歷了很多事情，人生觀也隨之發(fā)生了些許變化。

從并肩作戰(zhàn)的同事的不斷離去，到逐漸需要考慮團(tuán)隊(duì)的發(fā)展。從單打獨(dú)斗闖天下，到思考如何讓整個(gè)團(tuán)隊(duì)更加優(yōu)秀、如何建立完善的設(shè)計(jì)體系等等。

角色、心態(tài)、責(zé)任，以及如何坦然地面對(duì)自己。

活在當(dāng)下，用心生活。這是我一直當(dāng)作座右銘的語(yǔ)錄，也是我希望給自己的承諾?？偸窃噲D去嘗試這種狀態(tài)，但卻異常艱難。像我這樣的人，看上去總是“積極向上”，總是“規(guī)劃未來(lái)”，總是希望事事完美，強(qiáng)迫著每個(gè)細(xì)節(jié)的完善。但不知不覺中，人生好像開始進(jìn)入了“自動(dòng)駕駛”的模式，活在了過去的思索中，活在了未來(lái)的規(guī)劃中，唯獨(dú)對(duì)于當(dāng)下異常麻木。

這并不是我想要的生活，我開始嘗試做出改變。

偶然間，通過一些書籍，我開始嘗試正念禪修。感受每個(gè)呼吸中空氣的流動(dòng)、感受身體的每個(gè)部分、感受當(dāng)下空間發(fā)生的每一件事情。雖然只是很淺顯的境界，但正念依然對(duì)我產(chǎn)生了巨大的影響。我開始重新地審視自己的人生，審視自己的生活狀態(tài)。

網(wǎng)易蝸牛圖書館：與快樂的小伙伴們

這種感覺，就像再次地呼吸了新鮮空氣一樣。

我們其實(shí)只存在于當(dāng)下的時(shí)空中，過去和未來(lái)，并非真實(shí)存在的事物。回想一下，我們有多久沒有像小時(shí)候一樣，完完全全、毫無(wú)雜念地享受在當(dāng)下的時(shí)光中了？

用心活在當(dāng)下，平靜地接納一切發(fā)生的事物，這種感覺真是太美好了～

?

一、我們?yōu)槭裁葱枰O(shè)計(jì)思維？

-

對(duì)于設(shè)計(jì)師來(lái)說(shuō)，什么能力更為重要？是設(shè)計(jì)這門“技術(shù)”本身，還是思考如何去設(shè)計(jì)的“思維”能力？

對(duì)于不同的設(shè)計(jì)師來(lái)說(shuō)，一定會(huì)有不同的答案。

這兩種能力本身并不矛盾，他們相互影響，互相促進(jìn)——就像“術(shù)”與“道”之間的關(guān)系。設(shè)計(jì)能力決定了設(shè)計(jì)作品的輸出質(zhì)量，而設(shè)計(jì)思維則決定了你思考問題、解決問題的能力。

然而，在現(xiàn)實(shí)的大環(huán)境下，“術(shù)”的重視程度遠(yuǎn)高于“道”，造成了很多設(shè)計(jì)師與日常業(yè)務(wù)的“分離感”。以至于，多數(shù)的設(shè)計(jì)師，無(wú)法將自己的設(shè)計(jì)能力有效地用于日常業(yè)務(wù)中；抱怨他人不理解設(shè)計(jì)，也因此錯(cuò)失了許多機(jī)會(huì)。

重視設(shè)計(jì)美感，其實(shí)并沒有問題。視覺是最直接的表現(xiàn)方式，我們從最初開始喜歡這個(gè)行業(yè)，并最終成為設(shè)計(jì)師，大概都是因?yàn)槿绱?。包括我個(gè)人，也是美感的極致追求者，常常為了幾像素的細(xì)節(jié)，調(diào)整無(wú)數(shù)稿。也常常沉浸于自己的作品無(wú)法自拔emmm…

但是，美感之后，設(shè)計(jì)還需要什么？

路易斯·沙利文曾講過：“形式追隨功能”。而功能存在的意義，則在于解決問題。視覺的形式、美感，很多時(shí)候只是包裹在外側(cè)的表層，而解決問題才是設(shè)計(jì)真正的核心。視覺的表現(xiàn)，一定要遵循解決問題的方式，向用戶傳遞恰當(dāng)?shù)男畔?，最終引導(dǎo)用戶以此來(lái)解決問題。

因此，我更希望更多的設(shè)計(jì)師，在追求美感的同時(shí)，能夠重拾設(shè)計(jì)思維本身，尋找設(shè)計(jì)最根本的價(jià)值。

我們其實(shí)可以站得更遠(yuǎn)一些。學(xué)會(huì)去理解事物，學(xué)會(huì)用設(shè)計(jì)去解決問題。再以此為基礎(chǔ)，通過你的設(shè)計(jì)能力去塑造它、點(diǎn)亮它，讓它成為一個(gè)真正美好而又有價(jià)值的設(shè)計(jì)。

而設(shè)計(jì)的價(jià)值，將會(huì)成為你的價(jià)值。

?

二、下一個(gè)時(shí)代在哪里？

-

互聯(lián)網(wǎng)時(shí)代中的數(shù)字產(chǎn)品設(shè)計(jì)，需要什么樣的設(shè)計(jì)思維？或者說(shuō)，當(dāng)下我們需要什么樣的設(shè)計(jì)思維？

這個(gè)問題的答案，好像一直在變。

互聯(lián)網(wǎng)本身便是一個(gè)新的形態(tài)，1989年“萬(wàn)維網(wǎng)”發(fā)明，1996年中國(guó)引入互聯(lián)網(wǎng)，到今年已經(jīng)有大約24個(gè)年頭。我們經(jīng)歷了不同的互聯(lián)網(wǎng)時(shí)期，而“設(shè)計(jì)”的概念也一直在變化中。

Internet 1.0 PC互聯(lián)網(wǎng)時(shí)代。在這個(gè)時(shí)代，我們將大量的信息虛擬化，并通過網(wǎng)絡(luò)進(jìn)行信息傳遞。而我們的“設(shè)計(jì)師”們大多被稱為“美工”，我們的“設(shè)計(jì)思維”，便是將信息變得更好看。

Internet 2.0 移動(dòng)互聯(lián)網(wǎng)時(shí)代，或者稱為消費(fèi)互聯(lián)網(wǎng)時(shí)代。自從2007年喬布斯發(fā)布第一代iPhone之后，疊加4G、wifi等技術(shù)，手機(jī)成為日益重要的終端，世界逐漸進(jìn)入了移動(dòng)互聯(lián)網(wǎng)時(shí)代。伴隨著iPhone與其應(yīng)用的出現(xiàn)，喬布斯讓所有人理解了“用戶體驗(yàn)”的重要性。我們不再是“美工”，我們變成了“UI設(shè)計(jì)師”、“交互設(shè)計(jì)師”。而這個(gè)時(shí)代，我們的設(shè)計(jì)思維變成了“用戶體驗(yàn)思維”。

那么，下一個(gè)時(shí)代在哪里？我們的設(shè)計(jì)思維又將如何轉(zhuǎn)變，才能適應(yīng)下一個(gè)時(shí)代？

?

三、互聯(lián)網(wǎng)下半場(chǎng)，從大勢(shì)中看變化

-

1.紅利消失、增長(zhǎng)觸頂，互聯(lián)網(wǎng)下半場(chǎng)到來(lái)

最近幾年，我們已經(jīng)能夠明顯地感知到——互聯(lián)網(wǎng)的“寒冬”真的來(lái)了。隨之而來(lái)的，便是互聯(lián)網(wǎng)的發(fā)展方向似乎也正在發(fā)生變化。于是大約從2017年開始，互聯(lián)網(wǎng)圈內(nèi)逐漸出現(xiàn)一個(gè)新的名詞——互聯(lián)網(wǎng)“下半場(chǎng)”。人們普遍認(rèn)為，中國(guó)的互聯(lián)網(wǎng)將會(huì)由消費(fèi)互聯(lián)網(wǎng)時(shí)代進(jìn)入下一個(gè)時(shí)代，即互聯(lián)網(wǎng)下半場(chǎng)。

我并不完全認(rèn)同互聯(lián)網(wǎng)”下半場(chǎng)“的稱呼?；ヂ?lián)網(wǎng)本身是一個(gè)年輕的行業(yè)，中國(guó)互聯(lián)網(wǎng)“下半場(chǎng)”，其實(shí)更像是互聯(lián)網(wǎng)發(fā)展方向轉(zhuǎn)變的標(biāo)志。

因此，我們認(rèn)為的下一個(gè)時(shí)代的方向，也許將會(huì)是Internet 3.0——即產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代。

互聯(lián)網(wǎng)會(huì)什么必須要進(jìn)入下一個(gè)時(shí)代？

對(duì)于互聯(lián)網(wǎng)企業(yè)來(lái)說(shuō)，一方面在成本端，隨著人口紅利消褪，勞動(dòng)力價(jià)格上升，企業(yè)的成本將逐漸升高，倒逼管理者使用系統(tǒng)和工具來(lái)提高效率；另一方面，在收入端，野蠻增長(zhǎng)的時(shí)代結(jié)束，增量經(jīng)濟(jì)轉(zhuǎn)向存量經(jīng)濟(jì)，紅利經(jīng)濟(jì)轉(zhuǎn)向效率經(jīng)濟(jì)。

在“成本”與“效率”的雙重壓力下，再加上整個(gè)市場(chǎng)經(jīng)濟(jì)的下行周期，整體經(jīng)濟(jì)出現(xiàn)下滑，而一些依靠融資的互聯(lián)網(wǎng)公司將難以為繼。因此企業(yè)不得不尋找方式來(lái)提升效率，降低成本——而這正是企業(yè)級(jí)軟件（ToB產(chǎn)品）最擅長(zhǎng)的地方。

因此，在互聯(lián)網(wǎng)寒冬之下，ToB市場(chǎng)便理所應(yīng)當(dāng)?shù)亻_始被重視。

讓我們縱觀整個(gè)中國(guó)市場(chǎng)的發(fā)展，互聯(lián)網(wǎng)的興趣雖然促進(jìn)了消費(fèi)領(lǐng)域的蓬勃發(fā)展，但產(chǎn)業(yè)領(lǐng)域的發(fā)展則因此受到了巨大制約。中國(guó)率先從消費(fèi)端、從第三產(chǎn)業(yè)開始數(shù)字化，然而在第一、二產(chǎn)業(yè)的數(shù)字化進(jìn)程似乎并不是很快。一個(gè)重要的原因是，人口紅利促使了消費(fèi)互聯(lián)網(wǎng)的快速發(fā)展，而這種紅利讓人們忽視了產(chǎn)業(yè)互聯(lián)網(wǎng)的重要性。

在寒冬之下，我們終于發(fā)現(xiàn)，消費(fèi)互聯(lián)網(wǎng)蓬勃的基石，正是底層堅(jiān)實(shí)的產(chǎn)業(yè)互聯(lián)網(wǎng)。產(chǎn)業(yè)互聯(lián)網(wǎng)如果不能得到有效的發(fā)展，則整個(gè)市場(chǎng)經(jīng)濟(jì)將無(wú)法更進(jìn)一步的發(fā)展。

因此，產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的到來(lái)，是中國(guó)互聯(lián)網(wǎng)發(fā)展的需要，也將是大勢(shì)所趨。

2.ToB市場(chǎng)將迎來(lái)機(jī)遇

產(chǎn)業(yè)互聯(lián)網(wǎng)的發(fā)展，需要依托B端領(lǐng)域的發(fā)展，并逐步融入并帶動(dòng)整個(gè)產(chǎn)業(yè)進(jìn)入互聯(lián)網(wǎng)時(shí)代。那么，B端產(chǎn)品在中國(guó)目前處于一個(gè)什么階段呢？

對(duì)于整個(gè)中國(guó)的ToB行業(yè)發(fā)展現(xiàn)狀，大多數(shù)的人并沒有一個(gè)清晰的概念。盤點(diǎn)中美上市的科技公司會(huì)發(fā)現(xiàn)，美國(guó)toC領(lǐng)域與toB領(lǐng)域市值之比是6:4，但在中國(guó)這個(gè)數(shù)字是20:1。

雖然互聯(lián)網(wǎng)的整體環(huán)境不同，但中國(guó)ToB行業(yè)的發(fā)展，顯然是落后太多了。于是乎，2018年開始，BAT大舉布局，PE、VC加速進(jìn)場(chǎng)——中國(guó)B端產(chǎn)品已經(jīng)逐漸進(jìn)入必須發(fā)展的時(shí)候了。

中國(guó)市場(chǎng)已經(jīng)坐擁全球最發(fā)達(dá)的發(fā)達(dá)的消費(fèi)互聯(lián)網(wǎng)體系，而產(chǎn)業(yè)互聯(lián)網(wǎng)的發(fā)展則卻嚴(yán)重滯后。

同時(shí)，對(duì)比B端中云計(jì)算領(lǐng)域的IaaS、PaaS、SaaS三層架構(gòu)，全球市場(chǎng)中SaaS占據(jù)了52.5%的份額，在中國(guó)卻是IaaS分走了最大的蛋糕，占比達(dá)61.2%。中國(guó)市場(chǎng)VC的投資總額已經(jīng)與美國(guó)相當(dāng)，在SaaS領(lǐng)域美國(guó)企業(yè)獲得了全球70.1%的融資，而中國(guó)只有11.7%。

因此，在互聯(lián)網(wǎng)下半場(chǎng)，相對(duì)于ToC行業(yè)的觸頂，ToB行業(yè)將會(huì)迎來(lái)歷史級(jí)的發(fā)展機(jī)遇，隨之而來(lái)的將會(huì)是產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的逐漸到來(lái)。而在整個(gè)B端產(chǎn)品的類目中，SaaS產(chǎn)品作為企業(yè)級(jí)軟件中最集成的產(chǎn)品，也將隨著這股浪潮迎來(lái)爆發(fā)式的增長(zhǎng)。

什么是SaaS產(chǎn)品？很多同學(xué)并沒有接觸過B端行業(yè)，平時(shí)用到的也都是C端產(chǎn)品，所以對(duì)B端產(chǎn)品的了解比較少。在B端行業(yè)最熱門的云計(jì)算領(lǐng)域中，目前普遍會(huì)分為三層架構(gòu)。SaaS（Software as a Service–軟件即服務(wù)）；PaaS（Platform as a Service–平臺(tái)即服務(wù)） ；IaaS（Infrastructure as a Service–基礎(chǔ)架構(gòu)即服務(wù)）。

附：云計(jì)算領(lǐng)域，三種不同的架構(gòu)與對(duì)應(yīng)的服務(wù)。

PaaS基于IaaS實(shí)現(xiàn)，SaaS的服務(wù)層次又在PaaS之上，三者分別面對(duì)不同的需求。越往上層，產(chǎn)品的集成度越高，提供的服務(wù)也就越豐富，而用戶所需要的自行解決的東西就越少。而最頂層的SaaS產(chǎn)品，便是用戶可以直接購(gòu)買并使用的云端產(chǎn)品。

我們?yōu)槭裁匆私膺@些趨勢(shì)？

因?yàn)橐粋€(gè)新的時(shí)代，對(duì)應(yīng)一場(chǎng)變革，也將成為一次新的機(jī)會(huì)。不管是SaaS產(chǎn)品還是其他B端產(chǎn)品，都將在新的時(shí)代中逐漸得到重視。而C端產(chǎn)品的發(fā)展策略，也將迎來(lái)新的變化。對(duì)于許多設(shè)計(jì)師來(lái)說(shuō)，這將會(huì)是一個(gè)新的機(jī)遇。

順勢(shì)而為，方能乘勢(shì)而上。

?

四、設(shè)計(jì)思維的轉(zhuǎn)變，差異與融合

-

那么，在逐漸到來(lái)的產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代，設(shè)計(jì)師需要注意哪些東西？設(shè)計(jì)思維又將進(jìn)行如何轉(zhuǎn)變？

產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代，意味著B端產(chǎn)品將得到重視，并與C端產(chǎn)品逐漸趨于平衡。因此，了解設(shè)計(jì)思維的變化，我們首先要從B端與C端產(chǎn)品之間，在產(chǎn)品設(shè)計(jì)與產(chǎn)品策略之間的差異性說(shuō)起。

1.服務(wù)對(duì)象的差異性

從服務(wù)對(duì)象來(lái)看，C端產(chǎn)品的服務(wù)對(duì)象是人，產(chǎn)品的目標(biāo)是針對(duì)人們生活方式進(jìn)行的變革、升級(jí)。而B端產(chǎn)品的服務(wù)對(duì)象則大多是企業(yè)，目標(biāo)是幫助企業(yè)進(jìn)行商業(yè)效率的提升，從而產(chǎn)生價(jià)值。

服務(wù)對(duì)象的差異性，決定了產(chǎn)品在發(fā)展策略也將存在著較大的差異性。

2.產(chǎn)品“打法”上的差異性

從宏觀的打法上看，消費(fèi)互聯(lián)網(wǎng)時(shí)代會(huì)更求“快”，而產(chǎn)品互聯(lián)網(wǎng)時(shí)代則會(huì)更偏“穩(wěn)”。

C端產(chǎn)品的服務(wù)對(duì)象是人，而人的需求在個(gè)體差異性上相對(duì)變化較小，這就決定了C端產(chǎn)品通常都擁有廣闊的用戶市場(chǎng)。

因此，消費(fèi)互聯(lián)網(wǎng)時(shí)代就像是資本在遼闊平原的角逐，長(zhǎng)驅(qū)直入。講究快速占領(lǐng)市場(chǎng)，不斷地試錯(cuò)、不斷地調(diào)整。從團(tuán)購(gòu)到直播，從打車到短視頻領(lǐng)域的興起，再到最后的單車大戰(zhàn)落幕。消費(fèi)互聯(lián)網(wǎng)時(shí)代的每一次風(fēng)口，都伴隨著各種“游擊戰(zhàn)”式的競(jìng)爭(zhēng)。入場(chǎng)速度、快速調(diào)整能力、資本深度，都直接影響了最后的結(jié)果，而最終的結(jié)果也往往是勝者為王，敗者將快速地被市場(chǎng)淘汰。

B端產(chǎn)品的服務(wù)對(duì)象是企業(yè)，而企業(yè)間的需求差異性則非常巨大，這就決定了B端產(chǎn)品通常需要較強(qiáng)的縱深能力。相對(duì)應(yīng)的，其用戶群里在總量上就比較小、但也相對(duì)穩(wěn)固。

因此，產(chǎn)業(yè)互聯(lián)網(wǎng)就像在崎嶇叢林的蹣跚前行，漸次演進(jìn)，如同一場(chǎng)曠日持久的拉鋸戰(zhàn)。一方面，產(chǎn)業(yè)互聯(lián)網(wǎng)的鏈條非常長(zhǎng)，需要長(zhǎng)期的深耕、積累才能逐漸站穩(wěn)腳跟。而這也導(dǎo)致了產(chǎn)品的壁壘足夠深厚，同類產(chǎn)品在短期內(nèi)無(wú)法快速跟進(jìn)。另一方面，企業(yè)間的差距需求的差異性非常大，因此產(chǎn)業(yè)互聯(lián)網(wǎng)存在非常多的細(xì)分市場(chǎng)，不同的產(chǎn)品各自在不同的賽道中深耕。而其最終的結(jié)果往往是百花齊放，各自盛開。

3.整體行業(yè)的協(xié)同發(fā)展

雖然整個(gè)市場(chǎng)都不斷地強(qiáng)調(diào)——ToC增長(zhǎng)觸頂，ToB是一篇藍(lán)海。但這并非是“取而代之”，而是逐漸走向整體的“協(xié)調(diào)發(fā)展”。中國(guó)ToB的發(fā)展的一個(gè)重要根基，其實(shí)是“中國(guó)擁有世界上最成熟的消費(fèi)互聯(lián)網(wǎng)體系”這一巨大的優(yōu)勢(shì)。

因此，ToC在很長(zhǎng)的時(shí)間內(nèi)，仍然會(huì)是互聯(lián)網(wǎng)的主力，而ToC市場(chǎng)的轉(zhuǎn)型，也將有賴于ToB產(chǎn)品所提供的服務(wù)。

而隨著中國(guó)將“互聯(lián)網(wǎng)+”政策上升為國(guó)家戰(zhàn)略，更是明確了以互聯(lián)網(wǎng)帶動(dòng)傳統(tǒng)產(chǎn)業(yè)的發(fā)展方向。因此，互聯(lián)網(wǎng)的下半場(chǎng)，即產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代的最終形態(tài)，將是互聯(lián)網(wǎng)與傳統(tǒng)行業(yè)的“融合式發(fā)展“。

ToB產(chǎn)品將會(huì)成為帶動(dòng)互聯(lián)網(wǎng)下一輪發(fā)展的核心驅(qū)動(dòng)力。一方面幫助ToC領(lǐng)域完成轉(zhuǎn)型，進(jìn)入更健康、更穩(wěn)健的發(fā)展階段；另一方向，ToB領(lǐng)域賦能傳統(tǒng)產(chǎn)業(yè)與互聯(lián)網(wǎng)相融合，并最終完成產(chǎn)業(yè)升級(jí)。

4.產(chǎn)品形態(tài)的融合與趨同

整體產(chǎn)業(yè)的融合趨同，意味產(chǎn)品的特性也將互相融合。一個(gè)很重要的現(xiàn)象是：C端產(chǎn)品逐漸變得不那么C端了，而B端產(chǎn)品也越來(lái)越變得得不像B端了。

比如C端產(chǎn)品的主流賽道中，隨著頭部產(chǎn)品的賽道日漸趨于穩(wěn)定，其產(chǎn)品體量也因?yàn)闃I(yè)務(wù)擴(kuò)展而不斷增加。同時(shí)，因?yàn)楫a(chǎn)品體系的逐漸形成，為了服務(wù)更多的C端用戶，會(huì)有越來(lái)越多的B類用戶進(jìn)入平臺(tái)，而為了滿足B類商家的需要，產(chǎn)品的B端屬性變得越來(lái)越強(qiáng)了。

而隨著B端產(chǎn)品的不斷受到重視，原先不被重視的產(chǎn)品UI、用戶體驗(yàn)也逐漸在B端產(chǎn)品中得到加強(qiáng)。B端用戶雖然服務(wù)于B端，但使用者終究是人。而隨著競(jìng)爭(zhēng)的不斷加劇，原來(lái)的“重功能、輕體驗(yàn)”思路逐漸式微。我們逐漸發(fā)現(xiàn)，許多B端產(chǎn)品長(zhǎng)的越來(lái)越像C端產(chǎn)品了，甚至在UI和體驗(yàn)層面做的與C端產(chǎn)品不相上下。

因此，隨著產(chǎn)品屬性的融合趨同，意味設(shè)計(jì)思維勢(shì)必會(huì)與消費(fèi)者互聯(lián)網(wǎng)時(shí)代存在差異。而我們的設(shè)計(jì)思維將不僅僅局限在誕生于消費(fèi)互聯(lián)網(wǎng)時(shí)代的“用戶體驗(yàn)思維”。我們需要更新的、更廣闊的設(shè)計(jì)思維，以滿足下一個(gè)時(shí)代的產(chǎn)品發(fā)展需要。

那么，新的思維是什么？它將從何而來(lái)？

?

五、探尋全新的思維方式

-

從整個(gè)市場(chǎng)的協(xié)同發(fā)展，到產(chǎn)品形態(tài)的融合趨同。那么，我們的設(shè)計(jì)思維需要如何進(jìn)行相應(yīng)的變化？是同樣進(jìn)行“融合趨同”，還是另辟蹊徑，尋求新的視角？

1.關(guān)鍵詞提取

首先，不管設(shè)計(jì)思維如何變化，它一定需要同時(shí)滿足兩種產(chǎn)品設(shè)計(jì)思維的特性。通過前文的分析，我們可以在產(chǎn)品設(shè)計(jì)特性的維度，提取各自的關(guān)鍵詞進(jìn)行分析：

產(chǎn)品體驗(yàn)：誕生于消費(fèi)互聯(lián)網(wǎng)時(shí)代的用戶體驗(yàn)思維，在產(chǎn)業(yè)互聯(lián)網(wǎng)時(shí)代依然是產(chǎn)品設(shè)計(jì)中最重要的部分。無(wú)論是C端還是B端產(chǎn)品，用戶體驗(yàn)必然是產(chǎn)品的核心競(jìng)爭(zhēng)力，只有足夠好用、好看，產(chǎn)品才能獲得更多用戶，最終獲得商業(yè)上的成功。

靈活性：在消費(fèi)互聯(lián)網(wǎng)時(shí)代，在激烈的競(jìng)爭(zhēng)中，C端產(chǎn)品的靈活性的打法對(duì)于產(chǎn)品的突圍至關(guān)重要。而未來(lái)的B端產(chǎn)品競(jìng)爭(zhēng)將會(huì)加劇，這就需要B端產(chǎn)品也逐漸需要較強(qiáng)的靈活性。

成長(zhǎng)性：產(chǎn)品的發(fā)展必將伴隨著不斷的變化，特別是具有一定體量之后，產(chǎn)品設(shè)計(jì)的成長(zhǎng)性將至關(guān)重要。因此，產(chǎn)品的設(shè)計(jì)是否能夠預(yù)見未來(lái)發(fā)展，滿足不斷變化的產(chǎn)品形態(tài)，伴隨著產(chǎn)品不斷地成長(zhǎng)，也將成為產(chǎn)品是否能夠持續(xù)獲得成功的關(guān)鍵因素。

產(chǎn)品效率：因?yàn)楫a(chǎn)品服務(wù)對(duì)象的關(guān)系，B端產(chǎn)品一直是產(chǎn)品效率的代名詞。而在人口紅利消失與經(jīng)濟(jì)下行的壓力下，產(chǎn)品效率將成為所有企業(yè)關(guān)注的重要因素之一。產(chǎn)品的效率不僅影響著企業(yè)的成本，也是產(chǎn)品競(jìng)爭(zhēng)力的重要體現(xiàn)。

這四個(gè)關(guān)鍵詞，將會(huì)是我們?cè)谖磥?lái)所需要關(guān)注的四個(gè)重點(diǎn)關(guān)鍵詞。越是往左，則“C”屬性越強(qiáng)，因?yàn)樗嗟貜挠脩舻慕嵌瘸霭l(fā)，更關(guān)注用戶體驗(yàn)。而越是往右，則“B”屬性越強(qiáng)，因?yàn)樗嗟貜钠髽I(yè)的角度出發(fā)，更關(guān)注企業(yè)的長(zhǎng)期發(fā)展。

2.跳出單一層面，尋求新視角

在四個(gè)關(guān)鍵詞中，我們會(huì)發(fā)現(xiàn)，特性越是靠右，其所需要的整體性就越強(qiáng)。要滿足靈活性，就需要用戶體驗(yàn)與產(chǎn)品策略相關(guān)聯(lián)。要滿足成長(zhǎng)性，則要進(jìn)一步結(jié)合底層的開發(fā)能力。而產(chǎn)品效率的提升，則需要產(chǎn)品的設(shè)計(jì)與不同層面都有著緊密的耦合。

在互聯(lián)網(wǎng)設(shè)計(jì)發(fā)展的過程中，我們從單點(diǎn)只關(guān)注視覺表層的“美工時(shí)代”，逐漸發(fā)展為關(guān)注線性的“用戶體驗(yàn)思維”。在對(duì)于產(chǎn)品用戶體驗(yàn)層面，確實(shí)有著長(zhǎng)足的發(fā)展。

但是，單一層面的用戶體驗(yàn)思維，在逐漸成熟的互聯(lián)網(wǎng)時(shí)代中，逐漸顯示出了一定的局限性。我們的價(jià)值局限于單一的體驗(yàn)層面，我們似乎無(wú)法對(duì)產(chǎn)品形成更大的影響力，也難以為產(chǎn)品帶來(lái)體驗(yàn)之外的更多價(jià)值。

因此，設(shè)計(jì)思維想要滿足新時(shí)代的需求，就需要同時(shí)滿足前文提到的四個(gè)關(guān)鍵詞。這就要求我們需要跳出單一層面，以全局的維度去思考產(chǎn)品的設(shè)計(jì)。

因此，全局性將成為未來(lái)的關(guān)鍵，我暫且將這種思維方式稱為——全局性設(shè)計(jì)思維。

?

六、全局性設(shè)計(jì)思維概述

-

全局性設(shè)計(jì)思維，即在設(shè)計(jì)過程中，始終能以更高的維度去審視全局，思考當(dāng)下的設(shè)計(jì)。

何以全局，如何跳出單一層面？這種思維方式的前提，是你要首先了解整個(gè)產(chǎn)品（亦或是物體、組織等）的運(yùn)行方式，清楚的知道整個(gè)產(chǎn)品需要達(dá)到的目標(biāo)，從而準(zhǔn)確、合理地對(duì)針對(duì)目前的局部做出設(shè)計(jì)，并最終構(gòu)成整個(gè)完整的形態(tài)。

而“全局”的前提，是你擁有更高的眼界。你的眼界越高，你對(duì)產(chǎn)品、市場(chǎng)、甚至整個(gè)社會(huì)的洞察就越全面，你就能夠解決越大的問題，你能夠?qū)崿F(xiàn)的價(jià)值就越高。眼界是基礎(chǔ)，解決更大的問題是目標(biāo)，而全局性設(shè)計(jì)思維則是實(shí)現(xiàn)這個(gè)目標(biāo)的方式與過程。

全局性設(shè)計(jì)思維，可以幫助我們跳出產(chǎn)品的單一層面，去思考從產(chǎn)品層、到體驗(yàn)層、再到開發(fā)層這一完成的整體。讓設(shè)計(jì)滿足體驗(yàn)層的同時(shí)，滿足產(chǎn)品層面的目標(biāo)，同時(shí)讓產(chǎn)品的設(shè)計(jì)與開發(fā)高度耦合，將整個(gè)產(chǎn)品串聯(lián)成一個(gè)完成的整體。

好了，講了這么多，我們具體應(yīng)該如何去運(yùn)用全局性設(shè)計(jì)思維呢？

?

七、全局性設(shè)計(jì)思維的運(yùn)用方式

-

全局性設(shè)計(jì)思維，的應(yīng)用方式非常廣泛。它并不是一個(gè)固定的方程式，而是一個(gè)更高層面的指導(dǎo)性設(shè)計(jì)思維，能夠通過不同的形式，來(lái)幫助你解決問題。

1.全局觀——在生活思考更多可能

在嘗試這種思維之初，我們可以通過一些小的實(shí)踐，去鍛煉這種思維能力。

在日常的生活、工作中，其實(shí)我們有大量的事物可以練習(xí)和運(yùn)用這種思維方式。比如你在裝修一個(gè)大房子，需要去選擇房子里的家具。當(dāng)你在購(gòu)買家具時(shí)，常規(guī)的思維方式是：這個(gè)家具在某個(gè)房間時(shí)應(yīng)該是怎樣搭配的，所以我要購(gòu)買什么樣形狀、顏色的家具，來(lái)滿足這個(gè)房間的需要。

但是，用這么思維方式來(lái)購(gòu)買家具，將為對(duì)家具的靈活性與長(zhǎng)期價(jià)值造成一定影響。從居住環(huán)境的長(zhǎng)遠(yuǎn)來(lái)看，也許這個(gè)家具有可能會(huì)因?yàn)槟承┰颍枰诺搅硪粋€(gè)房間，而它的形狀、尺寸、配色卻無(wú)法滿足其他房間的需要。最終，我們只能重新購(gòu)買，或者接受一個(gè)風(fēng)格、尺寸上并不搭調(diào)的房間出現(xiàn)。

因此，當(dāng)我們?cè)谫?gòu)買家具時(shí)，我們是否可以利用全局性設(shè)計(jì)思維，從整體空間的角度出發(fā)（而非單個(gè)房間），去思考如何讓家具滿足更多空間需求。長(zhǎng)此以往，我們不僅可以打造一個(gè)風(fēng)格統(tǒng)一的大空間，同時(shí)也能增加每個(gè)家具的利用率，在無(wú)形中也增加了這個(gè)家具本身的價(jià)值。

之所以舉家具這個(gè)例子，是因?yàn)?strong style="outline:0px;margin:0px;padding:0px;">這個(gè)原理與產(chǎn)品設(shè)計(jì)的原理非常類似。你可以將這個(gè)房子看成是整個(gè)產(chǎn)品，而家具則是不同的組件。通過不同的家具（組件），構(gòu)成了我們的不同功能模塊（房間/功能區(qū)），而所有的功能模塊則構(gòu)成了整個(gè)產(chǎn)品（房子）。

房子（產(chǎn)品體量）越大，房間/功能區(qū)（功能模塊）就越多，家具（組件）的多樣性、復(fù)雜性就越高，我們就越是需要從全局的角度去思考裝修的統(tǒng)一性（風(fēng)格體系化）和家具的通用性（樣式組件化）。只有這樣，我們才能更好地去打造一個(gè)風(fēng)格統(tǒng)一、體驗(yàn)一致，同時(shí)又具備足夠自由調(diào)整空間的“大房子”。

2.全鏈路——從全流程中重新思考設(shè)計(jì)

當(dāng)你仔細(xì)地去理解許多非常著名的設(shè)計(jì)作品時(shí)。你會(huì)發(fā)現(xiàn)，幾乎所有優(yōu)秀的、巧妙的設(shè)計(jì)，往往在設(shè)計(jì)中都體現(xiàn)了全局性的設(shè)計(jì)思維。它不僅僅解決著當(dāng)前的問題，同時(shí)也能夠解決更大的問題，發(fā)揮巨大的價(jià)值。

比如著名的坂茂衛(wèi)生紙的設(shè)計(jì)，看似普通，只是將衛(wèi)生紙的軸心從圓形改成了方形，但它卻成為了舉世聞名的、公認(rèn)的好的設(shè)計(jì)。為什么呢？

我們先了解一下這個(gè)設(shè)計(jì)為什么好。

首先，傳統(tǒng)的圓形紙卷拉出來(lái)的紙會(huì)比你實(shí)際需要的更多。而方形紙卷則由于阻力的作用，讓你用得更少，從而起到了解決資源的作用。其次，在運(yùn)輸過程中，圓形的紙卷之間會(huì)產(chǎn)生很大的空隙，而方形紙卷則能夠緊緊靠在一起，提升空間利用率，從而起到降低運(yùn)輸成本的作用。

這簡(jiǎn)單的設(shè)計(jì)，居然發(fā)揮了如此大的作用。

那么，為什么我們?cè)谠O(shè)計(jì)時(shí)就沒有考慮到這些問題呢？因?yàn)槲覀儚淖铋_始，就沒有從“紙”的整個(gè)全流程來(lái)去思考問題。

讓我們“站的更遠(yuǎn)一些”，紙這個(gè)商品，并非只是我們見到的在商店售賣的那一刻。它從工廠中制造完成，通過運(yùn)輸送到每個(gè)超市中，當(dāng)我們購(gòu)買以后，它又會(huì)在很長(zhǎng)一段時(shí)間內(nèi)，出現(xiàn)在衛(wèi)生間，陪伴你使用的每一刻。我們可以將整個(gè)流程分為3個(gè)場(chǎng)景，而每個(gè)不同的場(chǎng)景，又將會(huì)對(duì)紙本身有著不同的影響。

• 運(yùn)輸場(chǎng)景——衛(wèi)生紙的運(yùn)輸成本——衛(wèi)生紙的價(jià)格

• 售賣場(chǎng)景——衛(wèi)生紙的造型、包裝——影響用戶購(gòu)買

• 使用場(chǎng)景——衛(wèi)生紙的使用過程——影響用戶的使用體驗(yàn)

當(dāng)我們能夠考慮到衛(wèi)生紙的運(yùn)輸過程時(shí)，我們就可以通過設(shè)計(jì)去降低運(yùn)輸成本；而當(dāng)我們可以考慮到用戶的使用場(chǎng)景時(shí)，我們就可以通過設(shè)計(jì)，去提升阻力，降低使用量，間接地去提升用戶的使用體驗(yàn)。而當(dāng)我們通過全局性設(shè)計(jì)思維，可以同時(shí)解決這三個(gè)問題時(shí)，我們的設(shè)計(jì)就是好的設(shè)計(jì)，就擁有了更高的價(jià)值。

發(fā)現(xiàn)了嗎，為什么你沒有想到相同的設(shè)計(jì)方案？設(shè)計(jì)能力并不是關(guān)鍵，設(shè)計(jì)思維才是指引你做出好的設(shè)計(jì)的前提。當(dāng)你能按上述的方式，去思考整個(gè)流程、不同的場(chǎng)景，我相信大多數(shù)的人都能夠設(shè)計(jì)出坂茂的設(shè)計(jì)方案，甚至比這個(gè)方案更好的解決方式。

?

八、以全局性設(shè)計(jì)思維，構(gòu)建設(shè)計(jì)體系

-

通過前面的兩個(gè)案例，相信大家已經(jīng)了解了全局觀、全鏈路兩種應(yīng)用方式。

那么，我們最最最關(guān)心的問題——如何在業(yè)務(wù)中去使用這種思維呢？

在產(chǎn)品設(shè)計(jì)中，全局性設(shè)計(jì)思維也有著非常多樣化的使用方式和場(chǎng)景，在之后的文章中我也會(huì)講到很多應(yīng)用方式。但是，在所有的方式中，我認(rèn)為最為有效的，便是以全局性設(shè)計(jì)思維，幫助產(chǎn)品去構(gòu)建一個(gè)完整的設(shè)計(jì)體系。

1.設(shè)計(jì)體系概述

什么是設(shè)計(jì)體系？談及設(shè)計(jì)體系，大多數(shù)設(shè)計(jì)師會(huì)認(rèn)為，設(shè)計(jì)體系就是設(shè)計(jì)規(guī)范?！安痪褪钦覀€(gè)名次包裝一下規(guī)范嘛？”

我們?yōu)槭裁葱枰O(shè)計(jì)體系？它與設(shè)計(jì)規(guī)范有何不同呢？

設(shè)計(jì)規(guī)范是設(shè)計(jì)師最為熟悉的一種規(guī)范文檔。在產(chǎn)品設(shè)計(jì)時(shí)，優(yōu)秀的設(shè)計(jì)師通常都會(huì)建立設(shè)計(jì)規(guī)范。然而在實(shí)際的項(xiàng)目中，設(shè)計(jì)規(guī)范往往無(wú)法難以有效實(shí)施。比如在開發(fā)眼中，規(guī)范并不符合開發(fā)規(guī)則，過于碎片化。而產(chǎn)品經(jīng)理通常又不會(huì)去了解設(shè)計(jì)規(guī)范，因此在構(gòu)建產(chǎn)品框架時(shí)也常常隨意發(fā)揮。

很多項(xiàng)目做到最后，設(shè)計(jì)規(guī)范僅存在于紙面的意義，并隨著項(xiàng)目的發(fā)展逐漸混亂。為什么會(huì)這樣？ 

因?yàn)椴煌毮荛g的思考方式存在差別，設(shè)計(jì)規(guī)范對(duì)于其他職能來(lái)說(shuō)經(jīng)常難以理解與運(yùn)用，無(wú)法與其他職能形成有效聯(lián)動(dòng)。

設(shè)計(jì)規(guī)范僅僅是基于視覺層面的規(guī)范，它是一個(gè)“平面”。而設(shè)計(jì)體系則是貫穿于產(chǎn)品的每個(gè)層面的、與產(chǎn)品深度結(jié)合的完整體系，它是“立體”的“有機(jī)生命體”。

設(shè)計(jì)體系的核心在于“體”，它是貫穿于整個(gè)產(chǎn)品的完整體系。設(shè)計(jì)體系由設(shè)計(jì)師創(chuàng)造，并深度融合于產(chǎn)品每個(gè)部分。它能夠讓產(chǎn)品更緊密、更統(tǒng)一、更有序，伴隨著產(chǎn)品的生長(zhǎng)，與產(chǎn)品共同進(jìn)化，并最終推動(dòng)產(chǎn)品的發(fā)展。

創(chuàng)造并推動(dòng)這一體系，則要求設(shè)計(jì)師需要更全面的能力。只有充分地去理解并參與產(chǎn)品的每個(gè)部分的設(shè)計(jì)，才能讓設(shè)計(jì)真正延伸至產(chǎn)品的每個(gè)部分。

而創(chuàng)造這一切的前提，便是全局性設(shè)計(jì)思維。

2.設(shè)計(jì)體系的構(gòu)建法則

羅馬不是一天建成的，設(shè)計(jì)體系也是如此。設(shè)計(jì)體系的建立是一個(gè)漫長(zhǎng)的過程（與產(chǎn)品體量相關(guān)），需要在前期投入更多的精力。但若是你的方法得當(dāng)，就會(huì)在項(xiàng)目中越來(lái)越輕松，并以此形成良性循環(huán)，而你也會(huì)越來(lái)越有成就感。

如何正確地去構(gòu)建設(shè)計(jì)體系呢？我在這里總結(jié)了幾個(gè)要點(diǎn)：

1）樹立觀念

首先，樹立長(zhǎng)期的體系化意識(shí)是必要前提。在任何項(xiàng)目中都要時(shí)刻保持體系化思維，著眼于整個(gè)項(xiàng)目，去尋找體系化的推動(dòng)時(shí)機(jī)。當(dāng)你在潛意識(shí)中擁有這種思維之后，你會(huì)自然而然的將其植入到設(shè)計(jì)中。

2）以解決問題為導(dǎo)向

體系化并非憑空建立，而是建立在解決問題的基礎(chǔ)之上。設(shè)計(jì)體系的本質(zhì)，就是由無(wú)數(shù)個(gè)標(biāo)準(zhǔn)化的解決方案，最終構(gòu)成的一個(gè)完整的體系。因此，我們要以解決問題為導(dǎo)向，以全局性思維去思考問題的本質(zhì)，最終建立適用于全局設(shè)計(jì)體系。

3）以小為始，重視質(zhì)量

腳踏實(shí)地，從小處入手，去發(fā)現(xiàn)產(chǎn)品中最基礎(chǔ)的一些問題。表面上看這些問題，對(duì)項(xiàng)目影響不大，但他們數(shù)量龐大，加在一起便會(huì)嚴(yán)重影響整個(gè)產(chǎn)品的效率。因此，我們要首先建立高品質(zhì)的基礎(chǔ)體系，再以此為基礎(chǔ)構(gòu)建更大的體系。

不要一開始就設(shè)法建立一個(gè)巨大的體系，那樣只會(huì)是一盤散沙，因?yàn)樗慕Y(jié)構(gòu)是無(wú)序、混亂、不健康的。而這也是大多設(shè)計(jì)規(guī)范缺乏有效性和可實(shí)施性的根源。

梅拉妮·米歇爾的《復(fù)雜》一書中講到，任何復(fù)雜系統(tǒng)，都是由無(wú)數(shù)個(gè)體通過簡(jiǎn)單的算法所構(gòu)成的。在算法領(lǐng)域也是同樣的原理，一個(gè)優(yōu)秀而強(qiáng)大的代碼，必然是由無(wú)數(shù)個(gè)小型模塊，通過簡(jiǎn)單的算法耦合形成巨大的代碼矩陣。基礎(chǔ)算法越強(qiáng)大、代碼結(jié)構(gòu)越“健康”，可擴(kuò)展性和靈活性就越強(qiáng)，其能力就越強(qiáng)大。

4）從規(guī)范入手，由面到體

從本質(zhì)上來(lái)說(shuō)，設(shè)計(jì)體系是由“多個(gè)個(gè)層面的規(guī)范”組合而成的。因此，由設(shè)計(jì)師推動(dòng)的體系化建設(shè)，往往最初都是從設(shè)計(jì)規(guī)范這一“單層規(guī)范”開始。但是，設(shè)計(jì)體系的建設(shè)需要將單層的規(guī)范，通過不同的方式，轉(zhuǎn)化為不同層面的規(guī)范，最終由面到體，形成體系化。

5）換位思考，尋求跨職能合作

設(shè)計(jì)體系的建立與維護(hù)，通常需要多職能的通力協(xié)作。因此，我們需要經(jīng)常換位思考，在完成設(shè)計(jì)的工作，幫助其他職能完成目標(biāo)。只有這樣，才能得到更多的信任，并以此為基礎(chǔ)推動(dòng)更多體系化的建設(shè)。

比如我在設(shè)計(jì)一個(gè)功能模塊的頁(yè)面時(shí)，首先會(huì)與不同模塊產(chǎn)品經(jīng)理進(jìn)行交流，了解不同的業(yè)務(wù)需求，并從產(chǎn)品層面就開始尋求統(tǒng)一性與通用性。這樣的話，當(dāng)其他模塊需要同一個(gè)功能時(shí)，前端便可以直接復(fù)用，同時(shí)后端的數(shù)據(jù)也可以進(jìn)行互通。而在開發(fā)端，我也會(huì)詳細(xì)了解不同端的開發(fā)實(shí)現(xiàn)原理，務(wù)求設(shè)計(jì)規(guī)范與開發(fā)規(guī)則在理解上的一致性。這一既方便了開發(fā)理解規(guī)范，同時(shí)也從根本上提升了開還原的準(zhǔn)確性。

長(zhǎng)此以往，整個(gè)團(tuán)隊(duì)就能夠建立良好的溝通和互信關(guān)系。有了這種默契，設(shè)計(jì)體系的推動(dòng)就容易多了。

6）保持優(yōu)化，不斷成長(zhǎng)

設(shè)計(jì)體系的另一個(gè)重要價(jià)值在于，它是可以伴隨產(chǎn)品不斷成長(zhǎng)的。所有產(chǎn)品都是在發(fā)展中不斷變化的，過分僵硬的規(guī)則，將會(huì)對(duì)產(chǎn)品發(fā)展起到反作用。

在業(yè)務(wù)發(fā)展中，產(chǎn)品一定會(huì)不斷地加入新的功能模塊，并對(duì)原有頁(yè)面作出相應(yīng)的調(diào)整。因此，設(shè)計(jì)體系需要時(shí)刻與產(chǎn)品策略保持一致，及時(shí)與上下游職能溝通，不斷地針對(duì)產(chǎn)品發(fā)展進(jìn)行優(yōu)化，以保證設(shè)計(jì)體系能夠符合產(chǎn)品的發(fā)展需要。

7）使用正確的推動(dòng)方式

體系化最終能否成功實(shí)施，推動(dòng)的方式至關(guān)重要。

在日常的項(xiàng)目中，大多數(shù)的業(yè)務(wù)方對(duì)設(shè)計(jì)體系了解甚少，也難以體會(huì)其中的價(jià)值。因此，他們通常會(huì)認(rèn)為這些東西毫無(wú)必要，多數(shù)情況也不太愿意配合體系的推進(jìn)。如果強(qiáng)行推進(jìn)，反而會(huì)引起不必要的阻力，招致反感。那么，我們應(yīng)該如何正確的去推進(jìn)設(shè)計(jì)體系建設(shè)呢？

1.為他人帶來(lái)價(jià)值：首先，尋找雙方共同的利益點(diǎn)是首要任務(wù)。也許是可以讓其他職能的工作更高效，也許能夠促使其達(dá)成KPI，再不直接，那也一定能夠?yàn)檎麄€(gè)產(chǎn)品帶來(lái)價(jià)值（不然你也沒必要推了。。）?？傊?，設(shè)計(jì)體系一定要能夠?yàn)樗藥?lái)價(jià)值，這樣才能順利推進(jìn)。否則人家憑什么要協(xié)助你推進(jìn)，因?yàn)槟忝利惪蓯蹎?？你也可能比較可愛，但總歸是不能一直這么來(lái)吧。。。

2.在解決問題后提出方案：不要一開始就啪一下拋出一個(gè)“宏大的理想”，大部分人會(huì)覺得你不切實(shí)際。你只需要通過這個(gè)體系，幫助業(yè)務(wù)方先解決一個(gè)問題，然后再提出你解決方式的來(lái)源——一個(gè)嚴(yán)謹(jǐn)?shù)摹⒖沈?yàn)證的、長(zhǎng)遠(yuǎn)價(jià)值的體系化解決方案。

3.尋找合適的推動(dòng)時(shí)間：最后，對(duì)于設(shè)計(jì)體系來(lái)說(shuō)，尋找到正確、恰當(dāng)?shù)耐七M(jìn)時(shí)機(jī)至關(guān)重要。比如當(dāng)你在平時(shí)突然想要提出，對(duì)現(xiàn)有品牌進(jìn)行升級(jí)時(shí)，大多數(shù)業(yè)務(wù)方都會(huì)認(rèn)為你是沒事找事。而如果情況是在新的一年中，產(chǎn)品進(jìn)行了概念的升級(jí)，這時(shí)候你將概念以及未來(lái)的品牌規(guī)劃融入在你的方案中，再去推進(jìn)品牌升級(jí)，就會(huì)容易很多了。

?

九、文章預(yù)告

-

本文旨在引導(dǎo)大家更好地理解和學(xué)習(xí)這種思維方式，想要用好全局性設(shè)計(jì)思維，光靠講是遠(yuǎn)遠(yuǎn)不夠的。最重要的是能將這種思維帶入到產(chǎn)品中，為業(yè)務(wù)帶來(lái)更大的價(jià)值。

因此，在后續(xù)的幾篇文章中，我將通過不同類型案例，為大家深入講解全局性的具體實(shí)踐案例。

全局性設(shè)計(jì)思維 | 如何打造強(qiáng)大的品牌體系

為什么要建立品牌體系？品牌體系有哪些價(jià)值？設(shè)計(jì)師應(yīng)該如何推動(dòng)品牌體系的建立？

本文將帶你了解網(wǎng)易智慧企業(yè)品牌體系的建設(shè)與推動(dòng)全過程，聊一聊品牌體系建設(shè)的那些事兒～

FishDesign組件庫(kù) | 從零到一構(gòu)建企業(yè)級(jí)UI組件庫(kù)

我們?yōu)槭裁匆⒔M件庫(kù)？在產(chǎn)品的什么階段需要組件庫(kù)？如何抽象業(yè)務(wù)組件？組件庫(kù)設(shè)計(jì)過程中有哪些重要的細(xì)節(jié)需要注意？

本文帶你深入了解，網(wǎng)易Web端組件庫(kù)——FishDesign組件庫(kù)從零到一的完整全過程。

全局性設(shè)計(jì)思維 | 如何構(gòu)建事業(yè)部級(jí)大型設(shè)計(jì)體系

設(shè)計(jì)體系有什么價(jià)值？如何基于不同的業(yè)務(wù)建立設(shè)計(jì)體系？設(shè)計(jì)師如何推動(dòng)體系化建設(shè)？在體系化過程中有哪些需要注意的地方？

我將會(huì)在這篇文章中，為大家介紹網(wǎng)易智慧企業(yè)設(shè)計(jì)體系構(gòu)建全過程

1. 樣式組件化+規(guī)范體系化，形成產(chǎn)品設(shè)計(jì)體系，整體重構(gòu)產(chǎn)品線。

2. 結(jié)合品牌體系，推動(dòng)事業(yè)部更多產(chǎn)品加入體系，形成智慧企業(yè)Web端產(chǎn)品設(shè)計(jì)體系

3. 推動(dòng)更多產(chǎn)品/業(yè)務(wù)融入體系中，讓智慧企業(yè)設(shè)計(jì)體系不斷成長(zhǎng)，賦能業(yè)務(wù)發(fā)展

?

寫在最后

-

好吧，似乎文章又寫得偏長(zhǎng)了一些。只能說(shuō)，想要認(rèn)真地講清楚一個(gè)道理，確實(shí)不是一件容易的事情。

設(shè)計(jì)思維本身并不復(fù)雜，但想要講清楚它的背景、原理及價(jià)值，就需要把它整個(gè)掰開來(lái)講。而為了確保設(shè)計(jì)思維的可實(shí)施性，又需要經(jīng)過大量的實(shí)踐研究，自己能夠走通以后，才能與大家分享。

坦白講，似乎整個(gè)社會(huì)都在追求快節(jié)奏、碎片化閱讀。但若是因此而喪失了自己學(xué)習(xí)的節(jié)奏，那么等于是沒有節(jié)奏的，你的知識(shí)體系也將是東拼西湊，無(wú)法形成一套完整的體系。這也是我更新比較慢的原因之一，希望大家讀完文章，能夠切實(shí)地得到一些東西，這就很有意義。

不過更新這么慢，汽水和芬達(dá)都有責(zé)任。天天在面前賣萌啊吸引你注意力，那你就得陪他們玩吧？玩完以后雞胸肉你要煮一個(gè)吧？吃飯打架了你得調(diào)解吧。。你們真的不能怪我。

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

隨著大數(shù)據(jù)的興起，數(shù)據(jù)價(jià)值的不斷挖掘，圖表作為數(shù)據(jù)呈現(xiàn)與分析的有效手段，正扮演著越來(lái)越重要的角色。我們?cè)谶M(jìn)行 B 端平臺(tái)設(shè)計(jì)時(shí)也在思考：如何讓圖表清晰的傳達(dá)信息，同時(shí)帶來(lái)美觀的視覺感受。

為了達(dá)到清晰傳達(dá)和視覺美觀的目標(biāo)，我們結(jié)合實(shí)際項(xiàng)目，進(jìn)行大量探索及思考，梳理總結(jié)了一套適用于 B 端后臺(tái)類產(chǎn)品的圖表設(shè)計(jì)思路及方法，涵蓋了曲線圖、柱狀圖、餅圖、雷達(dá)圖、漏斗圖等各類常用圖表類型。

圖表視覺層級(jí)

圖表能夠承載大量數(shù)據(jù)信息，同時(shí)視覺元素較多，如果只是憑借設(shè)計(jì)師的審美喜好進(jìn)行視覺設(shè)計(jì)，沒有整體信息讀取考量，可能會(huì)導(dǎo)致重要信息未能凸顯，降低用戶讀取效率。

為清晰傳達(dá)信息，進(jìn)一步提升讀取效率，我們采用元素重要程度與視覺強(qiáng)度相綁定的方法。依據(jù)元素重要程度，將圖表元素分為三類，分別為“底層元素”、“中層元素”和“頂層元素”，并依據(jù)不同視覺強(qiáng)度分別設(shè)計(jì)三類元素。底層元素最弱，頂層元素最強(qiáng)。通過這種方法，梳理圖表元素的前后關(guān)系，能夠清晰把握元素視覺層次，保證信息傳遞效率。

1. 底層元素設(shè)計(jì)

在各類圖表中，我們把輔助說(shuō)明數(shù)據(jù)的軸線、刻度等定義為底層元素。為了減少視覺干擾，最大程度突出主圖形，底層元素全部使用淺灰色進(jìn)行設(shè)計(jì)。我們發(fā)現(xiàn)，當(dāng)元素與背景顏色的明度對(duì)比在 1.2:1 時(shí)，人眼較難看到元素；當(dāng)對(duì)比度在 2.0:1 時(shí)，視覺強(qiáng)度過強(qiáng)，易吸引用戶注意力。通過元素視覺強(qiáng)度的調(diào)研及視覺嘗試，最終確定元素與背景對(duì)比度在 1.6:1 左右，視覺強(qiáng)度偏弱但人眼能夠看清的程度。以保證元素視覺不突兀，只在需要查看時(shí)可以被發(fā)現(xiàn)。

2. 中層元素設(shè)計(jì)

中層元素的內(nèi)容包括數(shù)據(jù)圖形、數(shù)據(jù)線段等承載主要數(shù)據(jù)信息的元素，是圖表中表達(dá)數(shù)據(jù)的關(guān)鍵元素。與底層元素相比，中層元素采用更低明度與更高飽和度的數(shù)據(jù)色來(lái)表現(xiàn)，使元素從頁(yè)面中凸顯出來(lái)，保證可讀性。同時(shí)在樣式上適當(dāng)加入漸變、描邊等樣式，豐富視覺層次，帶來(lái)美觀的視覺感受。

3. 頂層元素設(shè)計(jì)

我們把頂層元素定義為圖表高亮信息，內(nèi)容包括懸停樣式、懸停后的詳細(xì)數(shù)據(jù)說(shuō)明等。在設(shè)計(jì)上為保證視覺樣式突出，使用深灰色、強(qiáng)調(diào)色等強(qiáng)對(duì)比度樣式，并輔以動(dòng)畫、投影等手法保證明顯的視覺強(qiáng)調(diào)效果，保證頂層信息最有效的傳達(dá)給用戶。

4. 最終效果

通過層級(jí)梳理，并綁定元素重要程度和視覺強(qiáng)度的方法，設(shè)計(jì)后圖表主次信息均按重要程度進(jìn)行對(duì)應(yīng)視覺強(qiáng)度的展示，讓用戶能夠在第一時(shí)間接收到最重要的信息，提升信息讀取效率。

圖表排版設(shè)計(jì)

圖表排版是指各元素在圖表中的尺寸及布局等，對(duì)于 B 端后臺(tái)類產(chǎn)品來(lái)說(shuō)，不同排版對(duì)用戶使用體驗(yàn)造成較大影響。如何建立一套合理的規(guī)范保證用戶的使用體驗(yàn)？我們經(jīng)過大量討論推敲，梳理出一套針對(duì) B 端后臺(tái)類產(chǎn)品的排版規(guī)則，力求保證用戶圖表的使用體驗(yàn)。

1. 圖表尺寸

圖表尺寸指圖表整體長(zhǎng)寬高。在項(xiàng)目中我們發(fā)現(xiàn)不同尺寸的圖表對(duì)數(shù)據(jù)展現(xiàn)效果影響巨大，例如巨量數(shù)據(jù)的圖表擠在名片大小的區(qū)域例顯示，這使得信息讀取的效率大打折扣。為此我們收集并提取出“全貌概覽”、“多角度環(huán)視”、“詳情分析”三類典型場(chǎng)景，并制定了“迷你圖”、“中號(hào)圖表”、“大號(hào)圖表”三類尺寸，針對(duì)不同尺寸優(yōu)化圖表的信息展示密度，以達(dá)到高效讀取信息的目的。

“迷你圖”尺寸最小，舍棄了 Y 軸等不必要信息，利用小面積展示最關(guān)鍵的圖表信息，并控制數(shù)據(jù)密度，保證信息高效讀取。

“中號(hào)圖表”尺寸受限，限制坐標(biāo)軸刻度數(shù)量和數(shù)據(jù)的密度，例如曲線圖數(shù)據(jù)點(diǎn)不高于每 4 像素 1 個(gè)數(shù)據(jù)點(diǎn)，Y 軸坐標(biāo)刻度不超過 5 個(gè)，以確保信息密度不過載，這類圖表尺寸通常用在針對(duì)某大類內(nèi)容進(jìn)行多方面檢視時(shí)。

“大號(hào)圖表”尺寸最大，不限制數(shù)據(jù)信息密度，給予最全最詳細(xì)的展示，這類尺寸通常用在數(shù)據(jù)詳情頁(yè)等詳細(xì)分析場(chǎng)景中。

最后考慮到多圖表混合排列時(shí)，餅圖、地圖等大面積填色圖表，相較折線圖等描邊型圖表，視覺感受更加膨脹。我們縮小了填色類圖表的實(shí)際高度，保證多種圖表混合排列時(shí)，視覺感受的均衡。

2. 坐標(biāo)軸

坐標(biāo)軸在圖表中出現(xiàn)的頻率較高，那么坐標(biāo)軸常見的設(shè)計(jì)問題有哪些呢？

第一是橫縱坐標(biāo)軸的刻度出現(xiàn)過密情況。

如果坐標(biāo)軸所承載的是連續(xù)數(shù)據(jù)（連續(xù)數(shù)據(jù)指可量化的，連續(xù)不斷的，在區(qū)間內(nèi)可任意取值的數(shù)據(jù)，如時(shí)間、金額、人數(shù)等），設(shè)計(jì)師可自行增減刻度數(shù)量以保證視覺舒適度。如果承載是離散數(shù)據(jù)（離散數(shù)據(jù)指不可量化的，無(wú)關(guān)聯(lián)的，不可在區(qū)間內(nèi)任意取值的數(shù)據(jù)，如分類、軟件版本、省份等），可采取增加坐標(biāo)軸縮放功能解決。

第二個(gè)常見問題是刻度的說(shuō)明文字過長(zhǎng)。

如果是 X 軸（橫軸）文字過長(zhǎng)，除了在可控范圍內(nèi)減少刻度，還可采取文字傾斜 45°~90°的辦法(如文字全部為中文，可用豎排代替傾斜 90°)，緩解信息過密看不清的情況。

如果是 Y 軸（縱軸）文字過長(zhǎng)，需聯(lián)合研發(fā)一起調(diào)整數(shù)據(jù)的單位，比如把“元”調(diào)整為“百萬(wàn)元”。

如果不能調(diào)整，那就要根據(jù)所使用的圖表庫(kù)有針對(duì)性調(diào)整。例如常用的 Echarts 圖表、D3 圖表等開源圖表庫(kù)，需要提前預(yù)估刻度文字長(zhǎng)度并預(yù)留出來(lái)，否則刻度文字可能會(huì)被頁(yè)面裁掉而不能完全顯示。如你是用的是 AntV 等可自適應(yīng)的圖表庫(kù)，則不必提前處理，圖表庫(kù)會(huì)自動(dòng)按刻度長(zhǎng)度進(jìn)行整體調(diào)整。

3. 圖例

圖例作為圖表中不可或缺的部分，在各類圖表庫(kù)中位置不盡相同，由于不同圖表樣式差異很大，圖例的位置需整體考慮并適當(dāng)布局?jǐn)[放，但在同一產(chǎn)品或頁(yè)面內(nèi)，過于隨意的擺放圖例，會(huì)導(dǎo)致頁(yè)面統(tǒng)一性較差，同時(shí)增加用戶的瀏覽成本。我們團(tuán)隊(duì)所負(fù)責(zé)的 B 端商業(yè)產(chǎn)品矩陣，作為面向用戶的產(chǎn)品集合，產(chǎn)品間聯(lián)系非常緊密。過于靈活隨意的圖例擺放不利于用戶對(duì)于圖表的瀏覽。為解決此問題，我們基于業(yè)務(wù)特點(diǎn)，針對(duì) B 端商業(yè)產(chǎn)品矩陣制定了圖例布局指導(dǎo)原則。

我們以提升屏幕信息密度為目標(biāo)，分析不同場(chǎng)景的頁(yè)面排布，制定了頂部和右側(cè)兩種較為寬松的指導(dǎo)原則，供設(shè)計(jì)師在沒有明確的更優(yōu)方案時(shí)選用。

當(dāng)圖表是左右兩端對(duì)齊的類型，例如折線圖、柱狀圖時(shí)，建議將圖例放置在圖表頂部。這樣能結(jié)合標(biāo)題等其他元素進(jìn)行統(tǒng)一排布，減少占用空間。當(dāng)圖表本身左右都有空余空間時(shí)，例如餅圖，建議將圖例放置于圖表的右側(cè)。也能夠節(jié)省頁(yè)面的空間。

數(shù)據(jù)色板設(shè)計(jì)

色板作為常見的數(shù)據(jù)表達(dá)手段，能夠利用不同顏色明確體現(xiàn)分類信息、數(shù)值高度、狀態(tài)信息等。但目前市面上鮮有專業(yè)用途圖表的配色工具。我們經(jīng)過大量探索嘗試，梳理總結(jié)出圖表色彩的兩個(gè)關(guān)鍵維度：辨識(shí)度與統(tǒng)一性。既需要顏色間突出強(qiáng)烈可清晰辨別，又需要顏色整體能形成統(tǒng)一風(fēng)格，以達(dá)到清晰傳遞和美觀的目標(biāo)。如何平衡辨識(shí)度與統(tǒng)一性，是我們遇到的難題。

1. 辨識(shí)度

辨識(shí)度在圖表中有兩方面：顏色與頁(yè)面底色的辨識(shí)度，各顏色之間的辨識(shí)度。對(duì)于第一種，我們采用控制顏色的明亮程度來(lái)確保色彩辨識(shí)度，尤其對(duì)于黃色、青色等本身較亮的顏色，降低顏色的明度，確保在淺色背景下顏色可辨識(shí)。

對(duì)于第二種也就是各顏色之間的辨識(shí)度，通過實(shí)驗(yàn)發(fā)現(xiàn)單純的顏色色相變化，例如紅色與橙色的區(qū)分，人眼不容易分辨。所以采用了色相變化+明度變化的方法，即深紅色與亮橙色，深藍(lán)色與亮紫色等，這樣用戶能在第一眼就明確分辨，保證顏色間的辨識(shí)度。最終把顏色映射到色彩空間的三維坐標(biāo)中，運(yùn)用歐幾里得距離公式測(cè)算顏色間的距離長(zhǎng)短，來(lái)衡量各顏色間色差數(shù)值。顏色間距離越遠(yuǎn)代表色差越大，利用數(shù)據(jù)輔助衡量辨識(shí)效果。

2. 統(tǒng)一性

色彩統(tǒng)一性的作用在于確保圖表整體風(fēng)格一致，色彩搭配舒適，從而帶來(lái)美觀、統(tǒng)一的視覺感受。為達(dá)目的，我們首先提煉商業(yè)產(chǎn)品設(shè)計(jì)風(fēng)格為明亮、強(qiáng)對(duì)比，其次把設(shè)計(jì)風(fēng)格轉(zhuǎn)化為色彩數(shù)值。經(jīng)過實(shí)驗(yàn)，把顏色明度限制在 50%-70%，把飽和度限制在 75%-85%，并在區(qū)間內(nèi)不斷波動(dòng)。這樣既保證了色彩視覺感受的統(tǒng)一，各顏色間又能夠有清晰的辨識(shí)度。

3. 顏色量化與工具

量化顏色，將色彩轉(zhuǎn)化為數(shù)值，利用數(shù)值來(lái)驗(yàn)證設(shè)計(jì)師的「感覺」，能夠保證方案合理性，保證設(shè)計(jì)質(zhì)量。但通過嘗試，我們常用的色彩模式均不能科學(xué)合理的量化顏色。通過查閱大量資料，我們最終決定以小眾的 HCL 色彩模式來(lái)衡量色彩。其中 H 表示色相、C 表示飽和度、L 表示明度。HCL 區(qū)別于傳統(tǒng)的 RGB 或 HSB 模式，它能夠?qū)⑷搜蹖?duì)顏色的感知精確的量化為數(shù)值，例如黃色相比藍(lán)色明度更高，都能如實(shí)的反饋到數(shù)值上。也由于此特性，HCL 模式在誕生距今不到 20 年間，已被一些先鋒設(shè)計(jì)師用于數(shù)據(jù)可視化的呈現(xiàn)中。

但是 HCL 作為小眾色彩模式，目前設(shè)計(jì)軟件鮮有支持，造成了 HCL 色彩不直觀、不方便調(diào)色等的問題。為解決此問題，我們已初步完成智能配色程序，只需輸入品牌色，就能自動(dòng)生成圖表色版，并在風(fēng)格上與品牌色匹配，達(dá)到整體色彩的統(tǒng)一。我們也將一套調(diào)配好的色板及 HCL 實(shí)用小工具附在文末，幫助大家直觀的查看和使用 HCL 模式顏色。

結(jié)語(yǔ)

數(shù)據(jù)價(jià)值就像不為人知的寶藏，隱藏在一條條枯燥晦澀的數(shù)據(jù)背后。而圖表則是開啟寶藏的鑰匙，是發(fā)掘數(shù)據(jù)價(jià)值的強(qiáng)有力武器。通過對(duì)圖表的不斷探索優(yōu)化，我們希望能夠最大化數(shù)據(jù)的價(jià)值。通過圖表，讓數(shù)據(jù)最直觀的展現(xiàn)；通過圖表，讓其背后的規(guī)律浮出水面被人探知；通過圖表，讓 B 端不再有難懂的數(shù)據(jù)。

附：色板及 HCL 工具

• HCL 調(diào)色 Sketch 插件：https://github.com/petterheterjag/chromatic-sketch
• HCL 顏色生成器：http://medialab.github.io/iwanthue/
• 色彩可用性檢查工具：https://color.review/

文章來(lái)源：優(yōu)設(shè)網(wǎng)    作者：百度MEUX

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

在過去的2020年疫情中，很多設(shè)計(jì)師都降薪甚至失業(yè)，讓本不富裕的生活雪上加霜。但與此同時(shí)，也有很多設(shè)計(jì)師反而在逆境中開了竅，接到了更多的單子，做出了更好的案子。

那么怎么才能過上錢多事少在家辦公的獨(dú)立設(shè)計(jì)師生活呢？我們邀請(qǐng)了八位出色的接單高手來(lái)一起探討。他們中間有正在大廠上班偶爾接單的全職設(shè)計(jì)師，也有工作多年后毅然創(chuàng)業(yè)的創(chuàng)意老炮，有從未上班打卡的獨(dú)立設(shè)計(jì)師，還有擁有著整個(gè)設(shè)計(jì)團(tuán)隊(duì)的公司老板。

他們是：

趙威：市場(chǎng)只要存在競(jìng)爭(zhēng)就會(huì)要求我們?nèi)プ鲆恍└镄潞透淖儯@適用于所有行業(yè)。

全職設(shè)計(jì)師 / 5年經(jīng)驗(yàn) / 多服務(wù)于互聯(lián)網(wǎng)及新型行業(yè)：媒體，社交，海外市場(chǎng)等。/ 年接單金額：數(shù)十萬(wàn)級(jí) 

迦木木：與其多獨(dú)自做設(shè)計(jì)，不如多和顧客溝通，從而發(fā)現(xiàn)他們的真實(shí)需求。

獨(dú)立珠寶設(shè)計(jì)師 / 12年經(jīng)驗(yàn) / 直接服務(wù)于消費(fèi)者，女性為主。/ 年接單金額：數(shù)百萬(wàn)級(jí)

是北瓜呀：設(shè)計(jì)是一門手工活，活要出色是第一位的。

全職設(shè)計(jì)師 /  2年半工作經(jīng)驗(yàn) / 無(wú)固定服務(wù)行業(yè)。/ 年接單金額：數(shù)十萬(wàn)級(jí)

力虎廣告：當(dāng)你在某個(gè)領(lǐng)域足夠優(yōu)秀的時(shí)候，機(jī)會(huì)就會(huì)自己走到你的面前。

自營(yíng)設(shè)計(jì)機(jī)構(gòu) / 公司成立5年 / 聚焦電商品牌視覺設(shè)計(jì)全案的廣告公司，客戶較多來(lái)自家居、母嬰和美妝類目。/ 年接單金額：千萬(wàn)級(jí)

NiceLabStudio：活兒不分大小，用心去做每一件事，剩下的交給時(shí)間。

自營(yíng)設(shè)計(jì)工作室 / 從業(yè)10年，工作室成立一年 / 多服務(wù)于“客戶是年輕人”的行業(yè)，例如玩具，食品，潮流服飾等。/ 年接單金額：數(shù)百萬(wàn)級(jí)

你好大海品牌設(shè)計(jì)：設(shè)計(jì)師應(yīng)該持有一定的態(tài)度、價(jià)值，用專業(yè)的設(shè)計(jì)能力和客戶平等地對(duì)話。

自營(yíng)設(shè)計(jì)機(jī)構(gòu) / 公司成立9年 / 多服務(wù)于快消、美妝、生活美學(xué)領(lǐng)域，及一些原創(chuàng)設(shè)計(jì)品牌的合作。/ 年接單金額：數(shù)千萬(wàn)級(jí)

石昌鴻（上行設(shè)計(jì)）：把自己的專業(yè)做到極致，無(wú)人取代便是你的核心能力。

自營(yíng)設(shè)計(jì)機(jī)構(gòu) / 公司成立8年 / 多服務(wù)于餐飲，白酒，茶類客戶。/ 年接單金額：數(shù)千萬(wàn)級(jí)

楊晟Sheen（五感覺醒設(shè)計(jì)5SD ）：認(rèn)真對(duì)待每一次合作，從前的合作伙伴自然感受到你的用心和盡責(zé)。

自營(yíng)設(shè)計(jì)機(jī)構(gòu) / 公司成立9年 / 多服務(wù)于互聯(lián)網(wǎng)行業(yè)。

下面我們就進(jìn)入主題：

WHY？WHAT？

客戶為什么找到你？

設(shè)計(jì)師的核心能力是？

客戶的情懷不多

客戶都是實(shí)在生意人。設(shè)計(jì)師在苦惱缺少優(yōu)質(zhì)客戶的同時(shí)，客戶更煩惱怎么找到優(yōu)質(zhì)靠譜的設(shè)計(jì)師?？蛻糁荒軓哪愕倪^往表現(xiàn)中為你已經(jīng)證實(shí)的能力買單，而很少愿意去賭你未來(lái)可以突然爆發(fā)。

 從大家的回答和對(duì)設(shè)計(jì)項(xiàng)目的觀察中，可以歸納出以下四個(gè)客戶看重的設(shè)計(jì)師特征：

1、與客戶需求同類型的過往作品

如果你參與甚至主導(dǎo)過和潛在客戶需求基本一致的案例，那么，這將會(huì)是最能打動(dòng)客戶的表現(xiàn)。例如你發(fā)布的作品中很多官網(wǎng)類的案例，那么想要做官網(wǎng)的客戶就會(huì)循著這些案例找到你。

2、客戶同行業(yè)的頭部客戶案例

一定要盡量服務(wù)各個(gè)商業(yè)領(lǐng)域里最頭部的那些客戶。因?yàn)樗麄兊母L(fēng)者和崇拜者會(huì)愿意以更多的預(yù)算和尊重找到你。盡管他們也知道找到大佬的供應(yīng)商并不能成為大佬，但是人們總是會(huì)迷信“明星同款”的威力。

3、獨(dú)特的設(shè)計(jì)風(fēng)格

客戶們?cè)跔?zhēng)奪他們用戶的注意力，在滿足他們用戶的審美需求。這個(gè)時(shí)候，一個(gè)區(qū)別于競(jìng)爭(zhēng)對(duì)手的獨(dú)特設(shè)計(jì)風(fēng)格，會(huì)是他們重要的武器。做為設(shè)計(jì)師，千萬(wàn)不要去完全模仿另一個(gè)設(shè)計(jì)師。有實(shí)力的金主，永遠(yuǎn)只為第一人買單。讓自己成為第一人，不要成為誰(shuí)誰(shuí)誰(shuí)第二第三。

4、良好的設(shè)計(jì)師品牌

幾乎所有的被訪設(shè)計(jì)師都把這條作為最主要的原因。良好的設(shè)計(jì)師品牌意味著更大的知名度和更好的信用度。本文后面我們會(huì)圍繞這個(gè)話題有更深入的探討。

設(shè)計(jì)師的專業(yè)精神不少

成功帶來(lái)更大的成功，十位設(shè)計(jì)師都不約而同地把專業(yè)精神視為設(shè)計(jì)師的價(jià)值核心，并且都在繼續(xù)加強(qiáng)自己的設(shè)計(jì)方法體系，把每一個(gè)單都做為招徠下一個(gè)更好客單的引子，也作為驗(yàn)證自己設(shè)計(jì)觀點(diǎn)的現(xiàn)實(shí)案例。

大多數(shù)設(shè)計(jì)師都已經(jīng)選定了自己主要服務(wù)鉆研的商業(yè)領(lǐng)域，用深度來(lái)交廣度。設(shè)計(jì)師通過長(zhǎng)期的服務(wù)和洞察才可以和客戶對(duì)行業(yè)的機(jī)會(huì)問題等進(jìn)行深入的交流，而非流于視覺效果表面。

持續(xù)的多維度的能力培養(yǎng)也是大家共同提到的關(guān)鍵，大家一致認(rèn)為良好的學(xué)識(shí)和思考能力是設(shè)計(jì)師需要具備的素質(zhì)。

不可替代的設(shè)計(jì)能力和良好的服務(wù)意識(shí)，就是設(shè)計(jì)師的專業(yè)精神。

叁山-濃縮茶 包裝設(shè)計(jì) THREE MOUNTAIN TEA  by NiceLabStudio

HOW？WHERE？

如何獲得客戶？

在哪里可以找到客戶？

設(shè)計(jì)平臺(tái)仍然不可替代

站酷是大家提到最多的關(guān)鍵詞，拋開商業(yè)互吹，這依然顯示出類似站酷，dribbble，behance這樣的設(shè)計(jì)類公共平臺(tái)在當(dāng)今接單渠道中仍然保持著不可替代性。

在此之外，八位高手們幾乎實(shí)踐了常見的所有渠道：線下開店，朋友介紹，老客戶推薦，中介服務(wù)等等，但是都只能帶來(lái)零星的機(jī)會(huì)，不足以成為穩(wěn)定的主要客單來(lái)源。

自建流量池的可行性不高

有兩人提到了自建流量池。隨著這些年短視頻平臺(tái)迅速崛起，確實(shí)讓自建流量池的可能性大大增加。但是由于大眾平臺(tái)話題相對(duì)寬泛，并且讀者興趣點(diǎn)也相對(duì)分散，目前并沒有很多設(shè)計(jì)師通過運(yùn)營(yíng)自媒體實(shí)現(xiàn)訂單轉(zhuǎn)化的成功案例。確實(shí)有一些設(shè)計(jì)話題下的大號(hào)和網(wǎng)紅，但是他們的內(nèi)容目標(biāo)更多是依靠廣告帶貨等手段直接變現(xiàn)，而非提升設(shè)計(jì)師品牌。我們會(huì)持續(xù)關(guān)注新媒體平臺(tái)對(duì)外包業(yè)務(wù)的影響。另外，建立流量池的時(shí)間成本和操作難度也完全不同于設(shè)計(jì)師習(xí)慣的創(chuàng)作式工作模式。這次訪問的八位設(shè)計(jì)師中，僅有一位擁有千萬(wàn)粉絲級(jí)微博大號(hào)。

不管在哪里，用作品說(shuō)話

大家很有默契地提到了創(chuàng)建高質(zhì)量作品集對(duì)吸引客戶的決定性作用。渠道不是秘密，作品才是第一要素，好作品+好平臺(tái)，才會(huì)帶來(lái)好客戶，這也是八位高手的共識(shí)。作品發(fā)布時(shí)，不僅要關(guān)注視覺上好看，也要注意寫清楚必要的項(xiàng)目背景，行業(yè)信息等客戶關(guān)心的內(nèi)容。在平臺(tái)與他人的互動(dòng)中，也盡量保持有禮有理有節(jié)的交流，不要給潛在客戶留下此人不好溝通的印象。

主動(dòng)上門的客戶，比較優(yōu)質(zhì)

如果你發(fā)布的作品已經(jīng)獲得了客戶的欣賞，那么接下來(lái)的合作將會(huì)比較順暢。這也是此次采訪中大家的同感。這也是設(shè)計(jì)師品牌話題中的一環(huán)，稍后在設(shè)計(jì)師品牌中我們?cè)敿?xì)展開。

溝通能力+數(shù)據(jù)能力，設(shè)計(jì)師的技能點(diǎn)加法

三位設(shè)計(jì)師提到了溝通表達(dá)能力以及對(duì)數(shù)據(jù)的理解使用能力。

其中溝通能力是個(gè)傳統(tǒng)技能，設(shè)計(jì)圈一直有三分做七分說(shuō)的調(diào)侃，雖然有些偏頗，但是反映出溝通表達(dá)能力的重要性。因?yàn)樵O(shè)計(jì)師和客戶的認(rèn)知方式，知識(shí)結(jié)構(gòu)等都存在著巨大的差異。很多同行間不言而明的常識(shí)，在客戶那里可能是完全陌生的盲區(qū)。好的設(shè)計(jì)師需要知道怎么建立和客戶的同理心，站在他們的角度，用他們習(xí)慣的方式去思考問題。

數(shù)據(jù)能力是時(shí)代的召喚。我們現(xiàn)在就生活在一個(gè)數(shù)據(jù)的時(shí)代，信息和商品的流動(dòng)方式，內(nèi)容和服務(wù)的交付方式，甚至消費(fèi)者的決策方式都基于數(shù)據(jù)而定。在這個(gè)環(huán)境下，設(shè)計(jì)師需要建立對(duì)數(shù)據(jù)的基本認(rèn)知，美學(xué)說(shuō)服不了的客戶，往往可以被數(shù)據(jù)說(shuō)服。在之后的系列文章中，我們會(huì)在這個(gè)話題展開說(shuō)明。

Mercedes me-梅賽德斯奔馳移動(dòng)程序  by 趙威G

騰訊游戲創(chuàng)意大賽視覺設(shè)計(jì)GWB Game Awards 2020  by 五感覺醒設(shè)計(jì)5SD

designer personal brand 

你對(duì)設(shè)計(jì)師的個(gè)人品牌怎么看？

設(shè)計(jì)師應(yīng)該持續(xù)打造自己的品牌

設(shè)計(jì)一直是個(gè)設(shè)計(jì)師品牌驅(qū)動(dòng)的職業(yè)，設(shè)計(jì)師品牌是客戶找到你的原因，它也時(shí)?？梢孕纬珊芨叩摹捌放埔鐑r(jià)”。可以說(shuō)設(shè)計(jì)生涯就是個(gè)創(chuàng)造和運(yùn)營(yíng)設(shè)計(jì)師品牌的過程。以下我們梳理了設(shè)計(jì)師們對(duì)此的思考。

建立：風(fēng)格，特色，定位

設(shè)計(jì)師本身往往就是品牌專家，甚至很多就是品牌設(shè)計(jì)師。但是當(dāng)局者迷，為客戶做品牌設(shè)計(jì)時(shí)思路清晰，節(jié)奏明快，到了為自己建立品牌時(shí)，很多老江湖也會(huì)犯迷糊。大概是因?yàn)槿俗铍y認(rèn)清的就是自己。

但是從大家的交談中，梳理出風(fēng)格，特色，定位三個(gè)線索：

風(fēng)格 是你最順手舒適的設(shè)計(jì)方式，只有你本身就喜歡的方式才可以長(zhǎng)期堅(jiān)持。

特色 是你區(qū)別于別人的特征，用來(lái)回答為什么找你而不是別人這個(gè)靈魂拷問。

定位 是對(duì)于市場(chǎng)機(jī)會(huì)的理性分析，誤入夕陽(yáng)行業(yè)的邊緣地帶會(huì)帶來(lái)事倍功半的后果。

輸出：品質(zhì)，一致，體系

規(guī)劃好了建立一個(gè)風(fēng)格鮮明，特色明確，定位精準(zhǔn)的設(shè)計(jì)師品牌，怎么輸出你的品牌印象給到行業(yè)和客戶呢？大家共同談到了這三點(diǎn)：

品質(zhì)：把有品質(zhì)感的內(nèi)容展現(xiàn)給外界，這是設(shè)計(jì)師品牌印象樹立的第一要?jiǎng)?wù)。品質(zhì)感包括但不限于完整清晰的案例描述，畫質(zhì)清晰的圖片展示。還要有發(fā)布平臺(tái)選擇，內(nèi)容深度選擇等一系列的思考。如上文提到的，能給讀者留下靠譜專業(yè)的“信用感”為佳。

一致：人們不相信萬(wàn)能的神仙，留給每個(gè)品牌的記憶空間是很狹窄的。設(shè)計(jì)師品牌要避免試圖營(yíng)造“啥都擅長(zhǎng)”的印象。始終用一致的風(fēng)格強(qiáng)化設(shè)計(jì)師品牌的特色印象，保持不變的定位，才可以占領(lǐng)大家的心智。什么都是的品牌，什么都不是。

體系：市場(chǎng)的機(jī)會(huì)有限，但設(shè)計(jì)師們時(shí)常看起來(lái)十分相似，傻傻分不清楚，怎么辦？這時(shí)候就看同一賽道上，誰(shuí)有更深入的理解，能提供更全面的服務(wù)。前文里大家都在努力構(gòu)建的設(shè)計(jì)方法論，在這時(shí)發(fā)揮了作用。

升級(jí)：從一個(gè)人到一群人

設(shè)計(jì)師的個(gè)人品牌往往成為設(shè)計(jì)團(tuán)隊(duì)公司化運(yùn)營(yíng)后的瓶頸。客戶指名知名設(shè)計(jì)師本人來(lái)服務(wù)，但設(shè)計(jì)師自己的時(shí)間精力無(wú)法照顧太多項(xiàng)目。個(gè)人品牌的擴(kuò)展性不高，團(tuán)隊(duì)品牌又不容易建立共情。怎么把一個(gè)人的名氣變成一群人的名氣？這是需要在初期就做好預(yù)案的問題。

>>>>> 前往查看8位設(shè)計(jì)師對(duì)此話題的具體回答 >>>>>

上行案例/ 俠客行-九號(hào)蝦鋪 品牌VIS  by 石昌鴻

《無(wú)染W(wǎng)URO 》品牌包裝設(shè)計(jì) by 你好大海品牌設(shè)計(jì)

Opportunities and challenges

工作中最大的困難是？

商業(yè)思維

獨(dú)立設(shè)計(jì)師或是設(shè)計(jì)公司負(fù)責(zé)人，區(qū)別于職場(chǎng)設(shè)計(jì)師最大的特點(diǎn)應(yīng)該就是商業(yè)思維了。一方面客戶和領(lǐng)導(dǎo)對(duì)設(shè)計(jì)的要求是不同的，客戶希望你的設(shè)計(jì)可以直接作用于商業(yè)結(jié)果，但領(lǐng)導(dǎo)更多只是希望你可以配合公司策略。另一方面，脫離了職場(chǎng)的設(shè)計(jì)師，要自己解決柴米油鹽，不具備商業(yè)思維，就會(huì)直接出局。

瓶頸/未知/壓力

這三項(xiàng)是不同的因素，但是把它們放在一起，代表著設(shè)計(jì)中最困難也最有趣的部分：挑戰(zhàn)未知。做好設(shè)計(jì)需要的能力很多，每條成長(zhǎng)路徑上都會(huì)存在很多未知的歧途，如何管理好自己狀態(tài)，始終以昂揚(yáng)斗志去面對(duì)這些壓力，是個(gè)永恒的話題。大家可以參考下面設(shè)計(jì)師們的回答和作品，去經(jīng)歷他們各自的成長(zhǎng)。

人才/合作伙伴

設(shè)計(jì)是一個(gè)鏈接性的工作，通過鏈接上下游發(fā)生作用。尤其是外包項(xiàng)目，經(jīng)常無(wú)法參與到最初的立項(xiàng)探討中，導(dǎo)致面臨一場(chǎng)場(chǎng)“殘局”，所以就需要有強(qiáng)大抗壓力和靈活性的伙伴來(lái)組成“特種部隊(duì)”。幾位設(shè)計(jì)公司的負(fù)責(zé)人，都一致表達(dá)了對(duì)人才的渴求，希望本文可以幫到他們。更希望大家可以從本文中得到一句一詞的提示，讓我們做出更棒的作品，擁有更好的客戶。

<婷谷>向陽(yáng)而生-品牌設(shè)計(jì)全案 by 力虎廣告

66NORD官網(wǎng)設(shè)計(jì) by 是北瓜呀

不好走的路上才有最好的風(fēng)景，與大家共勉。

文章來(lái)源：站酷  作者：站酷策劃

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

排版將文字從單純的文本轉(zhuǎn)換為巧妙的交流方式。字體和類型設(shè)計(jì)可以說(shuō)出這么多–從突出的粗體字體到精致的襯線字體。從傳統(tǒng)的永恒變化到全新的技術(shù)。

字體在現(xiàn)代文化和商業(yè)中的突出地位受到包豪斯藝術(shù)運(yùn)動(dòng)的影響。赫伯特·拜耳（Herbert Bayer）是包豪斯（Bauhaus）的學(xué)生，并通過采用還原性極簡(jiǎn)主義的原則在版式設(shè)計(jì)上留下了杰出的印記。

數(shù)字圖形媒體和設(shè)計(jì)師本身的爆炸式增長(zhǎng)催生了各種各樣令人驚奇的想法和進(jìn)化。有些想法只是一時(shí)的流行，而另一些則是可以保留的趨勢(shì)。我們重點(diǎn)介紹了2021年最流行的字體趨勢(shì)。

1. 襯線字體

襯線字體當(dāng)然是永恒的–因此，當(dāng)以新的現(xiàn)代方式使用它們時(shí)，它們會(huì)重新出現(xiàn)在趨勢(shì)圖上。通過將細(xì)長(zhǎng)和粗體元素并置，我們看到古典襯線字體作為一種持續(xù)的趨勢(shì)重新回到設(shè)計(jì)中。尤其是受到美容和DTC品牌的推崇，該款式具有柔和的美感，可以在許多行業(yè)中使用。

我們的示例顯示了帶有泥土色的苗條襯線字體的優(yōu)雅搭配，從而柔和了整體氛圍。

Neubel本身是一家字體鑄造廠，使用柔和而優(yōu)雅的顏色托盤并將文本覆蓋在對(duì)比鮮明的藝術(shù)品上，以大膽地表達(dá)自己的觀點(diǎn)。

設(shè)計(jì)公司Autumn展示了視覺層次結(jié)構(gòu)的強(qiáng)大功能以及自信的版式和簡(jiǎn)單的形狀。

2.輪廓字體

輪廓字體在2020年出現(xiàn)了很多的創(chuàng)意，我們希望在2021年會(huì)看到更多。透明字體在與粗體，填充字體并排顯示時(shí)，更加強(qiáng)大。

我們的示例表明，輪廓傾向于在網(wǎng)頁(yè)設(shè)計(jì)中占據(jù)中心位置。Heetch在相同顏色的純色襯線字體上方使用藍(lán)紫色輪廓字體，以表現(xiàn)出對(duì)比效果。

Aldo在“走進(jìn)愛情”廣告系列中使用了當(dāng)年P(guān)antone顏色的陰影。廣告系列以自信和表達(dá)為中心，明亮的黃色將那種感覺放在了中心。輪廓字體是使粗體黃色發(fā)光的絕佳選擇。日本設(shè)計(jì)師Ukyo Masuda憑借中性灰色調(diào)色板為該群體錦上添花，盡管如此，它還是通過創(chuàng)意的輪廓字體而栩栩如生。

3.進(jìn)化的野獸派

如果您希望營(yíng)造視覺張力并擺脫標(biāo)準(zhǔn)網(wǎng)頁(yè)設(shè)計(jì)的束縛，那么野獸派字體與現(xiàn)代野獸派元素相結(jié)合就可以完成工作。野獸派字體的清晰，原始，略顯復(fù)古的設(shè)計(jì)經(jīng)過了現(xiàn)代化改造，成為我們所謂的“進(jìn)化的野獸派”。在經(jīng)過改進(jìn)的版本中，苛刻的元素被軟化并與各種調(diào)色板和形狀結(jié)合在一起。

我們的示例顯示了進(jìn)化的野獸派的不同變體和組合。內(nèi)森·泰勒（Nathan Taylor）使用了大量實(shí)驗(yàn)元素和互動(dòng)性。整個(gè)設(shè)計(jì)是野獸派的，不僅僅是字體。這是對(duì)更加野蠻的野蠻主義的一個(gè)很好的展示，但是現(xiàn)代的元素使這種感覺更加精致和進(jìn)化。

4.文本與其他元素的分層

通過有意地分層排列文本和圖像，可以使得整個(gè)頁(yè)面更有空間感。這種組合使焦點(diǎn)很清楚。它允許用戶在滾動(dòng)之前暫停一秒鐘并全部接收信息。

這些示例是最有趣的。登錄Mammut貝加爾湖頁(yè)面后，您即會(huì)感受到電影般的震撼力。圖像的運(yùn)動(dòng)和貝加爾湖文字與人類交織在一起，使您感覺自己像是體驗(yàn)的一部分。

德國(guó)品牌代理公司MJND的層次結(jié)構(gòu)要簡(jiǎn)單得多，但是層次感仍然很突出。對(duì)于那些使用文本和圖像的人來(lái)說(shuō)，這種設(shè)計(jì)更容易上手。

Owlsome Studio使字體更加突出，并在其后面分層顯示較小的正方形圖像。這是其他兩個(gè)示例的替代方案，但是由于它打破了網(wǎng)絡(luò)的現(xiàn)狀，因此可能以自己的方式產(chǎn)生影響。

5.文字圖像融合

比文本分層更進(jìn)一步的是文本與圖像相互融合，而兩者是密不可分的。這給圖像帶來(lái)真正的優(yōu)質(zhì)感，并引起您的注意。它們不再是文本和圖像層的組合，而是變成一個(gè)整體。

我們喜歡這種格式允許的創(chuàng)意表達(dá)，并提供無(wú)盡的組合。Satellite414使用透明的輪廓文字，這些文字實(shí)際上成為照片的一部分。它是動(dòng)態(tài)，現(xiàn)代和新鮮的。

Kieran Baybutt中文字完全取代了圖像。這使得文本部分與典型鏡頭一樣重要。Craig Reynolds中圖像和文本滑入和滑出組合，將它們合并在一起，從而使用戶注意到它們。

6.新迷幻效果

全新迷幻氛圍是對(duì)時(shí)髦色彩的復(fù)古回歸，融合了現(xiàn)代感。它借鑒了過去的迷幻設(shè)計(jì)。

從1960年代到1970年代的劇烈社會(huì)動(dòng)蕩帶來(lái)了新藝術(shù)和設(shè)計(jì)的變革。迷幻的影響在那個(gè)時(shí)代就很明顯了，今天我們看到了一種新的潮流。韋斯·威爾遜（Wes Wilson）是那個(gè)時(shí)代的重要設(shè)計(jì)師，他創(chuàng)造了一種新字體，成為該地區(qū)的象征-著名的迷幻設(shè)計(jì)。

Victor Moscoso為他的印刷沉重設(shè)計(jì)帶來(lái)了鮮艷的色彩，這些色彩影響了示例中所見的現(xiàn)代霓虹色調(diào)色板。

宙斯·瓊斯（Zeus Jones）是我們所看到的趨勢(shì)的完美典范–光譜中各種鮮艷的色彩，以夢(mèng)幻般的方式與斜體字體結(jié)合在一起，并為流動(dòng)的漸變帶來(lái)了清晰的通信效果。

查理·勒·麥格南（Charlie Le Maignan）為我們提供了一種有趣的復(fù)古字體，可在頁(yè)面上擴(kuò)展和折疊。此外，在Showreel部分，我們看到了一段令人迷惑的文字彩虹，讓人聯(lián)想起1970年代的專輯和那些酸酸的歌曲。

圣馬丁代理公司在令人眼花scene亂的場(chǎng)景中為我們帶來(lái)歡樂和情感的熔巖燈。字體與背景配合得很好–簡(jiǎn)單性與無(wú)窮復(fù)雜的色彩并置。

7.粗體現(xiàn)代襯線字體

到2021年，這并不是一個(gè)全新的概念，現(xiàn)代的襯線字體處理技術(shù)隨著新外觀的發(fā)展而不斷變化。

一個(gè)新的變化是，我們看到粗體襯線字體完全占據(jù)了屏幕。在許多情況下，文本是整體設(shè)計(jì)，而粗體的現(xiàn)代襯線字體則可解決問題。

樣條線使用黑底紅字表示強(qiáng)烈的陳述，并使用完全大寫的文字來(lái)增強(qiáng)效果。對(duì)于試圖喚起技能，信心和權(quán)威的公司，這種組合效果很好。

Orto保持簡(jiǎn)單，但將宏偉提升到另一個(gè)層次。超大，明亮的字體只會(huì)迫使您注意并進(jìn)一步深入。

8.賽博朋克風(fēng)格

也許最分裂的想法之一是計(jì)算機(jī)朋克和汽具美學(xué)。計(jì)算機(jī)，視頻游戲和1980年代流行美學(xué)的模糊組合以某種怪異，令人著迷的組合在一起。

80年代是數(shù)字游戲和新的計(jì)算機(jī)浪潮的開始。賽博朋克和汽具設(shè)計(jì)是80年代復(fù)古設(shè)計(jì)的變體。隨著計(jì)算機(jī)和AI的發(fā)展，我們可能會(huì)看到印刷術(shù)和美學(xué)的新融合。

Next Big Thing Academy顯然具有對(duì)未來(lái)的關(guān)注。雖然這里的字體選擇不是什么極端的選擇，但總體上符合復(fù)古主義的未來(lái)美學(xué)。

浮標(biāo)也不使用任何大膽創(chuàng)新的字體，但是圖像與字體的整體配對(duì)符合這種趨勢(shì)。

文章來(lái)源：站酷   作者：Ballen成名

藍(lán)藍(lán)設(shè)計(jì)( www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)