線條在PPT頁(yè)面設(shè)計(jì)中的應(yīng)用技巧與原則

鐘子喆, 韋 軍, 朱鳳印

(吉林大學(xué) 教育技術(shù)中心, 吉林 長(zhǎng)春 130012)

通信作者:韋軍(1971—)男,陜西西安,碩士,高級(jí)工程師,研究方向?yàn)榻逃夹g(shù).

線條在PPT頁(yè)面設(shè)計(jì)中的應(yīng)用技巧與原則

鐘子喆, 韋 軍, 朱鳳印

(吉林大學(xué) 教育技術(shù)中心, 吉林 長(zhǎng)春 130012)

介紹了線條的分類和在PPT版式中的作用,通過(guò)實(shí)例闡述了線條在PPT扁平化設(shè)計(jì)中的使用方法和技巧,從而能讓PPT展示出更豐富的個(gè)性和表現(xiàn)力。該方法可應(yīng)用于實(shí)際工作,供同行參考。

PPT; 線條; 頁(yè)面設(shè)計(jì)

扁平化設(shè)計(jì)(flat design)又稱“零 3D 屬性的設(shè)計(jì)”,是相對(duì)于“擬物化”的一種設(shè)計(jì)理念[1]。它是一種新的界面設(shè)計(jì)風(fēng)格,相比擬物化設(shè)計(jì),它放棄了立體裝飾效果,去除了陰影、漸變、透視等界面設(shè)計(jì)元素,崇尚簡(jiǎn)潔、平面化的呈現(xiàn)方式[2]。扁平化設(shè)計(jì)與信息的表達(dá)聯(lián)系在一起時(shí),又派生更深一層的效果——信息的內(nèi)在邏輯進(jìn)一步增強(qiáng),人們能從同一平面上更輕易、更多地獲取信息以適應(yīng)信息時(shí)代的信息需求[3]。

線作為最基礎(chǔ)的設(shè)計(jì)元素,它是一種單純且有概括的構(gòu)圖元素,同時(shí)它又是一種語(yǔ)言。無(wú)論是直線還是曲線或斜線都有著不同的屬性,因?yàn)樾螒B(tài)和方向的不同,從而使觀眾產(chǎn)生不同的視覺(jué)感受和不同的感情[4]。線的輕、重、緩、急、粗、細(xì)、剛、柔、曲、直,既能表現(xiàn)物象的形,又不被物相所拘泥,有著極大的寬容度和自由度[5]。線的表現(xiàn)力是無(wú)限的,因?yàn)榫€本身就具有無(wú)窮的變化性,也給PPT版式設(shè)計(jì)帶來(lái)了無(wú)限的發(fā)揮空間。

1 線的分類

在各類設(shè)計(jì)中,線不僅起到分區(qū)作用,而且也起著強(qiáng)化、引導(dǎo)和指示內(nèi)容的作用。線可粗可細(xì)、可緊可松、可曲可直、可長(zhǎng)可短,每一種線條都有它獨(dú)特的性格和獨(dú)特的情感[6]。線的韻律和節(jié)奏復(fù)雜、交疊,能給人帶來(lái)強(qiáng)烈的視覺(jué)沖擊[6]。常用線條來(lái)引導(dǎo)讀者的視線。

另外,線的長(zhǎng)短、曲直、方向、虛實(shí)、粗細(xì)以及位置的不同和變化,都會(huì)產(chǎn)生不同的視覺(jué)語(yǔ)言[7]。它不僅僅具有感情的因素,也具有流動(dòng)性、方向性、遠(yuǎn)近感,以及延續(xù)性。各種不同線條的排列也使畫面空間產(chǎn)生深度和廣度[6]。但是在版式設(shè)計(jì)中也不能過(guò)多地使用線條,過(guò)多的線條會(huì)造成版面零亂,并且在同一頁(yè)面或版式內(nèi)線條也不應(yīng)該有太多的樣式和太大的變化。本文將線條的種類及給人的直觀感受進(jìn)行了分類和總結(jié)，結(jié)果見(jiàn)表1。

2 線條在PPT版式中的作用

線條在PPT版式設(shè)計(jì)中的作用:裝飾頁(yè)面和元素、連接頁(yè)面元素、分割頁(yè)面和平衡作用。在版面設(shè)計(jì)中,常用線條的粗細(xì)體現(xiàn)不同區(qū)分度,同一線條的粗細(xì)還起到了調(diào)節(jié)視覺(jué)重心的作用[8]，同時(shí)起到美化版面的作用,另外,虛線和實(shí)線一起使用會(huì)有一種單板中的變化,整個(gè)版面比較柔和不呆板。

表1 線條類型及給人的心理感受

2.1 裝飾頁(yè)面和元素作用

圖1的版式中,右左側(cè)兩邊的線條很好地起到了修飾效果。如果沒(méi)有兩邊的線條,整個(gè)頁(yè)面會(huì)顯得空曠[8]。 對(duì)于PPT中的圖片元素,運(yùn)用線條可對(duì)其進(jìn)行各種形式的變化,如圖2所示,一張普通的圖片,經(jīng)過(guò)加入各種線條不同變化后,圖片有了更多的情趣。

2.2連接作用

PPT版式中元素之間是存在關(guān)系的,往往需要通過(guò)線條在元素之間搭建聯(lián)系。比如在組織結(jié)構(gòu)圖、企

圖1 線條在版式中的修飾作用

圖2 利用線條對(duì)PPT中的元素進(jìn)行修飾的效果

業(yè)發(fā)展歷程中特別常見(jiàn)[8]。組織結(jié)構(gòu)圖中的線條在不同職位之間,建立了一種上下級(jí)和并列的關(guān)系；在PPT制作過(guò)程中,為了體現(xiàn)條理和進(jìn)程,經(jīng)常會(huì)在一些流程圖中會(huì)使用到線條,如圖3所示,通過(guò)線條在內(nèi)容之間建立一種聯(lián)系。

圖3 利用線條在流程圖中對(duì)內(nèi)容之間建立聯(lián)系的效果

2.3 指向作用

在PPT制作過(guò)程中,往往會(huì)用時(shí)間軸來(lái)表現(xiàn)某一事件、某一階段工作的發(fā)展過(guò)程和完成情況,如圖4所示,線條如果應(yīng)用于時(shí)間軸中,就起到了事件前后指向和連接的作用。

2.4 分割作用

PPT在排版時(shí)有一個(gè)原則叫分組,而分組的關(guān)鍵就是線條。線條的分割功能又分為兩種,一種是標(biāo)題和內(nèi)容之間用線條進(jìn)行分割；另一種是內(nèi)容和內(nèi)容之間用線條進(jìn)行分割[8]。版式編輯還能賦予線條藝術(shù)的

圖4 線條對(duì)事件前后指向和連接的效果

靈性,使其不再只是簡(jiǎn)單的線,而成為一種藝術(shù)樣式。因?yàn)榫€條的造型本身就能對(duì)版面起裝飾作用。比如線的粗細(xì)、疏密安排能產(chǎn)生空間感、節(jié)奏感,而在字符、圖像間適當(dāng)穿插線條,能使版面因變化而活潑靈動(dòng),這些都可以使版面產(chǎn)生更強(qiáng)的審美效果[9]。另外,線條的粗細(xì)變化、顏色的對(duì)比、虛線與實(shí)線的有機(jī)結(jié)合與搭配,都會(huì)產(chǎn)生不同的形態(tài)和風(fēng)格,使人產(chǎn)生更多的聯(lián)想，也使整個(gè)版面達(dá)到一種協(xié)調(diào)和統(tǒng)一的效果。

2.5 劃分區(qū)域

分隔線可以把各區(qū)域明顯的分割開(kāi)來(lái)。具體地說(shuō),使用曲線分割版面,會(huì)形成一定的韻律感,如圖5左圖所示,利用垂直線條進(jìn)行裝飾,使整個(gè)頁(yè)面給人以清晰、明確、平靜和安靜感；圖5右圖頁(yè)面中的曲線,把整個(gè)板塊分割成了主副兩個(gè)部分,版式左側(cè)主要部分采用直線分割,這種直線同曲線相配合,達(dá)到了動(dòng)中取靜的作用,產(chǎn)生了韻律變化,使人心情愉悅。

圖5 用線條進(jìn)行分割分組的效果

3 水墨線條應(yīng)用于PPT版式設(shè)計(jì)

水墨線條與其他元素的有機(jī)結(jié)合,成為一種新穎的語(yǔ)言,展示出更為豐富的個(gè)性和表現(xiàn)力,并散發(fā)出獨(dú)特的、具有很強(qiáng)的感染力。國(guó)畫中的水墨線條不是簡(jiǎn)單意義上的造型方法,也不是簡(jiǎn)單的轉(zhuǎn)折、頓挫、濃、淡、干、濕,而是具有生命力和穿透力、能夠傳達(dá)作者的內(nèi)在性格和心理特征的具有深厚文化氣質(zhì)的表達(dá)[10]。利用水墨線條能營(yíng)造出獨(dú)特的中國(guó)風(fēng)藝術(shù)效果,傳達(dá)出豐富的信息,營(yíng)造出更具表現(xiàn)力的畫面,也很容易與觀眾形成共鳴。

4 結(jié)語(yǔ)

點(diǎn)線面是設(shè)計(jì)中最基本的構(gòu)成元素,同時(shí)也是所有設(shè)計(jì)永恒的主題形式[7]。在信息碎片化被廣泛質(zhì)疑卻又客觀存在的今天,全新的扁平化PPT版式設(shè)計(jì)風(fēng)格能有效地梳理、展示頁(yè)面上的每一塊碎片信息。相信這將成為界面設(shè)計(jì)的主流風(fēng)格,把點(diǎn)線面這些元素有機(jī)地結(jié)合、合理地搭配,充分用于PPT版式設(shè)計(jì)之中。

References)

[1] 陸原.淺談界面設(shè)計(jì)中的“扁平化”現(xiàn)象[J].南京藝術(shù)學(xué)院學(xué)報(bào)(美術(shù)與設(shè)計(jì)版),2014(6):213-214.

[2] 張貝,方衛(wèi)寧.扁平化風(fēng)格界面設(shè)計(jì)的探討[C]//2013國(guó)際工業(yè)設(shè)計(jì)研討會(huì)暨第十八屆全國(guó)工業(yè)設(shè)計(jì)學(xué)術(shù)年會(huì)論文集.沈陽(yáng),2013.

[3] 果因PPT工作室.淺談PowerPoint幻燈片的扁平化設(shè)計(jì)[EB/OL].(2013-06-23). http://blog.sina.com.cn/s/blog_8d1abbda0101dnik.html.

[4] 平面設(shè)計(jì)中韻律線的作用有哪些[EB/OL].[2017-03-08].http://www.qingxinedu.cn/pmsj/2228.html.

[5] 王靜.悠然靜舞:淺析水墨線條在平面設(shè)計(jì)中的應(yīng)用[J].今傳媒,2011(8):105.

[6] 曾倩云,李娜,沈小偉.淺析線在平面設(shè)計(jì)中的應(yīng)用[J].藝術(shù)設(shè)計(jì)大觀,2015(3):68.

[7] 陳經(jīng)毅.研究基礎(chǔ)要素的廣告設(shè)計(jì)觀[J].金田,2013(7):143.

[8] 程利健.線條,讓你的PPT更出色[EB/OL].[2017-02-12].https://zhuanlan.zhihu.com/p/25134889.

[9] 羅華琛.淺析字符和線條在版面編排中的創(chuàng)新運(yùn)用[J].湖南大眾傳媒職業(yè)技術(shù)學(xué)院學(xué)報(bào),2014(5):55-58.

[10] 魏永和.線條在PowerPoint版面設(shè)計(jì)中的使用[J].辦公自動(dòng)化(綜合版),2011(11):46.

Application techniques and principles of line in PPT page design

Zhong Zizhe, Wei Jun, Zhu Fengyin

(Educational Technology Center, Jilin University, Changchun 130012,China)

Line classification and its function in the PPT format are introduced. Through examples, this paper expounds upon the methods and skills of the line used in PPT flat design, which can make the PPT show the richer personality and expressive power. This method can be applied to practical work for peer reference.

PPT; line; page design

TP317.4

: B

: 1002-4956(2017)09-0069-03

2017-03-21修改日期:2017-05-16

鐘子喆 (1969—),男,吉林長(zhǎng)春,碩士,工程師,主要研究方向?yàn)榻逃夹g(shù)

E-mail:zhongzizhe@126.com

E-mail:wxb625@163.com

10.16791/j.cnki.sjg.2017.09.018