2020-1-17 資深UI設(shè)計(jì)者
從性質(zhì)上來(lái)說(shuō)，我們看到的背景一般都會(huì)分為 5 種：純色、漸變、肌理、圖形、全圖，但在真正開始做設(shè)計(jì)之前，我們并不會(huì)直接在這 5 種性質(zhì)的背景里挑選，反而會(huì)從一些其他的維度先去思考，才能做出具體的選擇。
△ 發(fā)布會(huì)背景的 5 種性質(zhì)
因此在這 5 個(gè)性質(zhì)之外，我們還要引入其他的思考維度，而這些思考的維度才能夠讓我們真正能做出「符合當(dāng)前頁(yè)面內(nèi)容」的幻燈片背景。
按照幻燈片背景設(shè)計(jì)的時(shí)間流程線，可以分為 8 大維度：直觀感，主視覺、布局感、場(chǎng)景感、設(shè)計(jì)感、平衡感、氛圍感、跳躍率。
△ 發(fā)布會(huì)背景定制的 8 個(gè)維度
通常我們拿到客戶的標(biāo)配原稿都是白底黑字的形式，這時(shí)我們首先考慮的出發(fā)點(diǎn)是：
整個(gè)幻燈片希望給人傳達(dá)的是偏向「明亮陽(yáng)光」、「沉穩(wěn)大氣」的哪種感覺，這兩種截然不同的感受會(huì)讓我們?cè)诒尘斑x取的時(shí)候，傾向于「亮色調(diào)」，或是「暗色調(diào)」。
在這個(gè)階段我們并不會(huì)思考幻燈片背景到底是屬于「純色、漸變、肌理、圖形、全圖」哪種，這個(gè)階段思考這個(gè)問(wèn)題實(shí)在是太早了，我們只能從一個(gè)非常簡(jiǎn)單卻又截然相反的兩條路徑，這時(shí)候是沒有任何細(xì)節(jié)可言的。
——這被我稱之為「直覺感」。
這是我們根據(jù)信息片段，不用太多思考，而出現(xiàn)的想法、感覺、信念或者偏好，可以幫助我們進(jìn)行快速?zèng)Q策——這是設(shè)計(jì)師/團(tuán)隊(duì)對(duì)內(nèi)容而產(chǎn)生的直覺洞察，本質(zhì)上是個(gè)人的知識(shí)體系和經(jīng)驗(yàn)對(duì)其做出的判斷，沒有過(guò)多的原因。
△ 純白/純黑背景的內(nèi)容原稿
這兩者的選取會(huì)在一開始做設(shè)計(jì)的時(shí)候，就會(huì)帶給我們不同的思考角度，當(dāng)我們確定了調(diào)性后，我們就會(huì)把原稿的背景色直接改為純白或是純黑，方便我們潛移默化地思考?xì)赓|(zhì)。
但這個(gè)階段確認(rèn)方向，有便于自己找到調(diào)性上的初心，不會(huì)在后期的細(xì)節(jié)設(shè)計(jì)中陷入方向性的錯(cuò)誤。
當(dāng)我們把整個(gè)頁(yè)面的直觀感受判斷清楚以后，接下來(lái)可以涉及一些具體的設(shè)計(jì)性質(zhì)，通常設(shè)計(jì)情況分為兩種：一種是「有跡可循」，另外一種是「無(wú)跡可循」，分別對(duì)應(yīng)不同的背景設(shè)計(jì)方法。
對(duì)于發(fā)布會(huì)而言，「有跡可循」的情況最直接的就是主視覺（Key Visual）沿用的情況（以下稱之為主KV）；「無(wú)跡可循」就需要從所需傳遞出的感覺和美感相結(jié)合來(lái)考慮，將在「場(chǎng)景感」和「設(shè)計(jì)感」兩個(gè)維度談及。
每一場(chǎng)活動(dòng)基本都會(huì)有一個(gè)主 KV 用于奠定活動(dòng)的視覺基調(diào)，所以幻燈片在大概率上和主 KV 會(huì)有一定的聯(lián)系——但這中間會(huì)需要我們準(zhǔn)確判斷出兩個(gè)小的隱藏需求：
這兩個(gè)隱形需求，在前期溝通的時(shí)候一定要確認(rèn)出來(lái)，否則的話有可能會(huì)造成很大的誤解，導(dǎo)致很多額外、不應(yīng)發(fā)生的問(wèn)題。就此說(shuō)明一下：
1. 客戶對(duì)于主KV的態(tài)度
一種情況，是需求方對(duì)于這個(gè)主 KV 本身有一定的不滿，但由于各種各樣的因素最終使用了這個(gè)主 KV，如：
△ 需求方可能不太滿意的主 KV
由于主 KV 已定，需求方會(huì)寄希望于幻燈片的設(shè)計(jì)上，內(nèi)心的需求是：「能夠基于主 KV，但不止于主 KV」。
另一種情況，是需求方對(duì)主 KV 的某些部分乃至全部部分都比較滿意，允許設(shè)計(jì)師/團(tuán)隊(duì)使用主 KV 的部分亮點(diǎn)元素進(jìn)行設(shè)計(jì)——其中的幅度最好在前期設(shè)計(jì)之前探索清楚，具體溝通的技巧涉及兩方自身和彼此的合作經(jīng)驗(yàn)，需兩方共同配合。
△ 需求方比較滿意的主 KV
其中有一個(gè)技巧就是：看看需求方是否有將主 KV 應(yīng)用到整個(gè)大會(huì)的物料設(shè)計(jì)之中，如果有的話，那么幻燈片遵循對(duì)應(yīng)風(fēng)格一般都屬于「政治正確」的操作。
2. 客戶對(duì)幻燈片的期望
正如需求方對(duì)主 KV 的態(tài)度會(huì)影響他對(duì)幻燈片的期望，需求方希望設(shè)計(jì)師/團(tuán)隊(duì)能遵循統(tǒng)一的調(diào)性（畢竟是同一場(chǎng)大會(huì)），但如果直接 100% 沿用主 KV 的話，也可能會(huì)出現(xiàn)問(wèn)題。
因此，設(shè)計(jì)師/團(tuán)隊(duì)需要和需求方確認(rèn)幻燈片設(shè)計(jì)對(duì)于主 KV 的「沿用自由程度」。
△ 對(duì)主 KV 元素的 3 種沿用自由程度
這三種情況其實(shí)都真實(shí)存在，實(shí)際上我也都遇到過(guò)。
這里有個(gè)經(jīng)驗(yàn)，是如果設(shè)計(jì)師/團(tuán)隊(duì)只問(wèn)一個(gè)非常簡(jiǎn)單的問(wèn)題：「幻燈片設(shè)計(jì)是否要按照主 KV 來(lái)走」。需求方一般會(huì)說(shuō)：「我們要遵循主 KV 的風(fēng)格」，實(shí)際情況是能要求完全不遵循主 KV 的需求方很少，除非設(shè)計(jì)師/團(tuán)隊(duì)成功做出了能驚艷到需求方的作品。
但由于沒有明確「沿用自由程度」，就會(huì)在設(shè)計(jì)的時(shí)候帶來(lái)較大困擾。
這個(gè)困擾主要來(lái)源于：對(duì)于主 KV 的「沿用自由程度」，直接決定了對(duì)于幻燈片的「設(shè)計(jì)自由程度」。
△ 擴(kuò)充「設(shè)計(jì)自由程度」
設(shè)計(jì)師/團(tuán)隊(duì)和需求方確認(rèn)主 KV 的「沿用自由程度」時(shí)，并不是在限制自己的「設(shè)計(jì)自由程度」，反而是在擴(kuò)充「設(shè)計(jì)自由程度」——要知道設(shè)計(jì)過(guò)程中有哪些是不能做的，而有哪些是可以去嘗試的，從而來(lái)確認(rèn)有多少設(shè)計(jì)想法是被允許的，有多少程度是能被實(shí)施的。
因此在有主 KV 的大會(huì)，幻燈片背景設(shè)計(jì)的首要考慮維度是「主視覺」。
著手制作幻燈片背景的時(shí)候，在整體角度考慮下的「布局感」尤其重要，我們先看一個(gè)設(shè)計(jì)需求較高的案例：
對(duì)于設(shè)計(jì)感要求非常強(qiáng)的需求方，會(huì)希望每一頁(yè)的背景都都盡可能的多變（即使是同樣的元素，也希望把位置稍微調(diào)配一下），這一種需求對(duì)于設(shè)計(jì)的要求是比較高的。
△ 每一頁(yè)背景都盡可能多變的需求
我們可以這么理解：
并不是背景每一頁(yè)不同就是好的設(shè)計(jì)，對(duì)于內(nèi)容比較多的幻燈片，需要在內(nèi)容上分層級(jí)，例如有 4 個(gè)篇章的幻燈片，可能每一個(gè)篇章的背景是統(tǒng)一的，在下一個(gè)篇章的時(shí)候才會(huì)做一定的調(diào)整，正如「002 號(hào)知識(shí)發(fā)布會(huì)」的背景：
△ 通過(guò)整體布局規(guī)劃實(shí)現(xiàn)背景布局感
幸運(yùn)的是，在真實(shí)的使用場(chǎng)景中，所需要的程度通常是：在某一些頁(yè)面有單獨(dú)的定制化，而其他的頁(yè)面可以使用統(tǒng)一的背景。如：20 頁(yè)不同的背景，改為 8 個(gè)不同的背景（相當(dāng)于：4 個(gè)章節(jié)+ 4 種背景+ 4 種背景），這是通過(guò)規(guī)劃背景來(lái)提高統(tǒng)一性并降低設(shè)計(jì)難度，有實(shí)際應(yīng)用意義。
需求方?jīng)]有給到主 KV，或者甚至主 KV 也是由設(shè)計(jì)師/團(tuán)隊(duì)設(shè)計(jì)的時(shí)候，就要和需求方溝通他們想要的感覺，尤其注意演示場(chǎng)景對(duì)背景設(shè)計(jì)的影響，兼并考慮效果的美感度。
從單頁(yè)的角度看，所有的背景都要考慮現(xiàn)場(chǎng)演示的「場(chǎng)景感」，其中較為突出的是純色背景和經(jīng)典搭配的漸變背景。
1. 純色：簡(jiǎn)約大氣
純色的技法不難，但顏色選取非常重要，其中的難點(diǎn)主要是對(duì)于客戶想表達(dá)的這一個(gè)內(nèi)容的顏色匹配和顏色選取上。
其中分為：純黑背景和其他顏色的純色背景。純黑背景帶給人極其穩(wěn)重的感覺，而其他顏色的純色背景則相反，帶給人干凈潔凈的感覺。
△ 不同氣質(zhì)的多種純色背景
無(wú)論哪種純色背景，其中有兩個(gè)隱形的要求：
成像質(zhì)量高的屏幕能讓觀眾拍照時(shí)不會(huì)受到太多由于亮色純色帶來(lái)的成像問(wèn)題，而越接近純白色的色調(diào)就越需要現(xiàn)場(chǎng)燈光的配合，如果配合得不好，可能演講人會(huì)成為背景上的「剪影」。
2. 漸變：經(jīng)典搭配
漸變是發(fā)布會(huì)中一直都比較流行的背景色，Keynote 的自帶模板 Gradient 就是這樣的典范。
從上到下的黑色漸變到「深紫」「深藍(lán)」「深灰」的搭配，在發(fā)布會(huì)中被使用頻繁，由于底部顏色較淺，能更好襯托內(nèi)容和演講人，是發(fā)布會(huì)的經(jīng)典搭配。
△ Keynote 的 Gradient 背景
除了之前提到的各種考慮外，設(shè)計(jì)的美觀程度非常重要，有的頁(yè)面在「純色」「漸變」「肌理」等都可以選擇的情況下，「設(shè)計(jì)感」就是其中很重要的思考出發(fā)點(diǎn)。
1. 漸變：多變流行
隨著審美不斷地提高，有很多國(guó)內(nèi)大廠的發(fā)布會(huì)漸變是沒有太多規(guī)律的，這種流線型的美感容易讓別人對(duì)科技感和定制化感受深刻，這種漸變的制作難度會(huì)更高。
這種出彩的顏色在新興行業(yè)使用較多，偏傳統(tǒng)類型的公司就不太適合。
△ 背景非線性漸變背景的發(fā)布會(huì)應(yīng)用
此外，接近純色的背景上通過(guò)光影制造亮點(diǎn)也是高級(jí)手段，能讓畫面呈現(xiàn)豐富細(xì)節(jié)，顯得耐看很多。
△ 通過(guò)光影制造背景亮點(diǎn)
2. 肌理：細(xì)膩耐看
單純以肌理作為背景的設(shè)計(jì)并不算特別多，它的好處主要是在于讓整個(gè)畫面看起來(lái)更加有質(zhì)感一點(diǎn)，比純色要顯得更加有設(shè)計(jì)感。
通常肌理也會(huì)和光影相結(jié)合，來(lái)體現(xiàn)這一個(gè)頁(yè)面的高檔和奢華感。通過(guò)案例我們也可以看到為了突出產(chǎn)品和高檔氣質(zhì)的發(fā)布會(huì)頁(yè)面會(huì)使用這一種設(shè)計(jì)。
△ 通過(guò)肌理突出頁(yè)面氣質(zhì)氛圍
由于每一頁(yè)的幻燈片內(nèi)容容量的差異，會(huì)造成在每頁(yè)的版式差異，不同版式所需的「平衡感」所需背景是不同的：
△ 背景中添加輔助元素結(jié)合版式平衡頁(yè)面
這 5 個(gè)性質(zhì)的背景，都具備一個(gè)隱性的作用，就是對(duì)內(nèi)容進(jìn)行含義賦予，也就是增加「氛圍感」。
如果一個(gè)幻燈片從頭到尾都是純色的背景，甚至也都是單一的背景，這一個(gè)背景能賦予這個(gè)頁(yè)面的含義就是單一的，可能就是讓人感覺到某一種感受，僅此而已。
△ 單一的背景
如果定制化比較強(qiáng)，就會(huì)有不同的需求對(duì)頁(yè)面背景進(jìn)行含義賦予，如：
1. 圖形：屬性點(diǎn)綴
有的時(shí)候我們也會(huì)用點(diǎn)線作為頁(yè)面背景元素，使用「點(diǎn)陣」或者「多線段混合工具」效果填充頁(yè)面，讓整體的頁(yè)面圖版率提高。
△ 「點(diǎn)陣」和「多線段混合工具」效果
也會(huì)有一些情況會(huì)用圓形、點(diǎn)線、多邊形來(lái)做頁(yè)面的點(diǎn)綴，不同屬性的形狀會(huì)有不同的氣質(zhì)：
所以在選擇的時(shí)候，我們會(huì)考慮想要體現(xiàn)的感覺來(lái)選取形狀。
△ 圓形、三角形、多邊形的圖形背景
2. 全圖：氛圍濃烈
前段時(shí)間很多大廠不約而同使用了全圖型背景，讓這種設(shè)計(jì)手法廣為流傳。
具象的圖片讓觀眾直接身臨其境，時(shí)間的朋友的「大豆君」、「深圳」都是這樣的用法；而在一些企業(yè)愿景頁(yè)上，直接放上公司的圖片也能體現(xiàn)出非常直接的關(guān)聯(lián)性。
△ 具象式配圖
全圖型的圖片不一定和具體的內(nèi)容完全一一對(duì)應(yīng)，存在象征的可能，無(wú)論是：星空、山川，還是用黑板的粉筆字比喻算法等，都會(huì)在實(shí)際使用時(shí)起到象征的意義。
△ 象征式配圖
如果既不是產(chǎn)品對(duì)應(yīng)的具象圖片，也不是起到象征意義的配圖，就不要為了美觀而放和主題無(wú)關(guān)的圖片，否則容易讓觀眾困惑。
實(shí)際使用的過(guò)程中，往往由于各種原因，直接找到的真實(shí)圖片不足以支撐整個(gè)發(fā)布會(huì)背景，如：
這時(shí)我們就需要對(duì)圖片「融合背景」處理，既和整體背景統(tǒng)一，也加入了頁(yè)面的必要內(nèi)容。
△ 象征式配圖
如果頁(yè)面內(nèi)容需要實(shí)際真實(shí)可觀的場(chǎng)景來(lái)輔助呈現(xiàn)，就需要通過(guò)合成來(lái)「制造場(chǎng)景」，讓觀眾能直觀看到文案含義，就能加速對(duì)內(nèi)容的理解；還可以合成現(xiàn)實(shí)中不存在的圖片作為背景，增加氛圍的感受力度。
△ 象征式配圖
背景的「跳躍率」是我從「文字」和「圖片」的含義中引申使用的。
△ 文字跳躍率
△ 圖片跳躍率
△ 圖片跳躍率
文字跳躍率和圖片跳躍率描述的是素材之間的大小、景深的差異，而借用「跳躍率」的名詞來(lái)用在背景上解釋，就是整個(gè)幻燈片背景的素材各方面的差異程度。
△ 整體調(diào)性和每頁(yè)的調(diào)性
即使每一頁(yè)單獨(dú)看起來(lái)是比較和諧的，但受限于每頁(yè)內(nèi)容的圖片質(zhì)量、色調(diào)等的不同，不可避免地有可能整體看起來(lái)會(huì)顯得比較混亂，這時(shí)就要做一定的調(diào)整，確保整體統(tǒng)一性，才能讓作品形成整體。
其中要把握的是：既不能完全一樣，也不能完全不同，這之間的取舍體現(xiàn)出的就是設(shè)計(jì)師在制作時(shí)的把握度了，也是功力的體現(xiàn)。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com