標籤:

幻燈片中的佔位邏輯

本欄第七篇文字

該篇文字說的是佔位邏輯,這裡主要涉及母版佔位符SmartArt佔位幾何形狀的圖形填充佔位

佔位即PlaceHolder,從字面就可以看出這是一種頁面排版的預置狀態。

其中前兩種佔位方式朋友們比較熟悉,使用母版佔位符實現文字圖片的填充和使用SmartArt實現敘述的邏輯圖文結構。這篇文字深入一點說明來說一說佔位邏輯。

1 母版佔位符

母版中的佔位符主要包括六種:文本,圖片,圖表,表格,多媒體,SmartArt。

1.1 文本佔位符

文本佔位符的作用更趨向於提示文字、然後按照提示文字信息填充對應的文本內容。這個屬性類似於編程中Text文本框的提示屬性:Hint。

下圖中右側部分就是常用應用中,文本佔位的使用示例。在幻燈片之中,文本作為信息傳達的基礎媒介,文本佔位符的應用場景較多。

1.2 圖片佔位符

圖片文件路徑選擇,選中之後就把文件拷貝到幻燈片文件夾下,之後顯示在圖片佔位符預留圖層上。使用圖片佔位符的好處就是通過預留位置、預圖像處理實現基礎的顯示,並且可重複替換圖像。

母版中的圖片佔位符在圖像處理,保持文件的長寬比例進行居中裁剪處理,這樣能夠保證圖片的填充效果。同時,這種固定在代碼中的處理方式,對於需要處理、裁剪圖片的細節部分,使用圖片佔位符就不是一個很好的方式了,這時候使用布爾運算或者裁剪功能。

關於其他幾種佔位符,它們更趨於一種功能的快捷方式,這裡就不詳述了。

1.3 示例說明

在母版之中,選擇佔位符之後,進行排版布局,之後關閉母版視圖。這時候對任何一個空白的頁面,右鍵-版式,選擇一個合適的版面設計插入設置。

以下是幾個關於圖片排版的幾種格式,左側為母版中涉及到的文本、圖片佔位符,右側是選擇該版式載入圖片顯示的幻燈片頁面。

除了二維平面之外,文本、圖片佔位符也支持三維格式的結構。關於三維具體的設置參數說明,參考第六篇文字:幻燈片中的點線面體之「體」

2 SmartArt佔位說明

SmartArt是文字和圖片的邏輯結構,主要使用的是文字和圖片佔位,通過關係結構將內容體現出來。SmartArt所用到的圖片佔位邏輯和幻燈片母版中的圖片佔位符所用的邏輯有所不同,文章後面會進行比較說明。

2.1 SmartArt圖片排版

SmartArt圖片排版這種方式,在許多介紹圖片排版之中的文章中都會提及,原因就在於其本身圖片佔位的圖片選擇和便捷排版。比如這樣:

2.2 SmartArt圖片佔位使用

2.1中講到了使用這種格式進行排版,怎麼樣提取單一的圖片佔位呢,那就看下面幾張圖操作步驟:

step 1:選擇SmartArt中如下圖的這個版式,為什麼是這個版式:很簡單操作處理成一個圖片佔位

step 2:如下圖生成上一步選擇的版式,我們只需要一個佔位。將滑鼠游標放在左側文本鍵入區域,在文本輸入中使用Backspace鍵即可刪減該佔位項。

step 3:按照step 2 中的方式,將此SmartArt處理成如下圖所示的版式即可。有朋友會問,那個文本佔位一直顯示在圖片佔位之上怎麼辦,辦法就是在左側文本鍵入區域隨便輸入文字,然後刪除鍵入文字,之後文本佔位就為空白。

step 4:將剩餘的那個圖片佔位填充整個SmartArt的外側邊框區域,這時候可以更改形狀將其改變成其他形狀。

屆時就已經得到單一的圖片佔位符了,用於何處:重複替換圖片的頁面排版中。

選擇圖片,然後在此圖片佔位中顯示圖片。

3 母版圖片佔位符和SmartArt圖片佔位區別

3.1 母版圖片佔位參數

下圖使用的是母版中的圖片佔位符,載入完圖片之後,查看其圖片格式,填充功能項中的6個功能項均不能對其設置改變。

3.2 SmartArt圖片佔位參數

下圖使用的是SmartArt圖片佔位載入生成的圖片,查看其圖片格式屬性,能夠看出:其圖片載入功能是通過圖片或紋理填充功能實現,也就是說可以通過二次改變其參數屬性實現圖片佔位的變化多樣。

比較上述兩個佔位功能,可以看出:在不需要對圖片進行二次細節處理使用場景之下,在母版之中使用圖片佔位符這種圖像載入方式更符合母版的一次製作多次運用。但是牽扯到對圖形的細節處理(如位置、縮放大小),這時候通過SmartArt佔位更加多變靈活性。

對於兩種方式來說,它們共同的好處就是可以重複替換圖片,避免了每次插入圖片進行剪除的繁瑣操作,尤其是多張圖片的處理,圖片佔位功能的優點就會大大體現。

4 基本幾何形狀填充佔位

在第3節文字中提及,SmartArt所使用的圖片佔位是基於圖片或紋理填充功能,因此就以基本幾何圖形作為佔位媒介。

下圖是幾何形狀的形狀格式屬性,這裡關於圖片佔位僅僅使用圖片或紋理填充此功能。下面內容比較有意思

如果幾何圖形的比例和載入圖像的比例不一致,通過這種方式載入就會出現圖片變形拉伸等問題,這肯定不是想看到的。

可以看到邊框標記:將圖片平鋪為紋理,這個功能就是保持圖形的長寬比例,如果該張圖片不能夠填充此幾何形狀,將會以多張圖片規則拼接的形式填充這個幾何形狀。

下面是勾選此功能之後圖片的顯示。可以看出,圖片沒有出現變形等問題,但是圖片本身體積較大,其長寬數值較大,因此顯示在幾何形狀中不能夠展現更多的圖片元素,並且不能夠顯示想要顯示的圖片位置區域,怎麼解決這個問題,接著往下看。

下面最右的幾張圖片是上述所提及那幾個問題的處理結果,怎麼實現這樣的顯示效果,通過改變以下參數:偏移量、縮放比例、對齊方式。其中縮放比例,xy要保持一致,這樣才能夠保證載入圖片的長寬比例。

小結:可以看出,使用幾何形狀的填充佔位邏輯和SmartArt的處理方式一樣,幾何形狀的這種方式提供了更多的修改空間,因此如果兩者在圖片排版的優先順序上,選擇幾何形狀會更加高效。

5 如何有意思的使用

除了母版中通過佔位符實現快捷的版式排布,SmartArt的圖片佔位實現簡易的圖片排版之外,可以使用這些佔位實現一些更有意思的圖片動態演示。下面的示例使用幾何形狀的填充佔位,這樣的好處就是,這裡把一些基本的動畫設計完畢,然後每次使用只需要更改需要的圖片即可。

5.1 圖片的瀑布流

在網頁圖片載入或者應用圖片載入過程中,為了兼容性能和交互,圖片的瀑布流載入顯示方式較為常見。每一張圖片作為一個單獨的個體,滾動的展現方式,在圖片展示中效果較佳。

下面是一個來源於網路的示例圖片,想必許多人都有接觸過。

具體的實現:用幾何形狀排版好位置之後,通過路徑、淡入兩種動畫實現其動態顯示。每個幾何形狀均使用圖片填充、替換。

它的應用場景可以作為圖片動畫展示,或者開場展示。比如說:羅子雄大神在TEDx Chongqing上的開場圖片動態展示

第七篇文字到這結束

源文件 佔位邏輯說明

推薦閱讀:

鎚子科技2017堅果Pro發布會素材整理
為什麼你做的PPT都那麼膚淺?
如何對圖片排版,才能讓PPT頁面能夠更加美觀?
太可怕了,我可能用了假的美圖秀秀。
Triangulator:簡單幾步輕鬆打造Lowpoly效果。

TAG:PPT | PPT设计 |