張瀾
(青島海洋科學(xué)與技術(shù)試點(diǎn)國(guó)家實(shí)驗(yàn)室 山東省青島市 266200)
PowerPoint 多媒體演示是通過(guò)插入圖形、文字以及添加一些動(dòng)畫(huà)效果,對(duì)特定的信息通過(guò)視覺(jué)化的設(shè)想、計(jì)劃、處理與呈現(xiàn),結(jié)合演示者的講解,最后實(shí)現(xiàn)有效信息生動(dòng)傳達(dá)的目的。
在產(chǎn)品硬件界面設(shè)計(jì)中視覺(jué)邏輯被定義為通過(guò)對(duì)人的直覺(jué)與意識(shí)行為的研究與理解,把某種行為系統(tǒng)規(guī)劃以視覺(jué)化的形式使之符合相關(guān)的合理邏輯的表述[1]。以此為切入點(diǎn),將視覺(jué)邏輯引入PowerPoint 中可以通過(guò)提升頁(yè)面素材對(duì)象之間的視覺(jué)表現(xiàn)形式,有效提高用戶的視覺(jué)感知與體驗(yàn)。
PowerPoint 并非密密麻麻的“項(xiàng)目匯報(bào)說(shuō)明書(shū)”,而是通過(guò)編輯頁(yè)面的排版、色彩、文字、視覺(jué)元素以及添加動(dòng)畫(huà)效果等基礎(chǔ)屬性進(jìn)行視覺(jué)表現(xiàn)的演示軟件,通過(guò)這些屬性的變化生成不同的演示頁(yè)面并帶來(lái)不同的視覺(jué)效果形成不同的視覺(jué)反饋,因此在該設(shè)計(jì)和使用中,排版、色彩、視覺(jué)符號(hào)、文字、動(dòng)畫(huà)特效等是作為主要的視覺(jué)邏輯信息要素存在。
排版為整個(gè)PowerPoint 風(fēng)格搭建框架,通過(guò)編排布局,突出主要內(nèi)容、分出內(nèi)容的重要性及層級(jí)、制造焦點(diǎn)從而引導(dǎo)用戶的視線,更科學(xué)的獲取信息。根據(jù)不同的演示內(nèi)容以及結(jié)合留白等相關(guān)方式,PowerPoint 中的排版大致可以分為六種,如表1。
色彩被譽(yù)為是一種可以激發(fā)情感、刺激感官的元素。同樣在PowerPoint 中,色彩由于經(jīng)歷了文化上的沉淀,通常會(huì)跳脫出不同的情感、特質(zhì)和趨向,由于色彩信息傳遞速度非常快,在進(jìn)入眼球的瞬間即可在用戶頭腦中形成一種印象,因此色彩與表現(xiàn)主題的搭配是影響視覺(jué)的重要因素。其次是在正文中使用不同的色彩標(biāo)注會(huì)起到突出的作用,就像產(chǎn)品界面中常用鮮艷的顏色作為特殊提示一樣。在PowerPoint 頁(yè)面中用特殊色標(biāo)注重點(diǎn),通常會(huì)與標(biāo)準(zhǔn)顏色形成色彩對(duì)比,在視覺(jué)上相對(duì)處于視覺(jué)邏輯的更高級(jí)。
文字是抽象的符號(hào),大篇幅的文字在PowerPoint 這種字圖結(jié)合的演示軟件中效率很低,容錯(cuò)性很差。高度精煉的文字具有三大好處:首先能夠讓用戶高效率的吸收信息,快速抓到重點(diǎn);其次,可以讓用戶把重點(diǎn)集中在演講上,使演講具有更多的神秘感和期待感;除此之外,PowerPoint 中文案少一點(diǎn),會(huì)給作者的更多的設(shè)計(jì)空間。
視覺(jué)符號(hào)在PowerPoint 中的使用是將頁(yè)面中的文字形象化的視覺(jué)表現(xiàn)方式,將文字視覺(jué)化這個(gè)過(guò)程更有助于用戶對(duì)頁(yè)面的了解。圖1 是在PowerPoint 常用的幾個(gè)視覺(jué)符號(hào),這些視覺(jué)符號(hào)對(duì)具有相同文化背景和視覺(jué)經(jīng)驗(yàn)的用戶來(lái)說(shuō)是有相同的理解,通過(guò)這些具有共識(shí)性、簡(jiǎn)易性的視覺(jué)符號(hào)表達(dá),能夠使用戶更易理解對(duì)應(yīng)的文字表達(dá)內(nèi)容,同時(shí)減少頁(yè)面的枯燥性。
圖1:PowerPoint 中常用的視覺(jué)符號(hào)及其含義
圖2:視覺(jué)分組方式
圖表設(shè)計(jì)作為信息設(shè)計(jì)的重要分支,它的優(yōu)勢(shì)在于通過(guò)視覺(jué)語(yǔ)言來(lái)構(gòu)架信息,讓數(shù)據(jù)可視化,與其閱讀枯燥無(wú)味的數(shù)字,讓用戶可以更直觀地了解信息、觀察數(shù)據(jù)變化,使信息更加形象、易懂[2]。與靜態(tài)圖表不同,在演示文稿中,通過(guò)附加動(dòng)畫(huà)效果可以讓圖表動(dòng)起來(lái),或表現(xiàn)出增加/減少的趨勢(shì),或表現(xiàn)出單個(gè)數(shù)據(jù)與總體的占比,其動(dòng)態(tài)的特點(diǎn)決定了視覺(jué)注意力的去向。在做圖表之前,需要根據(jù)數(shù)據(jù)特點(diǎn)及表達(dá)觀點(diǎn)確定圖表類型,錯(cuò)誤的圖表類型選擇輕則無(wú)法表達(dá)數(shù)據(jù)特點(diǎn),重則造成歧義。
在PowerPoint2019 版中,共有216 種元素動(dòng)畫(huà)效果和48 種頁(yè)面切換效果,表2 為PowerPoint 中常用的動(dòng)畫(huà)效果及頁(yè)面切換方式。通過(guò)改變動(dòng)畫(huà)的屬性與組合動(dòng)畫(huà)的運(yùn)用又可以變化出不計(jì)其數(shù)的動(dòng)畫(huà)效果。改變?cè)爻霈F(xiàn)的順序、動(dòng)畫(huà)的效果、持續(xù)的時(shí)間可將視覺(jué)邏輯的重點(diǎn)放在相應(yīng)的動(dòng)畫(huà)中,既可以讓動(dòng)畫(huà)成為“制造懸念的魔法師”,又可以變成“強(qiáng)調(diào)重點(diǎn)的放大鏡”,適度的動(dòng)畫(huà)效果能夠吸引用戶的視覺(jué)注意力,增強(qiáng)頁(yè)面的邏輯性和生動(dòng)性,起到畫(huà)龍點(diǎn)睛的作用。
設(shè)計(jì)四原則由Robin Williams在《寫(xiě)給大家看的設(shè)計(jì)書(shū)》中提出,是針對(duì)毫無(wú)頭緒的設(shè)計(jì)者,提出四個(gè)具體的設(shè)計(jì)概念,分別是“對(duì)齊,親密性,重復(fù)和對(duì)比”,將這四點(diǎn)結(jié)合轉(zhuǎn)化為PowerPoint 中視覺(jué)邏輯的構(gòu)建原則,可以更快優(yōu)化設(shè)計(jì)思路。
PowerPoint 的頁(yè)面通常以文字和圖形類視覺(jué)元素為主,根據(jù)不同的用戶需求和頁(yè)面要求,視覺(jué)元素在排版數(shù)量上存在差異,但不論排版生成的頁(yè)數(shù)多少,每個(gè)演示文檔都應(yīng)當(dāng)先確定模板為整體的設(shè)計(jì)風(fēng)格掌舵。模板的設(shè)計(jì)應(yīng)當(dāng)緊扣演講內(nèi)容和主講人的風(fēng)格。通過(guò)增加模板中頁(yè)面細(xì)節(jié)的整體性是視覺(jué)邏輯構(gòu)建的基本原則之一。
表1:排版方式
表2:常用動(dòng)畫(huà)及頁(yè)面切換
目前各類素材網(wǎng)站上模板其整體性體現(xiàn)在固定修飾的組成部分,即導(dǎo)航、標(biāo)題、文本框、背景四大元素。導(dǎo)航條一般分為頂部導(dǎo)航條和側(cè)部導(dǎo)航條,是可以強(qiáng)化演示中內(nèi)容分層帶來(lái)的表達(dá)順序和邏輯順序;標(biāo)題欄的位置在頁(yè)面中一般為固定位置,對(duì)于同一層級(jí)的標(biāo)題,增加修飾能夠體現(xiàn)作者的用心,圖形化的應(yīng)用會(huì)讓畫(huà)面更加靈動(dòng),在視覺(jué)上起到分層提示的作用;文本框模板是指邊框色、粗細(xì)、陰影、裝飾等屬性貫穿全文基本保持一致;背景圖的選擇在一定程度上也奠定了演示的基調(diào),一般會(huì)選取相對(duì)穩(wěn)重的顏色或灰度與透明度結(jié)合的圖片。將這四個(gè)元素結(jié)合在一起會(huì)組成模板,整個(gè)演示文檔的展開(kāi)設(shè)計(jì)均在此基礎(chǔ)上完成。
在此基礎(chǔ)之上,在PowerPoint 一份演示文稿設(shè)計(jì)中,可以策劃某些具有代表性的元素,在整個(gè)作品中重復(fù)出現(xiàn),以減少頁(yè)面的拼湊感。重復(fù)出現(xiàn)的可能是邏輯內(nèi)容,也會(huì)是字體、色彩、形狀效果等視覺(jué)元素。演示文稿中文本框中的字體、字號(hào)整體一致即滿足字體的整體性;設(shè)定一個(gè)貫穿整個(gè)演示文稿的標(biāo)準(zhǔn)色即滿足了色彩的整體性;形狀效果的整體性即是陰影、映像、浮雕等效果屬性的統(tǒng)一。這些相同的元素,像一條繩子,將整套PowerPoint 的各個(gè)部分連接在一起,組成一套整體性的作品。
PowerPoint 的頁(yè)面通常以文字和圖形元素為主,當(dāng)頁(yè)面展示素材較多時(shí),雜亂無(wú)序的頁(yè)面會(huì)造成視覺(jué)邏輯的混亂。將內(nèi)容有關(guān)聯(lián)的多個(gè)元素組織為一個(gè)視覺(jué)單元進(jìn)行分組[3],將素材進(jìn)行分組有助于組織信息,減少混亂,提供清晰的結(jié)構(gòu),因此根據(jù)內(nèi)容進(jìn)行分組是頁(yè)面排版的首要考慮原則。
常用的視覺(jué)分組方式包括距離分組、色彩分組(圖2)。距離分組是將需要作為一個(gè)組的素材整體看作圖形,通過(guò)圖形距離調(diào)整起到分組隔離的效果,相關(guān)聯(lián)的一組圖文在視覺(jué)上應(yīng)當(dāng)相互靠近,組成一個(gè)視覺(jué)單元,物理位置的靠近顯得更具有“親密性”;色彩分組是利用色塊或色框進(jìn)行分組隔離的效果,浮于底色上方的素材會(huì)自動(dòng)形成一組,或位于色框內(nèi)的素材也會(huì)自動(dòng)形成分組,當(dāng)色塊或色框采用2 種以上色彩時(shí),也可以通過(guò)色彩區(qū)別進(jìn)行第二層分組。
在PowerPoint 中適度性即使用簡(jiǎn)單的元素表達(dá)出用戶想要的東西,主要應(yīng)用在字體、色彩、形狀效果這三類視覺(jué)元素中。
字體要選取與主題氣質(zhì)相符的,在一個(gè)演示文稿中過(guò)多使用不同的字體會(huì)在視覺(jué)上形成雜亂不統(tǒng)一的視覺(jué)效果,一般均不超過(guò)三種,同時(shí)字體要求易識(shí)別、易閱讀;對(duì)于需要特殊表示的文字材料,可以根據(jù)需求改變;同時(shí)也需要關(guān)注對(duì)字號(hào)的設(shè)定,一般較大的字號(hào)視覺(jué)邏輯層級(jí)性較高,會(huì)優(yōu)先吸引用戶的注意,不宜過(guò)多出現(xiàn),在關(guān)鍵頁(yè)面表示關(guān)鍵內(nèi)容即可。
在PowerPoint 設(shè)計(jì)中要把握正確配色的“三把刷子”,即數(shù)量刷、氣質(zhì)刷和易讀刷。數(shù)量刷指顏色要少,一般不超過(guò)三種,對(duì)色彩的使用要適度;氣質(zhì)刷指選擇符合行業(yè)氣質(zhì)的色彩;易讀刷是要確保文字內(nèi)容看得見(jiàn),看得清。在此基礎(chǔ)之上,再通過(guò)色彩的“點(diǎn)線面”進(jìn)行運(yùn)用,這樣既可以有效避免單調(diào)和乏味,又可在視覺(jué)上形成統(tǒng)一的效果。
給元素增加形狀效果可以增加元素的立體感,在視覺(jué)上生成前后的層次關(guān)系。形狀效果常用的包括陰影和映像。在常用的設(shè)置中,可以對(duì)同類元素疊加不同的形狀效果,但不宜對(duì)不同的元素設(shè)置不同的形狀效果。形狀效果并非越多越好,而是因需而設(shè)。
PowerPoint 從側(cè)面反映的是思考的能力,每一步動(dòng)畫(huà)是在引導(dǎo)用戶跟著作者進(jìn)行思維邏輯的展開(kāi),有利于把握展示節(jié)奏和交互反饋。在整個(gè)頁(yè)面中,動(dòng)畫(huà)的出現(xiàn)遵循一定的順序,根據(jù)常人的閱讀習(xí)慣和參考產(chǎn)品硬件界面設(shè)計(jì)中的界面邏輯,一般采用從左到右,從上至下,從中間發(fā)散的瀏覽順序。在某些以快閃為主題的演示中也會(huì)有其它跳躍性的動(dòng)畫(huà)順序,本原則主要應(yīng)用于常規(guī)的PowerPoint 設(shè)計(jì)。
PowerPoint 本身具有多樣性,很多使用者在“炫技心”的驅(qū)使下會(huì)忍不住給每個(gè)頁(yè)面設(shè)計(jì)過(guò)多的視覺(jué)素材,但有時(shí)反而會(huì)適得其反,除制作本身外,PowerPoint 更重要的是邏輯、創(chuàng)意、策劃與構(gòu)思。將視覺(jué)邏輯作為PowerPoint 的方法論對(duì)視覺(jué)設(shè)計(jì)進(jìn)行支撐,對(duì)六種視覺(jué)元素、四種構(gòu)建原則進(jìn)行分類分析有助于頁(yè)面整體邏輯性的表達(dá),視覺(jué)邏輯上的重要性會(huì)明顯提升用戶對(duì)整個(gè)項(xiàng)目的理解和感知,遵從視覺(jué)邏輯的原則會(huì)更好提高演示中的用戶體驗(yàn),起到事半功倍的效果。