第3章符號設(shè)計—點、線、面版式設(shè)計（第5版）01點的編排構(gòu)成PARTONE點的編排構(gòu)成設(shè)計中點的形態(tài)多種多樣，可以是抽象的圓點、方點、色塊、文字，也可以是具體的一切物象構(gòu)成的點等。點在版面中具有以下特點。（1）相對性。隨著點面積的增大，點可變成面；相反，面縮小則變?yōu)辄c。至于圖像在畫面中作為點還是面，取決于圖像在版面中的面積大小，放大成點而縮小成面。（2）行首字放大，具有強(qiáng)調(diào)、弓|導(dǎo)、活潑版面的作用。點的編排構(gòu)成圖3-1設(shè)計師從斑點狗身上的圓點獲得靈感，延伸岀以圓點為主體視覺構(gòu)成的設(shè)計。圓強(qiáng)化了版面的形式風(fēng)格與活力。圖3-2行首字母在文字中的點。大寫的行首字母在文字中具有點的作用，被強(qiáng)調(diào)的首字母可下降嵌入字行，也可高于字行。圖3-3“心有意則有形”。如果想以圓形來強(qiáng)化版面的形式感，那么在不同大小的圓形中植入圖像，無論是圓形的點還是面都達(dá)至U了形式完美的統(tǒng)一。點的編排構(gòu)成圖3-4深圳展覽廳國外某展示設(shè)計版面。整個展墻的設(shè)計語言風(fēng)格均以大小不同的圓形自由構(gòu)成，形式簡約統(tǒng)一，風(fēng)格活潑。所展示的內(nèi)容信息均植入圓形中，說明文字的編排形狀也為圓形，圓形文本成虛面。如果圖片質(zhì)量不佳，采用這種手法可獲得良好的藝術(shù)效果。圖3-5設(shè)計師以“點”為視覺語言編排的風(fēng)格非常明確，當(dāng)版面需要傳達(dá)的信息量較大時，用點的形式來表達(dá)，既活化了設(shè)計，又強(qiáng)化了形式感，線在畫面中起著導(dǎo)向連接與增強(qiáng)秩序的作用。點的編排構(gòu)成（3）視覺焦點。每個版面都有視覺焦點（除追求自由版式的散構(gòu)圖外）。中國傳統(tǒng)版面的視覺焦點一般在版面中心稍偏上的位置，因為焦點中心化會顯得版面對稱呆板。為了尋求新穎變化的版式風(fēng)格，今天的設(shè)計焦點一般不在版面中心，而刻意導(dǎo)向偏離版面中心的位置，甚至邊緣，這也體現(xiàn)了現(xiàn)代設(shè)計打破平衡的觀念，即“現(xiàn)代設(shè)計不講對稱，對稱不是現(xiàn)代設(shè)計”。點的編排構(gòu)成圖3-6"點”不一定是圓形，也可以是方塊或其他形態(tài)。此圖的點為大小不一的黑色塊和紅色塊，也可視為密集并列書籍的間歇空間，編排巧妙，錯落有致。圖3-7、圖3-8Kekkai-PaperCatalogue書籍裝幀，以點進(jìn)行整體概念設(shè)計。通過外部鏤空的圓形看到每個單冊封面，設(shè)計巧妙。點的編排構(gòu)成圖3-9《WDSE2013年報》畫冊設(shè)計。大小不同的圓形在中軸線上以橫向、縱向有序地排列，“點”以線連接，文字置入圓形中，信息傳達(dá)邏輯清晰、調(diào)理有序。純圓點與線的連接構(gòu)成，凈化了視覺語言的表達(dá)形式。圖3-10泉屋博古館分館海報。版面由兩種規(guī)格大小的圓構(gòu)成，小圓有序地排列；圓放大成面，傾斜排列，成為主視覺。點的編排構(gòu)成圖3-11點與線結(jié)合，紅色的點從中心向外擴(kuò)散，產(chǎn)生深度空間感和方向感，與混亂的線形成對比。圖3-12版面主體形式以圓點構(gòu)成，圓點分兩個層次。底層為單色，在圓形中的建筑通過圖像植入以點的形式來傳達(dá)；上層為紅色圓點，字母的植入盡顯活力，秩序中又有變化，豐富版面。圖3-13圓點的構(gòu)成，在版面中重復(fù)應(yīng)用，充滿秩序感和律動。02線的編排構(gòu)成PARTTWO線的編排構(gòu)成線是點運動的軌跡，又是面運動的起點。在符號形態(tài)學(xué)中，線還具有寬度、形狀、色彩、肌理等造型元素。（1）線按形態(tài)可分為兩大類型。直線：平行線、垂直線、斜線、折線、虛線、鋸齒線等。曲線：弧線、拋物線、雙曲線、圓、波紋線、蛇形線等。（2）線從虛實角度可分為實線、虛線、空間的視覺流程線。實線與虛線形態(tài)明確、容易識別，而視覺流程線卻往往被忽視，但對設(shè)計師來講非常重要，它構(gòu)筑在設(shè)計師心理，從而引導(dǎo)設(shè)計的視覺流程。（3）線在平面設(shè)計中具有不可缺少的重要作用：引導(dǎo)視覺流程；分割線空間，使畫面獲得更有秩序的空間和穩(wěn)定因素；強(qiáng)調(diào)線或線框。線的編排構(gòu)成

3-14文字左對齊形成的線，雖然不是明確的線，但這種整體編排增強(qiáng)畫面的前后層次感，利于信息的編排。圖3-15Lfng酒標(biāo)簽設(shè)計。文字編排形成的線環(huán)繞瓶身，具有簡約的裝飾性。圖3-16.圖3-17《中國銀行年報》封面，由世界著名的中國香港設(shè)計大師靳壊強(qiáng)設(shè)計。兩個封面設(shè)計詮釋了“點”“點匯聚成線”的邏輯和力量關(guān)系，同時隱喻錢幣儲畜與銀行的功能作用。線的編排構(gòu)成

圖3-18-圖3-20“WearYellowLiveStrong”為癌癥研究募集資金的系列廣告設(shè)計。三個圖例中，粗細(xì)不一交錯的白色線網(wǎng)，強(qiáng)調(diào)了山地騎行的里程路線圖，也成為版面獨特的設(shè)計風(fēng)格。線的編排構(gòu)成

1.線的視覺流程線的視覺流程也稱為閱讀流程，是構(gòu)筑在設(shè)計師大腦中的編排流程線、虛線，通過版面的圖像、文本或其他元素編輯呈現(xiàn)，引導(dǎo)讀者完成閱讀。每幅設(shè)計作品都有視覺流程,只是流程強(qiáng)調(diào)的強(qiáng)弱不同而已,例如，版面元素流程清晰連貫,流程感則增強(qiáng)；反之，版面元素流程疏散,則流程感減弱。圖3-21一條由文字編輯的細(xì)紅色線條，穿插于粗黑字體的前后之間，營造出文字前后的空間感與視覺焦點。線的編排構(gòu)成圖3-22月歷的創(chuàng)意設(shè)計。文本居中排版，細(xì)小的日期縱向排列成一條自上而下的閱讀線，也與巨大的“面”字產(chǎn)生鮮明的對比。圖3-23跳傘學(xué)校招貼。文字緊扣主題，展示解散的視覺流程。圖3-241991澳大利亞"狂歡節(jié)海報設(shè)計”。編排設(shè)計風(fēng)格為先解構(gòu)文字再輕松隨意編排。創(chuàng)意手法表達(dá)周末舞會輕松愉快的時光。此文字的解構(gòu)編排方式是西方典型的設(shè)計風(fēng)格及觀念意識的表達(dá)方式，在西方設(shè)計作品中表現(xiàn)較多。隨著中西方文化交流的頻繁，此風(fēng)格也在中文設(shè)計中逐漸增多。線的編排構(gòu)成圖3-25?圖3-27根據(jù)圖片的內(nèi)容進(jìn)行創(chuàng)意設(shè)計，以生動的圖語符號分別表達(dá)：拋散文件呈放射狀的虛線、圖書取出與放入書架的手勢動作、管理員上下抽取文件反復(fù)的虛擬動作模型。設(shè)計以二維虛擬手法表達(dá)出"二維平面+三維空間+四維時間”復(fù)合的運動流程。圖3-28版面的視覺流程。視線由粗線條和大號文字向細(xì)線和小文字移動，完成視覺流程。線的編排構(gòu)成圖3-29姆奈維斯樂隊的專輯封面設(shè)計，展示了一個關(guān)于排版、數(shù)字統(tǒng)計和圖像內(nèi)容的復(fù)雜體系，為了達(dá)到簡潔的效果，其設(shè)計全部采用黑白色系。圖3-30版面簡潔，線在版面中的精心分割，形成了不同大小的虛空間，使圖片、文本在線的空間規(guī)劃下獲得穩(wěn)定與明快的對比關(guān)系。左、右頁大量留白增強(qiáng)了品質(zhì)感，空間、色塊、線形成了簡略的設(shè)計風(fēng)格，也體現(xiàn)出設(shè)計用心，簡約不簡單。圖3-31十六模塊網(wǎng)格結(jié)構(gòu)。版面被分割成16個等量空間，為了突出16個人物頭像，版面隱藏了線條，但我們能感覺到線分割的存在。線的編排構(gòu)成

2.線的空間分割線的空間分割的目的是讓版面獲得良好的空間秩序感和穩(wěn)定感，使設(shè)計產(chǎn)生次序的美感。在設(shè)計時，若有眾多的信息要編排，采用線的劃分能有序分割空間，同時使各類信息也獲得秩序穩(wěn)定的因素。（1）線的作用及表達(dá)形式線在設(shè)計中具有分割空間、強(qiáng)化信息、引導(dǎo)視覺流程、強(qiáng)化版面秩序等作用。流程——線引導(dǎo)編排的視覺流程（圖3-21、圖3-23.圖3-24）。分割一一線對模塊網(wǎng)格或自由網(wǎng)格的分割，包括顯性與隱性的線（圖3-31、圖3-34）。分割——線對文字信息的分割（圖3-30）。分割——線在多欄網(wǎng)格中的應(yīng)用及線的植入，包括顯性與隱性的線，線強(qiáng)化了版面的嚴(yán)謹(jǐn)秩序性（圖3-33）。強(qiáng)調(diào)一橫線、豎線的強(qiáng)調(diào)（圖3-28）。隱線——以隱性的線表達(dá)，如文字左右對齊（圖3-14）、虛線表達(dá)（圖3-29?圖3-31）。線的編排構(gòu)成（2）線表現(xiàn)的情感線條的粗細(xì)或虛實會給人不同的心理情感感應(yīng)，設(shè)計時根據(jù)內(nèi)容需要選擇合適的線條。粗線——積極、肯定、明確，加強(qiáng)了條理秩序性。細(xì)線——清晰、明確，產(chǎn)生精致感。虛線-相對消極的線，給人平和感。隱線——隱性的線如流程線、視線、動作軌跡、隱形的網(wǎng)格線，在設(shè)計中運用很多。圖3-32大量的圖片植入自由網(wǎng)格的層級框架，畫面色彩統(tǒng)一為紅、黑、白三色，強(qiáng)化了網(wǎng)格的白色框線，增強(qiáng)了信息的秩序感、紅色塊的節(jié)奏感。線的編排構(gòu)成圖3-33在三欄網(wǎng)格頁面中，線對各段落信息的分割，使各段落之間更加明確，各組信息獲得良好的空間與秩序。因此，線在版面中的分割讓閱讀更加清晰。（原圖改編）圖3-34Goodrich宣傳雜志。版面設(shè)計采用蒙德里安“紅黃藍(lán)”的設(shè)計風(fēng)格，也是典型“線”的分割設(shè)計手法，使版面富有藝術(shù)氣息。線的編排構(gòu)成3.線框的強(qiáng)調(diào)與約束（1）線框的強(qiáng)調(diào)當(dāng)文字被施加了線框，其中的信息立即得到了強(qiáng)調(diào)，注目度增強(qiáng)?？蚓€越粗，張力越強(qiáng)（圖3-35.圖3-36）；相反，框線越細(xì)，張力越弱。（2）線框的約束線框的強(qiáng)調(diào)與約束具有一致性，在文字信息得到強(qiáng)調(diào)的同時，文字的空間感也受到了約束和限定。線框越強(qiáng)，約束力越強(qiáng)；相反，線框越弱，約束力越弱，但同時文字的張力也就越強(qiáng)，形成正比關(guān)系。線的編排構(gòu)成圖3-35Wacomintuos2包裝盒，張揚的文字配上線框的強(qiáng)調(diào)，強(qiáng)化了包裝設(shè)計的個性風(fēng)格，令包裝有鮮明的傳達(dá)力。圖3-36.圖3-37線框的運用既規(guī)劃了文字，也強(qiáng)調(diào)了文字信息，使高爾夫球具圖冊顯得格外簡潔，體現(xiàn)高端化的品質(zhì)感。線的編排構(gòu)成（3）線框的空間力場線的空間力場是指文本在線的空間分割下，被線封閉的空間對“文本”所產(chǎn)生一定的約束力?！傲觥笔菍ξ谋径援a(chǎn)生的感應(yīng)，文本在框線的力場感應(yīng)中獲得相應(yīng)穩(wěn)定的空間感，若沒有線框，則沒有力場的感應(yīng)。線框的感應(yīng)力：線框細(xì)，版面則輕快而有彈性，但“力場”的感應(yīng)弱；線框粗，圖像有被強(qiáng)調(diào)和限制的感覺，同時視覺度也增強(qiáng)；若線框過粗，版面則變得呆板，空間顯得封閉，但“力場”的感應(yīng)明顯增強(qiáng)。線的編排構(gòu)成圖3-38以文本形成的線框，著重強(qiáng)調(diào)岀攝影圖片中的主體人物。圖3-39手提袋形狀傳達(dá)的眾多信息在線框的分區(qū)下變得條理清晰，重點突出。圖3-40從書籍版式的整體看，有明確的點、弧線和文字產(chǎn)生的面。03面的編排構(gòu)成PARTTHREE面的編排構(gòu)成點的擴(kuò)大形成面，線的移動集成面。密集的點和線同樣也能形成面。在符號形態(tài)學(xué)中，面同樣具有大小、形狀、色彩、肌理等造型元素，同時面又是“形象”的呈現(xiàn)，因此面即“形”。面在平面設(shè)計中的作用如下。（1）面在版面中可強(qiáng)可弱、可動可靜、可實可虛，關(guān)鍵在于設(shè)計師的構(gòu)想。若要強(qiáng)化面，可加大面的版面率、增強(qiáng)視覺度或色彩的對比關(guān)系；若要弱化面，則反之。虛面一般多為由文本構(gòu)成的面。（圖3-41）（2）面可充當(dāng)背景。文本形成背景的面具有安靜、動靜平衡、豐富主視覺的作用。（圖3-42、圖3-44）（3）面起著豐富層級的作用。版面圖文一般具有多種層級面，標(biāo)題常構(gòu)成較強(qiáng)的面，文版一般為虛面。字群設(shè)計的層級也能體現(xiàn)設(shè)計師的設(shè)計水平。（圖3-47、圖3-48）（4）文本的整體編排有組織且嚴(yán)謹(jǐn)，體現(xiàn)良好的設(shè)計感。（圖3-48）面的編排構(gòu)成圖3-41這是一幅用數(shù)發(fā)誠見律排列的掛歷，數(shù)字構(gòu)成標(biāo)準(zhǔn)菱形的"面”o近看是數(shù)字的重復(fù)掃E列，遠(yuǎn)觀則形成菱形的面。圖3-42燒酒藏京屋酒廠的挑戰(zhàn)“為什么現(xiàn)在要喝杜松子酒”活動海報。商品占據(jù)版面中心，文字信息呈面與點的構(gòu)成，色彩簡約，使產(chǎn)品信息得以完美傳達(dá)。圖3-43以點、線、文本構(gòu)成不同形態(tài)幾何形的虛面。版面為橫向四欄網(wǎng)格，版面率為100%,文版與幾何圖形層次豐富，版面活躍。圖3-44字體設(shè)計。字母以線的形式排列形成面，圖像與線之間交叉帶來視覺空間感。面的編排構(gòu)成圖3-45KyoheiSorita獨奏海扌艮。點、線、面在設(shè)計中表現(xiàn)得非常