吳昊
平衡頁面 引導閱讀
用線條來平衡頁面,引導觀眾的視線是高手愛用的操作。其實當一個頁面有一根粗粗的線條橫、豎在那里的時候,會特別顯眼,人們的注意力會自動轉移到那個區域當中,因此達到引導視線的效果。
示例的整個頁面看起來有些單薄,總感覺缺少點什么,所以在目錄下添加一根半透明的線條,頁面的上下部分就有了層次感,再為目錄下的文字內容添加線框,這樣下面的文本就有了平衡感(圖1)。右擊繪制好的線條選擇“設置形狀格式”,在右側選擇“填充與線條”下的“線條”,然后在“透明度”中就可以修改線條的透明度,讓其能隱隱看到后面的背景即可。
接下來的示例中,上下圖明顯的區別就是通過線條將頁面中的各部分連接起來了,并且線條添加了“擦除”動畫,動畫的方向是從左往右,再從上往下,從而實現了先致謝再展示個人信息,觀眾的視線也會跟隨著運動方向(圖2)。這樣做的好處就是,觀眾看到的不再是零散分布在頁面上的個體,而是一個整體。這里的線條是直接繪制了多根線段然后進行連接的,所以可以分別設置擦除動畫,動畫的“開始”方式是“在上一個動畫之后”,這樣就可以使線條動畫連續播放。
做時間軸 按序呈現
時間軸在很多作品中都有應用,有時還能用線條來制作流程圖。下圖所示的就是用線條來做時間軸的最好展示,前一個是按照時間介紹相應的內容,后一個是用線條注解不同書法字體的樣式。
如圖所示(圖3),其中的線條并不是用多根線段連接的,而是使用多邊形工具繪制的。切換到“插入”選項卡,單擊“形狀”下的“線條→任意多邊形”(圖4),然后在頁面上單擊確定第一個點,再移到需要的位置單擊確定第二個點,連續多次單擊后到最后一個位置,在最后的位置雙擊即可完成。繪制出的線條在右側“形狀選項”中可以進行顏色、寬度等修飾。繪制一個實心圓和空心圓,重疊在一起擺放在相應的位置,最后將所有的圖形組合起來,這樣一個時間軸就做出來了。除了時間軸,通常路徑也能用線條來實現。

圖3的下圖是一根曲線,單擊“形狀”下的“線條→曲線”,然后在頁面中連續單擊確定彎曲方向,如果彎曲不到位可以右擊選擇“編輯頂點”(圖5),可調節線條的彎曲度。要新增彎曲點,可以右擊線條選擇“添加頂點”,再選中該頂點選擇“平滑頂點”,這樣曲線的彎曲就平滑啦,最后將“線條”下的“復合類型”設置為“三線”。
匯聚視角 凸顯重點
當線條構成某種形狀時,會使人的視線集中,縮小視覺范圍。在沒有線條的局限時,我們的目光會由于頁面大面積的空白,而找不到合適的視覺焦點,很難集中注意力觀看文字簡介。加入線條之后,頁面的視覺范圍就縮小為線框部分的內容了,而文字則成為了我們的視覺焦點。
本節的示例中,上圖是通過線框將文字半圈起來,也將觀眾的視角從高樓大廈中吸引過去了;下圖中將用開放的環線將“尋找”兩個字凸顯出來,環形線的開放處進行延伸,引出后面的標題文字。這兩種看似簡單的線框,卻應用了不同的技法(圖6)。
上圖的制作方法:首先用一張圖片作為幻燈片背景,注意不是將圖片直接放在頁面中,而是在頁面中右擊選擇“設置背景格式”,在右側單擊“文件”選擇背景圖片進行設置;然后繪制一個矩形,邊框為白色,不填充顏色(圖7);制作兩個文本框,輸入文字并設置好樣式;再選中“慢下來,品味生活”文本框,右擊選擇“設置形狀格式”,選擇“形狀選項→填充”下的“幻燈片背景填充”,拖動文本會發現它的背景自動跟當前位置的背景圖片保持一致;最后調整文本框和矩形框的位置,此時文本框會自動截斷矩形框,讓其成為一個不封閉的線條。

下圖中的不封閉的環形線是通過漸變線實現的,先繪制一個圓形,然后將“線條”設置為“漸變線”(圖8),“方向”選擇“線性向右”,將“漸變光圈”下“停止點”的顏色都選擇“白色”,分別選中最后的兩個停止點,將“透明度”設置為“100%”,環形線就不再封閉,拖動中間的兩個停止點,可以調節環形開放區域的大小。這種繪制線條的方法是比較巧妙的,可應用于制作多種形狀的線條。
線框穿插 劃分空間
用不完全封閉的線框配合人物圖片進行排版,有時候可以適當做些穿插,營造空間感。近幾年這些技法非常流行,但是制作卻非常簡單。
本節示例就是人物和線框的穿插(圖9)。先繪制一個矩形框,然后將人物圖片放置在矩形之上,再繪制一根與框線一樣的線條,將其覆蓋在要遮擋人物的位置,這樣就能形成穿插效果,讓人物躍然紙上,有了立體感。
使用線條進行空間分隔,進而達成區域與界面的分與合,區域和區域的獨立。排版原則中有一條叫分組,而分組通常就是使用線框,有時通過添加線條,就可以實現劃分區域。
線條的劃分空間有兩種形式:一種是標題和內容;一種是內容和內容之間,就是空間劃分的最好體現(圖10),使用虛線和細斜線進行劃分的好處是不會喧賓奪主。
線條的作用概括起來就是區分、聚焦、引導和注解,一些作品中只用了線條進行簡單的修飾,卻給人一種清新雅致的美感,這可能就是設計中所謂的“大道至簡”。endprint