郭豪佳

關鍵詞：工業(yè)設計;創(chuàng)意展示;版式設計;原則

工業(yè)設計創(chuàng)意展示中的版式與其它平面版式相比，有它自身的特殊性，主要集中表現(xiàn)在以下幾個方面。第一，展示內容中圖片內容較多而文字內容較少;第二，展示目的在于全面表現(xiàn)主體產品信息;第三，展示方式通常是需要大畫幅印刷張貼[1]?；谒奶厥庑?，如何讓版式中的圖片和文字二者合理并巧妙的組合，讓產品信息表達更為高效，讓讀者更有興趣進行觀看成為設計的關鍵點，因此文章圍繞其設計原則展開研究，希望能為相關設計提供一定的思路。

1 平衡原則

平衡原則的關鍵在于構圖法的運用，這里介紹一種非常適合工業(yè)設計創(chuàng)意展示的構圖方法――三分構圖法，又稱“井”字構圖法，這是在攝影、繪畫、設計等領域常用的一種構圖方法。運用三分法構圖不僅能突出版面的重點，還能通過“井”字構圖輕易找到畫面的平衡點，使畫面更加和諧。首先設計師需要將大版面合理切分成若干個小版面，然后對各個小版面用兩條豎線和兩條橫線分割，如同書寫漢字的“井”字一樣，這樣就可以得到四個交叉點，然后將需要表現(xiàn)的重要信息放置在四個交叉點中的一個或幾個上面，此外視覺重心也應該盡量靠近交叉點處（見圖1）。

根據(jù)三分法排布文字和圖形可以形成以下幾種類型：左右排布、上下排布、中央排布、對角線排布。左右排步即左字右圖或左圖右字，將文字和主圖分別放在由三分法確立的平衡點附近，這樣的排列可以使讀者產生從右到左或者從左到右的視覺順序，通常用在主標題和主效果圖之間的構圖上。上下排布是指將文字排布在圖形的上方或下方，通常用在細節(jié)圖、流程圖以及對應的注釋性文字之間的排布。中央排布即文字圍繞著圖形呈環(huán)形排布，一般用在爆炸圖、情景圖、三視圖和對應注釋性文字之間的排布。對角線排布則是通常用在各個小版面之間的排列組合上，如上一版塊的視覺重心在右側，與它相鄰的下一版塊的視覺重心就應安排在左側，這樣排布下來的版面就會形成一個或若干個類似于“Z”字形的折線視覺路線，使畫面達到一定的平衡感（見圖2）。平衡原則的巧妙運用能夠增加畫面的穩(wěn)定感，同時又能打破對稱模式下的呆板感。

2 分階原則

分階原則是指工業(yè)設計創(chuàng)意展示中的圖片和文字在版式排布上要根據(jù)重要程度分開層次。工業(yè)設計創(chuàng)意展示中圖片內容主要包括主效果圖、情景圖、爆炸圖、細節(jié)圖、手繪圖、配色方案、三視圖等，這就要求設計師在排版的時候需按照分階原則將主效果圖放到最大，情景圖次之，依次類推，重要程度相近的圖可以面積占比相似但切記不要顛倒。跟圖片內容類似，文字內容的主次關系也要明確，按照重要程度依次排列為主標題、副標題、輔助性英文標題、小標題、注釋性文字、正文等。此外，工業(yè)設計創(chuàng)意展示中文字內容的分階原則還體現(xiàn)在字號、顏色、字體選擇和段落分配上。字號一定是按照上述文字類型排列順序由大到小調整，文字宜小不宜大，過大則“蠢”。筆畫的粗細和顏色的明暗選擇也要在同等大小的字體中拉開層次，字體顏色的選擇不宜太多，同階文字內容用相同的顏色，通常正文部分以黑色為主，標題部分可以使用顏色。字體選擇也不宜太多，要選擇跟主題產品相吻合的字體，例如筆畫較粗的字體，可以表現(xiàn)出硬朗粗獷、力量權威之感，符合男性相關產品的表達;筆畫較細的字體可以表達柔美秀氣、靈動飄逸之感，適合女性相關產品的表達;書法字體和有襯線字體較為適合文化創(chuàng)意類產品的表達;手寫字體和卡通字體可以傳達一種輕松自在的親和力，通常用在兒童產品創(chuàng)意展示的版式中。但這里要強調的一點是，由于工業(yè)設計創(chuàng)意主要是通過印刷進行展示，為了更好地識讀和傳播，盡量少用或慎用筆畫較細的字體。設計說明等段落性的文字內容一般較多，此時就需要分段和必要的留白，字間距、行間距均要方便閱讀，要透氣，即有“層次感”。分階原則的合理運用能突出關鍵信息，弱化次要信息，還能強調元素的差異性，增強版式的韻律美，能幫助讀者梳理視覺動線，讓信息傳達更為高效[2-4]。

3 對齊原則

對齊是指工業(yè)設計創(chuàng)意展示中的圖片和文字要排列整齊。對齊原則強調一種“秩序感”，有研究表明讀者在閱讀版面時潛意識里總在尋找一條看不到的直線，包括橫線或者豎線，把凌亂的內容對齊線條，“混亂感”隨之消失（見圖3）。如流程圖、細節(jié)圖等圖片元素較多，這就需要上下左右對齊，同類型的圖片要盡量通過切分、加底色、加邊框等手段做到大小統(tǒng)一，各版塊之間也要盡量找尋一定的對齊關系，包括橫向和縱向上的對齊。

版式中文字部分編排用到的對齊方式一般有四種，即兩端對齊、居左對齊、居右對齊、居中對齊，而工業(yè)設計創(chuàng)意展示的版式中最常用到的是兩端對齊和居左對齊，如分析類文字和說明類文字這樣一般具有大段內容的文字最好使用兩端對齊，這樣能減少“混亂感”。但由于各行文字中標點的個數(shù)存在差異，完全意義上的兩端對齊比較難做到，這就需要設計師通過微調個別行的字間距來基本實現(xiàn)段落左右兩端的對齊。較少字數(shù)的例如注釋類文字一般選用居左對齊，左對齊之后讀者的目光就會聚集到左邊這條無形的直線上，方便讀者在換行閱讀時找到每行的起始部分，符合用戶從左到右的閱讀習慣，但也會存在右側留白過多，導致視覺失衡的問題，這時可以用其它元素進行填補，或者用多列的文字段落來填補視覺差。居中對齊通常運用在字數(shù)較少的標題和副標題中，一般有“兩短一長”“兩長一短”“金字塔形”幾種類型，即通過設計師的合理安排，讓每行字體的字數(shù)拉開層次，增加節(jié)奏的變化，從而增加設計感。右對齊的編排方式每一行起始部分都不規(guī)則，這一點會干擾讀者在閱讀時的流暢性，但運用得好這種對齊方式也會顯得比較有個性，所以使用的頻率不會太高，更多時候是用來填補視覺上的平衡。在各元素都對齊之后，縱觀整個版式的負空間就會變得很規(guī)整，所謂負空間就是除去主體信息留下的區(qū)域即留白部分，負空間越規(guī)整，代表主體的對齊關系就越嚴謹，隨之對齊原則運用的也就越合理。對齊原則的合理運用有助于展示版面的秩序美，從而充分體現(xiàn)工業(yè)設計創(chuàng)意展示的科學性與條理性[5]。

4 親密原則

親密是指在工業(yè)設計創(chuàng)意展示中將有關聯(lián)的元素歸類并緊密排列在一起，同時與無關聯(lián)元素或關聯(lián)性較小的元素拉開距離。這一原則的關鍵在于間距的運用和把控，關系越近的內容，在視覺上就應該越靠近，反之，關系越疏遠的內容，在視覺上就應該越遠離。這樣一來，有關系的部分將會被看成一個組合，而不是零散的個體，也會給讀者明確的提示，從而快速掌握版面的內容分布。圖片元素的排列相對簡單，只需把同類元素緊密排列，不同類別元素區(qū)分開來即可，這里不多贅述。文字內容以及圖文結合內容通常是親密原則使用的重頭戲，工業(yè)設計創(chuàng)意展示中的版式涉及到的間距類型有字間距、行間距、段間距、組間距，組間距即圖片與圖片、圖片與文字、文字與文字形成的各組別之間的間距，設計師在排版中要把握組間距大于段間距，段間距大于行間距，行間距大于字間距，距離的對比要足夠的強烈，信息的關聯(lián)性才能被讀者清晰地感知。除了通過間距的控制實現(xiàn)元素親密關系的劃分外，還可以通過輔助元素的增加把相關信息建立起組合關系，這里例舉了幾條工業(yè)設計創(chuàng)意展示中常用的輔助方式，如：標題放大加粗、形狀切割劃分、色塊歸納收攏、符號指示引導等（見圖4）。親密原則的熟練運用對設計師合理地劃分版塊和找尋各元素之間的關系有很大的幫助，同時還能幫助觀賞者理清視覺路線，帶來輕松的閱讀和觀賞體驗[6]。

5 重復原則

重復是指工業(yè)設計創(chuàng)意版式中某些視覺要素在內容或者形式上保持一致性，這是一種統(tǒng)一設計內容的有意識行為。字體、圖片、顏色、符號、圖形、設計元素、格式構圖、空間關系等等版式中的任何要素都可以作為重復的元素。重復一般體現(xiàn)在兩方面，一是同類型的重復，目的是使版面內容更加協(xié)調統(tǒng)一;二是復制性的重復，目的是使重復內容更加強調突出。

1） 同類型的重復。例如同類文字內容要保持相同的段落格式，相同階層的字體以及顏色要保持一致，同一體系中的圖片大小要保持一致，一系列的多張版面主色調要保持一致等等。這種重復內容的合理運用能夠增加畫面的條理性，還可以加強統(tǒng)一性，讓版面更有層次感、邏輯性，從而提高信息傳達效率（見圖5）。

2） 復制性的重復。在工業(yè)設計創(chuàng)意版式中，相同產品的重復排列可以增加產品的視覺權重，容易形成視覺焦點，能更好地突出產品。這種類型的重復使用經常體現(xiàn)在產品效果圖的配色方案展示以及交互界面展示中，例如蘋果官網的產品展示效果圖，經常采用相同透視或者正交視角的效果圖重復排列來表現(xiàn)不同的產品配色（見圖6）。

但過多地重復使用同一元素，也會讓整個畫面產生呆板、乏味、機械的負面效果，所以在保證版面有秩序的前提下，讓設計元素采用形態(tài)上的差異或者距離上的變化來調節(jié)視覺感受，這樣不規(guī)則的重復才會讓畫面更加活潑、且有動感。

6 裝飾原則

裝飾原則是指在工業(yè)設計創(chuàng)意版式中增加主體元素之外的一些輔助元素，從而起到增加設計感，豐富、美化版面的作用。因為美的形式是版式設計的永恒追求，充滿設計感的版面總能提升視覺沖擊力，給人以美的感受。以下為八種常見的裝飾表現(xiàn)方式。

1） 疊層強化。在強化主標題上，單純的放大和顏色加深會略顯單調，為了增加設計感，通?？梢詫祟}內容復制并錯位疊層，表現(xiàn)出立體感，也可以將若干復制的疊層內容描邊并做空心化處理，最后層層漸隱。

2） 色塊疊加。通過繪制超粗下劃線、圓角矩形、斜切四邊形等條狀且邊緣規(guī)則的色塊重疊在文字的下方，進而打破文字標題過于簡單空洞的效果，色塊的顏色可以從畫面中提取，同時要與文字的顏色形成反差，突出文字主體，保證文字可識別性。

3） 字體水印。將文字圖形化，放大體量并降低色彩飽和度，疊在標題文字的下方或者圖片的上方均可，以增加畫面的層次和質感。

4） 標點符號化。常用的如單引號、雙引號、乘號、等于號，將這些原本用在文字段落中的符號單獨提取出來，放大后作為圖形符號并放在文字標題的周圍或者版面的空缺處，能夠有效地提高畫面的設計感。

5） 英文小字。英文作為工業(yè)設計創(chuàng)意展示版式中必不可少的內容，它的功能性和裝飾性都很強，在標題的上面添加松散的少量英文小字，在標題的下面添加一些緊湊的大于上方數(shù)量的英文小字，這樣能給原本體量較小的標題文字增加設計感和厚重感。

6） 幾何圖形。圓形、三角形、四邊形、六邊形等等這些都是版式中經常用到的幾何圖形，相比于其它形狀，其中圓形更容易聚焦，如果版式中元素較少，焦點就會偏離文字信息，但如果在文字后面加一個圓形，就可以使畫面重新獲得平衡感，起到豐富設計內容、平衡版面的作用，當然圓形同樣也可以加在產品效果圖的后面。

7） 圖文穿插。利用文字和圖片元素的重疊、穿插，形成前進后退的層級關系，這種手法的優(yōu)勢在于對比強烈，且能讓文字和圖片形成緊密的互動關系，增強效果圖的立體感以及視覺沖擊力。

8） 重復的點線面。這里作為裝飾的“點線面”通常在設計的最后階段用來裝飾單調的文字或者空白的版式邊緣，起到點綴畫面、填補空白的作用。例如一個小三角形就是一個“點”，幾個三角形重復排列就會變成一條“線”，幾排三角形組成的矩陣就構成了“面”，此外，一列漢字或者英文小字稀疏排列也能構成一條線。其中短線還有區(qū)隔信息、裝飾畫面、分割歸類的作用。

以上列舉的這些方式只是版式裝飾技巧的一小部分，設計是靈活的，充分認識并靈活應用這些方法，能夠幫助設計師提升版式視覺效果[7]。

7 結語

工業(yè)設計創(chuàng)意展示中的版式在展示內容、展示目的、展示方式等方面均有它的特殊性，所以在設計中應強調圖文等構成要素的平衡原則、分階原則、對齊原則、親密原則、重復原則、裝飾原則以指導設計過程。運用好以上六大基本原則，有利于產品信息的高效傳達和視覺表現(xiàn)的增強，從而有利于優(yōu)秀工業(yè)設計創(chuàng)意展示作品的輸出。