吳昊
平衡頁面 引導(dǎo)閱讀
用線條來平衡頁面,引導(dǎo)觀眾的視線是高手愛用的操作。其實當(dāng)一個頁面有一根粗粗的線條橫、豎在那里的時候,會特別顯眼,人們的注意力會自動轉(zhuǎn)移到那個區(qū)域當(dāng)中,因此達(dá)到引導(dǎo)視線的效果。
示例的整個頁面看起來有些單薄,總感覺缺少點(diǎn)什么,所以在目錄下添加一根半透明的線條,頁面的上下部分就有了層次感,再為目錄下的文字內(nèi)容添加線框,這樣下面的文本就有了平衡感(圖1)。右擊繪制好的線條選擇“設(shè)置形狀格式”,在右側(cè)選擇“填充與線條”下的“線條”,然后在“透明度”中就可以修改線條的透明度,讓其能隱隱看到后面的背景即可。
接下來的示例中,上下圖明顯的區(qū)別就是通過線條將頁面中的各部分連接起來了,并且線條添加了“擦除”動畫,動畫的方向是從左往右,再從上往下,從而實現(xiàn)了先致謝再展示個人信息,觀眾的視線也會跟隨著運(yùn)動方向(圖2)。這樣做的好處就是,觀眾看到的不再是零散分布在頁面上的個體,而是一個整體。這里的線條是直接繪制了多根線段然后進(jìn)行連接的,所以可以分別設(shè)置擦除動畫,動畫的“開始”方式是“在上一個動畫之后”,這樣就可以使線條動畫連續(xù)播放。
做時間軸 按序呈現(xiàn)
時間軸在很多作品中都有應(yīng)用,有時還能用線條來制作流程圖。下圖所示的就是用線條來做時間軸的最好展示,前一個是按照時間介紹相應(yīng)的內(nèi)容,后一個是用線條注解不同書法字體的樣式。……