吳昊

平衡頁面 引導(dǎo)閱讀

用線條來平衡頁面，引導(dǎo)觀眾的視線是高手愛用的操作。其實當(dāng)一個頁面有一根粗粗的線條橫、豎在那里的時候，會特別顯眼，人們的注意力會自動轉(zhuǎn)移到那個區(qū)域當(dāng)中，因此達到引導(dǎo)視線的效果。

示例的整個頁面看起來有些單薄，總感覺缺少點什么，所以在目錄下添加一根半透明的線條，頁面的上下部分就有了層次感，再為目錄下的文字內(nèi)容添加線框，這樣下面的文本就有了平衡感（圖1）。右擊繪制好的線條選擇“設(shè)置形狀格式”，在右側(cè)選擇“填充與線條”下的“線條”，然后在“透明度”中就可以修改線條的透明度，讓其能隱隱看到后面的背景即可。

接下來的示例中，上下圖明顯的區(qū)別就是通過線條將頁面中的各部分連接起來了，并且線條添加了“擦除”動畫，動畫的方向是從左往右，再從上往下，從而實現(xiàn)了先致謝再展示個人信息，觀眾的視線也會跟隨著運動方向（圖2）。這樣做的好處就是，觀眾看到的不再是零散分布在頁面上的個體，而是一個整體。這里的線條是直接繪制了多根線段然后進行連接的，所以可以分別設(shè)置擦除動畫，動畫的“開始”方式是“在上一個動畫之后”，這樣就可以使線條動畫連續(xù)播放。

做時間軸 按序呈現(xiàn)

時間軸在很多作品中都有應(yīng)用，有時還能用線條來制作流程圖。下圖所示的就是用線條來做時間軸的最好展示，前一個是按照時間介紹相應(yīng)的內(nèi)容，后一個是用線條注解不同書法字體的樣式。

如圖所示（圖3），其中的線條并不是用多根線段連接的，而是使用多邊形工具繪制的。切換到“插入”選項卡，單擊“形狀”下的“線條→任意多邊形”（圖4），然后在頁面上單擊確定第一個點，再移到需要的位置單擊確定第二個點，連續(xù)多次單擊后到最后一個位置，在最后的位置雙擊即可完成。繪制出的線條在右側(cè)“形狀選項”中可以進行顏色、寬度等修飾。繪制一個實心圓和空心圓，重疊在一起擺放在相應(yīng)的位置，最后將所有的圖形組合起來，這樣一個時間軸就做出來了。除了時間軸，通常路徑也能用線條來實現(xiàn)。

圖3的下圖是一根曲線，單擊“形狀”下的“線條→曲線”，然后在頁面中連續(xù)單擊確定彎曲方向，如果彎曲不到位可以右擊選擇“編輯頂點”（圖5），可調(diào)節(jié)線條的彎曲度。要新增彎曲點，可以右擊線條選擇“添加頂點”，再選中該頂點選擇“平滑頂點”，這樣曲線的彎曲就平滑啦，最后將“線條”下的“復(fù)合類型”設(shè)置為“三線”。

匯聚視角 凸顯重點

當(dāng)線條構(gòu)成某種形狀時，會使人的視線集中，縮小視覺范圍。在沒有線條的局限時，我們的目光會由于頁面大面積的空白，而找不到合適的視覺焦點，很難集中注意力觀看文字簡介。加入線條之后，頁面的視覺范圍就縮小為線框部分的內(nèi)容了，而文字則成為了我們的視覺焦點。

本節(jié)的示例中，上圖是通過線框?qū)⑽淖职肴ζ饋?，也將觀眾的視角從高樓大廈中吸引過去了；下圖中將用開放的環(huán)線將“尋找”兩個字凸顯出來，環(huán)形線的開放處進行延伸，引出后面的標(biāo)題文字。這兩種看似簡單的線框，卻應(yīng)用了不同的技法（圖6）。

上圖的制作方法：首先用一張圖片作為幻燈片背景，注意不是將圖片直接放在頁面中，而是在頁面中右擊選擇“設(shè)置背景格式”，在右側(cè)單擊“文件”選擇背景圖片進行設(shè)置；然后繪制一個矩形，邊框為白色，不填充顏色（圖7）；制作兩個文本框，輸入文字并設(shè)置好樣式；再選中“慢下來，品味生活”文本框，右擊選擇“設(shè)置形狀格式”，選擇“形狀選項→填充”下的“幻燈片背景填充”，拖動文本會發(fā)現(xiàn)它的背景自動跟當(dāng)前位置的背景圖片保持一致；最后調(diào)整文本框和矩形框的位置，此時文本框會自動截斷矩形框，讓其成為一個不封閉的線條。

下圖中的不封閉的環(huán)形線是通過漸變線實現(xiàn)的，先繪制一個圓形，然后將“線條”設(shè)置為“漸變線”（圖8），“方向”選擇“線性向右”，將“漸變光圈”下“停止點”的顏色都選擇“白色”，分別選中最后的兩個停止點，將“透明度”設(shè)置為“100%”，環(huán)形線就不再封閉，拖動中間的兩個停止點，可以調(diào)節(jié)環(huán)形開放區(qū)域的大小。這種繪制線條的方法是比較巧妙的，可應(yīng)用于制作多種形狀的線條。

線框穿插 劃分空間

用不完全封閉的線框配合人物圖片進行排版，有時候可以適當(dāng)做些穿插，營造空間感。近幾年這些技法非常流行，但是制作卻非常簡單。

本節(jié)示例就是人物和線框的穿插（圖9）。先繪制一個矩形框，然后將人物圖片放置在矩形之上，再繪制一根與框線一樣的線條，將其覆蓋在要遮擋人物的位置，這樣就能形成穿插效果，讓人物躍然紙上，有了立體感。

使用線條進行空間分隔，進而達成區(qū)域與界面的分與合，區(qū)域和區(qū)域的獨立。排版原則中有一條叫分組，而分組通常就是使用線框，有時通過添加線條，就可以實現(xiàn)劃分區(qū)域。

線條的劃分空間有兩種形式：一種是標(biāo)題和內(nèi)容；一種是內(nèi)容和內(nèi)容之間，就是空間劃分的最好體現(xiàn)（圖10），使用虛線和細斜線進行劃分的好處是不會喧賓奪主。

線條的作用概括起來就是區(qū)分、聚焦、引導(dǎo)和注解，一些作品中只用了線條進行簡單的修飾，卻給人一種清新雅致的美感，這可能就是設(shè)計中所謂的“大道至簡”。endprint