設(shè)計(jì)師的設(shè)計(jì)日記

設(shè)計(jì)師的設(shè)計(jì)日記目錄\h1

Monday/32°C～36°C/Clear

TheFirstDay\h書(shū)籍設(shè)計(jì)類(lèi)型\h版面中網(wǎng)格出現(xiàn)的原因\h初識(shí)設(shè)計(jì)基礎(chǔ)\h正方形與黃金分割矩形的恒定比例\h費(fèi)氏數(shù)列及其衍生體系\h布令賀斯特氏的半音階體系\h自黃金分割衍生的科比意模矩體系\h維拉爾·德·奧涅庫(kù)爾氏的頁(yè)面規(guī)劃法\h保羅·雷內(nèi)氏的單元?jiǎng)澐址╘h依據(jù)度量單位規(guī)劃網(wǎng)格\h2

Tuesday/31°C～36°C/breeze

TheSecondDay\h設(shè)計(jì)基礎(chǔ)的演變\h現(xiàn)代派網(wǎng)格方式搭建論述\h現(xiàn)代網(wǎng)格的評(píng)價(jià)／局限性\h自由網(wǎng)格的多重適應(yīng)性\h小結(jié)\h3

Wedenesday/30°C～35°C/Thunderstorms/Cloudyday

TheThirdDay\h編輯設(shè)計(jì)的基本原則\h分欄的方法和作用\h分欄的方式\h不同內(nèi)容產(chǎn)生欄高的依據(jù)\h內(nèi)文與行間距的數(shù)據(jù)化體現(xiàn)\h行間距、欄間距的數(shù)據(jù)化體現(xiàn)\h間距的認(rèn)識(shí)\h標(biāo)題文字間距要求\h內(nèi)文文字間距要求\h數(shù)字間距的變化規(guī)則\h間距對(duì)閱讀的影響\h字符間距與空白面積的關(guān)系\h文字組合產(chǎn)生的體積\h構(gòu)成在文字組合中的關(guān)系\h點(diǎn)構(gòu)成的應(yīng)用\h線構(gòu)成的應(yīng)用\h面構(gòu)成的應(yīng)用\h內(nèi)文對(duì)齊方式與應(yīng)用種類(lèi)\h4

Thursday/33°C～35°C/Cloudy/Cloudyday

TheFourthDay\h溝通／資料整理／分析／產(chǎn)生架構(gòu)與執(zhí)行\(zhòng)h設(shè)計(jì)結(jié)構(gòu)草圖配置表\h設(shè)計(jì)稿階段\h目錄信息\h頁(yè)碼\h設(shè)計(jì)規(guī)范\h字體規(guī)范\h字號(hào)規(guī)范\h間距規(guī)范\h5

Friday/30°C～35°C/Clear

TheFifthDay\h現(xiàn)代派網(wǎng)格的實(shí)現(xiàn)\h設(shè)計(jì)元素的拆解\h設(shè)計(jì)元素的組合\h案例展示1\h案例展示2\h案例展示3\h案例展示4\h案例展示5\h設(shè)計(jì)案例展示\h設(shè)計(jì)框架展示\h目錄／版權(quán)頁(yè)字體規(guī)范\h內(nèi)文中文／英文字體規(guī)范\h頁(yè)眉／內(nèi)文文字體規(guī)范\h文字圖形間距規(guī)范\h網(wǎng)格展示1\h網(wǎng)格展示2\h色彩范例\h6

Saturday/35°C～38°C/Clear

TheSixthDay\h案例色彩分析\h設(shè)計(jì)元素的拆解\h案例展示1\h設(shè)計(jì)案例的快速變化1\h設(shè)計(jì)案例的快速變化2\h設(shè)計(jì)范例1／輔助線劃分網(wǎng)格\h設(shè)計(jì)范例2／輔助線劃分網(wǎng)格\h設(shè)計(jì)范例3／輔助線劃分網(wǎng)格\h設(shè)計(jì)范例4／輔助線劃分網(wǎng)格\h案例展示2\h設(shè)計(jì)元素的拆解1\h設(shè)計(jì)元素的拆解2\h設(shè)計(jì)元素的拆解3\h設(shè)計(jì)元素的拆解4\h設(shè)計(jì)元素的拆解5\h案例展示3\h設(shè)計(jì)元素的拆解1\h設(shè)計(jì)元素的拆解2\h設(shè)計(jì)元素分析1\h設(shè)計(jì)元素分析2\h設(shè)計(jì)范例／文字為主的畫(huà)冊(cè)1\h設(shè)計(jì)范例／文字為主的畫(huà)冊(cè)2\h數(shù)據(jù)化圖表的表現(xiàn)種類(lèi)\h餅狀圖信息拆解方式\h柱狀圖信息拆解方式\h曲線圖信息拆解方式\h表格信息拆解方式\h范式圖\h映射圖\h樹(shù)狀圖\h線路圖\h7

Sunday/33°C～35°C/Cloudy/Cloudyday

TheSeventhDay\h印刷步驟\h印刷1Monday/32°C～36°C/ClearTheFirstDayDesignerssaid"weneedgridding";therecametraditionalgridding.Designersmadearrangementonpagesandledtheappearanceoftraditionallayout.Griddinghelpspeopledemonstrateaccuratelywhattheydesignintheirmindandformtheirownstyles.Thereisalwaysanintangiblegriddingbehindasuccessfulwork.Allthingshavetheirownoriginsandsodoesgridding.Letusbeginlearninggriddingfromstudyingitsbasictheoriesandoriginalrudiment.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月20日星期一晴設(shè)計(jì)師說(shuō)：“要有網(wǎng)格！”便有了傳統(tǒng)網(wǎng)格。設(shè)計(jì)師將頁(yè)面分開(kāi)，便有了傳統(tǒng)的版面節(jié)奏。說(shuō)起設(shè)計(jì)，首先要提到網(wǎng)格，說(shuō)到網(wǎng)格，很多朋友就要頭疼。其實(shí)網(wǎng)格并不是什么神秘抽象的東西。舉個(gè)很簡(jiǎn)單的例子，大家小時(shí)候剛開(kāi)始學(xué)寫(xiě)字時(shí)，都會(huì)用到田字格，每一個(gè)筆畫(huà)要寫(xiě)在田字格的什么部位都要非常準(zhǔn)確，如果放錯(cuò)了位置，就成了錯(cuò)字。在不寫(xiě)錯(cuò)字的基礎(chǔ)上，我們?cè)侔压P畫(huà)之間的比例調(diào)整一下，就有了不同的字體，同時(shí)也決定了每個(gè)人的筆跡。雖然我們現(xiàn)在寫(xiě)字已經(jīng)不用田字格了，但實(shí)際上，在寫(xiě)的過(guò)程中，我們已經(jīng)不自主地在紙上畫(huà)了一個(gè)隱形的田字格，字還是在格子里的。網(wǎng)格的作用首先就是幫助我們準(zhǔn)確地將腦海中的設(shè)計(jì)呈現(xiàn)出來(lái)，并形成自己的風(fēng)格。每一個(gè)成功的作品背后都有一套隱形的網(wǎng)格。所有的事物都有它的初始，網(wǎng)格也一樣，有很多基礎(chǔ)理論和原始雛形，我們的課程就從這里開(kāi)始。BookStructureandClass書(shū)籍設(shè)計(jì)類(lèi)型書(shū)籍設(shè)計(jì)類(lèi)型包括一般圖書(shū)設(shè)計(jì)、畫(huà)冊(cè)設(shè)計(jì)、期刊雜志設(shè)計(jì)等。一般圖書(shū)的設(shè)計(jì)比較簡(jiǎn)單，在此就不贅述了，我們重點(diǎn)來(lái)講講畫(huà)冊(cè)設(shè)計(jì)和期刊、雜志的設(shè)計(jì)。畫(huà)冊(cè)設(shè)計(jì)畫(huà)冊(cè)是一個(gè)很好的宣傳窗口，展示的可以是企業(yè)，也可以是個(gè)人，是企業(yè)和銷(xiāo)售商與消費(fèi)者之間的媒介和橋梁。它是以一個(gè)完整的宣傳形式，針對(duì)銷(xiāo)售季節(jié)或流行期，針對(duì)有關(guān)企業(yè)和人員，針對(duì)展銷(xiāo)會(huì)、洽談會(huì)，針對(duì)購(gòu)買(mǎi)貨物的消費(fèi)者進(jìn)行郵寄、分發(fā)、贈(zèng)送，以擴(kuò)大企業(yè)、商品的知名度，推售產(chǎn)品和加強(qiáng)購(gòu)買(mǎi)者對(duì)商品的了解，達(dá)到強(qiáng)化廣告的效用。畫(huà)冊(cè)的設(shè)計(jì)應(yīng)該從企業(yè)自身的性質(zhì)、文化、理念、地域等方面出發(fā)，依據(jù)市場(chǎng)推廣策略，合理安排印刷品畫(huà)面的三大構(gòu)成關(guān)系和畫(huà)面元素的視覺(jué)關(guān)系，從而達(dá)到廣而告之的目的。一本成功的畫(huà)冊(cè)不僅需要視覺(jué)上的美感和優(yōu)美的文字，還需要?jiǎng)e出心裁的創(chuàng)意，這樣才可以提升公司形象，提高產(chǎn)品銷(xiāo)售。我們注重創(chuàng)意、設(shè)計(jì)、印刷的每個(gè)環(huán)節(jié)，力求完美。雜志、期刊設(shè)計(jì)期刊、雜志在人們的視覺(jué)文化中扮演著重要的角色，同時(shí)也是平面媒體的重要成員。毫無(wú)疑問(wèn)，它也是編輯和設(shè)計(jì)師共同創(chuàng)作的圖文結(jié)合體。一個(gè)好的期刊、雜志設(shè)計(jì)師，應(yīng)該深諳新聞學(xué)和品牌定位，懂得圖片設(shè)計(jì)的重要性，在這個(gè)寬泛的范圍里再考慮明確的設(shè)計(jì)因素：版面大小、網(wǎng)格、字體和細(xì)節(jié)。這樣才能準(zhǔn)確地體現(xiàn)雜志、期刊的定位，達(dá)到一定的視覺(jué)沖擊力。期刊、雜志的設(shè)計(jì)要把握以下幾點(diǎn)：1．要體現(xiàn)期刊、雜志自身風(fēng)格，在連續(xù)性、變化中體現(xiàn)整體統(tǒng)一。在沒(méi)有考慮成熟、缺乏充分的市場(chǎng)調(diào)查、刊物定位沒(méi)有重大改變的情況下，最好不要較大程度地改變封面設(shè)計(jì)風(fēng)格，讓刊物以完全陌生的面孔出現(xiàn)在讀者面前，會(huì)對(duì)刊物的發(fā)行造成很大的不良影響。2．要整體協(xié)調(diào)，有層次感，簡(jiǎn)約大氣。標(biāo)識(shí)、刊名、期號(hào)、條形碼等元素與主圖片構(gòu)成完美和諧的畫(huà)面，不要太繁雜、花哨，一定要做到有明晰的視覺(jué)重點(diǎn)和層次感。3．要突出標(biāo)識(shí)、刊名，便于讀者識(shí)別，強(qiáng)化讀者對(duì)本刊特有的藝術(shù)符號(hào)的記憶，為品牌建設(shè)打好基礎(chǔ)。4．所有設(shè)計(jì)必須契合本期內(nèi)容。圖片、字體的選擇，字號(hào)的大小，色彩的運(yùn)用，都要和內(nèi)容相符，為內(nèi)容服務(wù)。也就是說(shuō)，設(shè)計(jì)決不能離開(kāi)內(nèi)容獨(dú)立存在。5．要有切合內(nèi)容的創(chuàng)意。風(fēng)格創(chuàng)意也好，設(shè)計(jì)元素創(chuàng)意也罷，每一本期刊、雜志的創(chuàng)意設(shè)計(jì)都是內(nèi)容的外觀展現(xiàn)，是張力的延續(xù)，是設(shè)計(jì)師藝術(shù)創(chuàng)意的結(jié)晶。如果它不能很好地展現(xiàn)出內(nèi)容的精華，再華麗的創(chuàng)意也是一部失敗的作品。CausesLeadtotheAppearanceof

GriddinginPrintedPages版面中網(wǎng)格出現(xiàn)的原因俗話說(shuō)，沒(méi)有規(guī)矩，不成方圓。設(shè)計(jì)也需要依附一定的規(guī)則，在這個(gè)規(guī)則框定的范圍內(nèi)，才是你任意揮灑才能的天地。這些規(guī)則就是網(wǎng)格系統(tǒng)。它幫助我們更完善地理解設(shè)計(jì)，進(jìn)行設(shè)計(jì)?，F(xiàn)在，回到序言中小A的問(wèn)題：“什么才是一個(gè)網(wǎng)格？”網(wǎng)格是設(shè)計(jì)的輔助工具，用豎直或者水平的分割線對(duì)版面進(jìn)行劃分，形成一個(gè)基本的骨架。網(wǎng)格線在版面中是隱藏的參考線，并非實(shí)體元素。網(wǎng)格是設(shè)計(jì)得以成立的基礎(chǔ)，設(shè)計(jì)師在這個(gè)骨架里填入豐富的設(shè)計(jì)元素，給設(shè)計(jì)帶來(lái)秩序感和結(jié)構(gòu)感，最終成為一件有血有肉的作品。Designbasis9:00time初識(shí)設(shè)計(jì)基礎(chǔ)從歷史文獻(xiàn)中學(xué)習(xí)網(wǎng)格的過(guò)去與演變過(guò)程同學(xué)們，現(xiàn)在請(qǐng)翻開(kāi)設(shè)計(jì)學(xué)的歷史書(shū)。我們一起來(lái)了解一下網(wǎng)格的演變過(guò)程吧。正方形與黃金分割矩形的

恒定比例黃金分割藝術(shù)與數(shù)學(xué)是有很大聯(lián)系的，比如黃金分割。有句話這樣說(shuō)：如果單純按照黃金分割法則去設(shè)計(jì)不一定是好的，但好的、優(yōu)美的設(shè)計(jì)一定是符合黃金分割法則的。“黃金分割”又稱(chēng)黃金律，是一種由古希臘人發(fā)明的幾何學(xué)公式。它驗(yàn)證了事物各部分間有著一定的數(shù)學(xué)比例關(guān)系，即將整體一分為二，較大部分與較小部分之比等于整體與較大部分之比，其比值為1∶0.618或1.618∶1，即長(zhǎng)段為全段的0.618。符合這個(gè)比例的構(gòu)圖形式被認(rèn)為是最“和諧”的，因此，0.618成為了最具有審美意義的比例數(shù)字，稱(chēng)為黃金分割?！包S金分割”公式可以從一個(gè)正方形來(lái)推導(dǎo)，將正方形底邊分成二等分，取中點(diǎn)X，以X為圓心，線段XY為半徑作圓，其與底邊直線的交點(diǎn)為Z點(diǎn)，這樣將正方形延伸為一個(gè)比率為5∶8的矩形（Y點(diǎn)即為“黃金分割點(diǎn)”），即A∶C＝B∶A＝5∶8。10:10timeFibonacci

Sequence費(fèi)氏數(shù)列及其衍生體系費(fèi)氏數(shù)列費(fèi)氏數(shù)列（FibonacciSequence），又稱(chēng)黃金分割數(shù)列，是由意大利數(shù)學(xué)家列昂納多·斐波那契（LeonardoFibonacci，1170-1240）發(fā)明的，被應(yīng)用于在現(xiàn)代物理、準(zhǔn)晶體結(jié)構(gòu)、化學(xué)等領(lǐng)域。這是個(gè)很有趣的數(shù)列：1、1、2、3、5、8、13、21……從第三項(xiàng)開(kāi)始，每一項(xiàng)都等于前兩項(xiàng)之和。將數(shù)列中兩個(gè)連續(xù)的數(shù)字相加，便能不斷做出黃金分割。在數(shù)學(xué)上，費(fèi)氏數(shù)列可以用遞歸的方法來(lái)定義：F0＝0，F(xiàn)1＝1，F(xiàn)n＝F(n－1)＋F(n－2)（n＞＝2，n∈N*）11:05timeRobert

Bringhurst布令賀斯特氏的半音階體系羅伯特·布令賀斯特（RobertBringhurst）在其著作《版面風(fēng)格面面觀》中提出了一個(gè)理論，將設(shè)計(jì)學(xué)和音樂(lè)藝術(shù)有機(jī)地結(jié)合在一起：將頁(yè)面形狀比擬為西方樂(lè)理中的半音音階，頁(yè)面比例與半音階一樣都取決于數(shù)值間隔，被稱(chēng)為布令賀斯特氏的半音階體系。12:30timeLeCorbusier自黃金分割衍生的科比意模矩體系科比意模矩體系是法國(guó)建筑家科比意（LeCorbusier，1887-1965）將人體比例進(jìn)一步細(xì)分之后發(fā)展出的一套現(xiàn)代版的黃金分割。他將其命名為“模矩”，并依據(jù)此法則設(shè)計(jì)了自己的著作《模矩》及《模矩2》。科比意認(rèn)為此法則是印刷品、建筑、家具形制規(guī)劃都可運(yùn)用的設(shè)計(jì)工具。10:45time13:45timeVillardde

honnecourt維拉爾·德·奧涅庫(kù)爾氏的頁(yè)面規(guī)劃法幾何網(wǎng)格／維拉爾·德·奧涅庫(kù)爾氏的頁(yè)面規(guī)劃法幾何網(wǎng)格15、16世紀(jì)時(shí)，歐洲還沒(méi)有統(tǒng)一的度量衡，量尺也尚未發(fā)展成熟，鑄造鉛字、字級(jí)大小都是由個(gè)別的印刷坊自行決定的。許多早期印本書(shū)在規(guī)劃網(wǎng)格架構(gòu)時(shí)，也并不參照實(shí)際的度量單位，而是遵循幾何原則。維拉爾·德·奧涅庫(kù)爾氏的頁(yè)面規(guī)劃法古代建筑師維拉爾·德·奧涅庫(kù)爾（Villard,1225-1250）自創(chuàng)了一種依據(jù)幾何原則劃分空間的方法。它可以將任何一款頁(yè)面版式進(jìn)行進(jìn)一步細(xì)分。將此種方法運(yùn)用到黃金分割比例的版式上，可將頁(yè)面的高與寬各自劃分為9等份，進(jìn)而將頁(yè)面劃分為81個(gè)與原版式、行文區(qū)塊形狀相同的小單位。留白的大小則取決于小單位的寬度與高度。這種九九分頁(yè)法也同樣適用于橫展板版式。13:45time14:20timePaul

Renner保羅·雷內(nèi)氏的單元?jiǎng)澐址ūＡ_·雷內(nèi)（PaulRenner，1878-1956）在其著作《版式設(shè)計(jì)藝術(shù)》中，提出了一種矩形版式劃分法，這種劃分法除了能將頁(yè)面切割為與原始版式相同的小單位外，還能設(shè)定文字框的位置和留白的寬度。方法是：將頁(yè)面高度與橫幅以相同數(shù)量等分切割，依據(jù)頁(yè)高與頁(yè)寬上的16、17、18……等分為單位，安排文字框的位置，確定留白的寬度。15:40timePlanning

grid依據(jù)度量單位規(guī)劃網(wǎng)格17、18世紀(jì)間，由于鑄造活字的級(jí)數(shù)測(cè)定單位已進(jìn)入標(biāo)準(zhǔn)化，則發(fā)展出以下幾種網(wǎng)格建構(gòu)法。2Tuesday/31°C～36°C/breezeTheSecondDayDesignerssaid"Griddingframeworkshouldbefreer!"Forthisreason,designingbrokethelimitationoftraditionalgriddingandledtheappearanceofmoderngridding.Alongwiththeenteringofstandardizationstagebythestagenumbermeasureunitofcastmovabletype,theproportionstagenumber/modelstagenumbergriddingconstructionmethodsweredevelopedinthe17thand18thcenturies.Griddingconstructedbythismethodcanmeetcontentrequirementscomparativelyflexiblyanddoesnotoutmatchthecontentatthesametime.InfluencedbythoughtsofModernist,theregeneratedgriddingofmodernistinthe20thcentury.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月21日星期二晴轉(zhuǎn)多云設(shè)計(jì)師說(shuō)：“網(wǎng)格的架構(gòu)要更自由！”設(shè)計(jì)便打破網(wǎng)格局限，便有了現(xiàn)代網(wǎng)格。我們的設(shè)計(jì)無(wú)法脫離網(wǎng)格構(gòu)建，但方方正正的網(wǎng)格畢竟存在很多的局限性。運(yùn)用不好就會(huì)成為它的臣子，無(wú)法將自己的創(chuàng)意發(fā)揮出來(lái)，又或者是太依賴(lài)于網(wǎng)格，使它凌駕于內(nèi)容之上，變成內(nèi)容遷就于網(wǎng)格，而不是網(wǎng)格服務(wù)于內(nèi)容。依舊用寫(xiě)字來(lái)舉例子，書(shū)法家開(kāi)始練書(shū)法用的是米字格，比田字格要更精細(xì)一些，感覺(jué)局限性更大。一個(gè)很漂亮的字，起筆在哪兒，收筆在哪兒，走筆的過(guò)程都很重要，看起來(lái)龍飛鳳舞，但你仔細(xì)研究它的結(jié)構(gòu)和比例就會(huì)發(fā)現(xiàn)，還是在米字格里的。只不過(guò)書(shū)法家們懂得如何更好地用米字格來(lái)支撐一個(gè)字的筋骨，而不是用它來(lái)禁錮這個(gè)字。關(guān)鍵就在于打破局限性。17、18世紀(jì)，隨著鑄造活字的級(jí)數(shù)測(cè)定單位進(jìn)入標(biāo)準(zhǔn)化階段，發(fā)展出了比例級(jí)數(shù)／模矩級(jí)數(shù)網(wǎng)格建構(gòu)法。運(yùn)用這種方法建構(gòu)的網(wǎng)格可以比較靈活地滿(mǎn)足內(nèi)容需求，又不至凌駕于內(nèi)容之上。20世紀(jì)，受現(xiàn)代派思維的影響，產(chǎn)生了現(xiàn)代派網(wǎng)格。EvolutionofDesignBasis9:00time設(shè)計(jì)基礎(chǔ)的演變17、18世紀(jì)，隨著鑄造活字的級(jí)數(shù)測(cè)定單位進(jìn)入標(biāo)準(zhǔn)化階段，發(fā)展出了比例級(jí)數(shù)／模矩級(jí)數(shù)網(wǎng)格建構(gòu)法。運(yùn)用這種方法建構(gòu)的網(wǎng)格可以比較靈活地滿(mǎn)足內(nèi)容需求，又不至凌駕于內(nèi)容之上。20世紀(jì)，受現(xiàn)代派思維的影響，產(chǎn)生了現(xiàn)代派網(wǎng)格?，F(xiàn)代派網(wǎng)格的產(chǎn)生方式現(xiàn)代派網(wǎng)格的產(chǎn)生，是基于歷史文獻(xiàn)的傳承記載和設(shè)計(jì)先驅(qū)們的知識(shí)積累，然后根據(jù)設(shè)計(jì)內(nèi)容的需要不斷演化而來(lái)的。隨著時(shí)代和科技的發(fā)展，到20世紀(jì)初期，許多藝術(shù)家、設(shè)計(jì)師都認(rèn)為傳統(tǒng)的網(wǎng)格體系和編排手法已經(jīng)不能滿(mǎn)足現(xiàn)代信息傳遞的需要了，楊·奇科爾德、穆勒·布魯克曼等人開(kāi)始提出一些前衛(wèi)、理性、新奇的現(xiàn)代派設(shè)計(jì)理念和技法，于是就有了現(xiàn)代派網(wǎng)格。傳統(tǒng)網(wǎng)格和現(xiàn)代網(wǎng)格的對(duì)比傳統(tǒng)網(wǎng)格和現(xiàn)代網(wǎng)格的區(qū)別是非常大的，傳統(tǒng)網(wǎng)格因?yàn)槭墚?dāng)時(shí)社會(huì)、文化的影響，構(gòu)成比例和視覺(jué)效果遠(yuǎn)遠(yuǎn)不如現(xiàn)代網(wǎng)格精確，適用范圍也相對(duì)較弱。如前面提到的費(fèi)氏體系、布令賀斯特氏半音階體系等，是因?yàn)楫?dāng)時(shí)科學(xué)技術(shù)不夠發(fā)達(dá)，度量衡沒(méi)有統(tǒng)一，人們只能用一些投影法、分割法才能完成畫(huà)面的分割。這幾種網(wǎng)格體系與后期單純通過(guò)數(shù)學(xué)方法來(lái)完成網(wǎng)格規(guī)劃是有很大差距的。傳統(tǒng)網(wǎng)格要求頁(yè)面區(qū)塊必須劃分規(guī)整，符合網(wǎng)格系統(tǒng)要求，這給設(shè)計(jì)者的工作帶來(lái)很大的局限性，而現(xiàn)代網(wǎng)格則提供了一定的自由度。比如圖片，傳統(tǒng)網(wǎng)格要求圖片的高度和寬度都必須符合網(wǎng)格系統(tǒng)，而在現(xiàn)代網(wǎng)格設(shè)計(jì)中，對(duì)圖片的高度和寬度只要求兩者之一符合就可以了，是允許有可變化區(qū)域的?，F(xiàn)代網(wǎng)格最大的優(yōu)點(diǎn)是，對(duì)頁(yè)面的規(guī)劃和分割更為細(xì)致，可以適應(yīng)更多的內(nèi)容和設(shè)計(jì)。在網(wǎng)格的歷史演變中，是堅(jiān)持傳統(tǒng)網(wǎng)格的方正、規(guī)范，還是崇尚現(xiàn)代派網(wǎng)格的自由、細(xì)致？答案并非非此即彼，而是始終互見(jiàn)消長(zhǎng)的。歷代的設(shè)計(jì)者都在不斷為前代的設(shè)計(jì)手法注入新的見(jiàn)解，正因?yàn)槿绱?，網(wǎng)格系統(tǒng)才能不斷發(fā)展，變得越來(lái)越方便和實(shí)用。9:10timeGenerationMethodsof

GriddingofModernistSchool現(xiàn)代派網(wǎng)格方式搭建論述構(gòu)建一個(gè)現(xiàn)代派網(wǎng)格，大致需要六個(gè)步驟：首先，選定版式（橫展型或者直立型）開(kāi)本大??；第二，確定行文區(qū)塊，并大致劃定留白寬度；第三，根據(jù)內(nèi)容確定欄位數(shù)，并依據(jù)欄位數(shù)初步確定版心位置和欄間距；第四，大致劃分出均等的網(wǎng)格區(qū)，注意留出間隔；第五，確定字體級(jí)數(shù)和行距大小，并據(jù)此修正之前大致設(shè)定的網(wǎng)格；第六，將水平的基線網(wǎng)格與垂直的欄位疊加在一起。這樣，一個(gè)基本網(wǎng)格就大致建成了?；揪W(wǎng)格大致建成后，設(shè)計(jì)師還需要考量整體主文以外的其他文字元素，包括標(biāo)題、圖注、頁(yè)碼、腳注、標(biāo)示、注解等。11:40timeValuation/Boundedness

ofModernGridding現(xiàn)代網(wǎng)格的評(píng)價(jià)／局限性現(xiàn)代派網(wǎng)格適用范圍較廣，但也有局限性。某些圖片原本的格式可能并不適合套用網(wǎng)格構(gòu)架，這就需要設(shè)計(jì)師對(duì)圖片進(jìn)行修正。另外，攝影與繪畫(huà)作品本身有各種各樣的規(guī)格，可能要經(jīng)過(guò)裁切才能符合現(xiàn)代派網(wǎng)格。但這種裁切往往會(huì)破壞作品本來(lái)的美感，而且純粹是為了符合網(wǎng)格，而非基于設(shè)計(jì)師的個(gè)人審美。這就是現(xiàn)代網(wǎng)格的局限性。在國(guó)外，許多專(zhuān)業(yè)設(shè)計(jì)師不贊成僅僅為了配合僵硬的網(wǎng)格而裁切他們的設(shè)計(jì)作品，但這種情況在國(guó)內(nèi)比較少見(jiàn)。在設(shè)計(jì)有些書(shū)畫(huà)作品時(shí)可能會(huì)遇到需要裁切的情況，但作品的內(nèi)容又是無(wú)法裁切的，比如《法門(mén)寺佛文化藝術(shù)展畫(huà)冊(cè)》中的佛像作品，是具有宗教性質(zhì)的，所以是不適合裁切的。所以，是否一定要套用網(wǎng)格構(gòu)架，也是根據(jù)作品內(nèi)容靈活操控的，不能硬搬理論。13:05timeMultipleAdaptability

ofFreeGridding自由網(wǎng)格的多重適應(yīng)性自由網(wǎng)格又稱(chēng)演化網(wǎng)格、機(jī)動(dòng)網(wǎng)格，它是在現(xiàn)代網(wǎng)格的基礎(chǔ)上產(chǎn)生的，打破了現(xiàn)代網(wǎng)格的一些局限性，補(bǔ)充了現(xiàn)代網(wǎng)格所缺失的一些東西。網(wǎng)格的建構(gòu)方法很多，其中大部分網(wǎng)格都是以一種穩(wěn)定、隱秘的方式呈現(xiàn)的。而自由網(wǎng)格則是隨著頁(yè)碼隨時(shí)變動(dòng)的，連帶內(nèi)容元素也隨之變化。比如我們右側(cè)案例：通過(guò)曲線與頁(yè)碼的變化不斷移動(dòng)位置，直到最后一頁(yè)，每頁(yè)再配合一些文字形成不同的版式。變化的網(wǎng)格，這時(shí)候就相對(duì)比較靈活。從整個(gè)畫(huà)面來(lái)說(shuō)，曲線構(gòu)成一定是中心，它所占的一塊網(wǎng)格，是整個(gè)網(wǎng)格結(jié)構(gòu)中比例最大的一塊，在移動(dòng)的也是它。簡(jiǎn)單的自由網(wǎng)格可能只有標(biāo)題、頁(yè)碼在逐漸移動(dòng)，復(fù)雜的自由網(wǎng)格則可能牽動(dòng)畫(huà)面上的所有元素，就好像動(dòng)畫(huà)，每個(gè)畫(huà)面的影像乍看似乎都一樣，一旦動(dòng)起來(lái)，圖像位置的細(xì)微變化就形成了連貫的動(dòng)作。這種網(wǎng)格雖然從頭到尾版面上的元素都是相同的，但是每個(gè)版面又都自成一格。比如我們做一個(gè)音樂(lè)廳或音樂(lè)家的宣傳品時(shí)，我們要呈現(xiàn)的不僅僅是文字畫(huà)面信息，而是一種可以看到的視覺(jué)手法，流動(dòng)的，在空氣中廣泛傳播的，讓受眾通過(guò)視覺(jué)就能感受到音樂(lè)的美感、音響效果，以及音樂(lè)家演奏時(shí)的心境。Page01Page02Page03Page04Page05Page0615:20timeBriefSummary小結(jié)在設(shè)計(jì)中，究竟采取哪種網(wǎng)格系統(tǒng)更合適？我們的建議是沒(méi)有必要非要套用某種網(wǎng)格體系。雖然我在整本書(shū)里一直提到現(xiàn)代派網(wǎng)格，但實(shí)際運(yùn)用時(shí)，我把現(xiàn)代派網(wǎng)格與自由網(wǎng)格結(jié)合在了一起。整體使用了現(xiàn)代網(wǎng)格的嚴(yán)密方式，又根據(jù)內(nèi)容的需要選擇了合適的具體網(wǎng)格體系，必要時(shí)還會(huì)采用彈性較大、限制較松的網(wǎng)格體系。現(xiàn)代社會(huì)變化很快，我們應(yīng)該采取現(xiàn)代派網(wǎng)格與自由網(wǎng)格二者結(jié)合的方式，利用它們的優(yōu)點(diǎn)，使畫(huà)面更加規(guī)整，同時(shí)還要打破、突破它們的限制性，在網(wǎng)格基礎(chǔ)上進(jìn)行細(xì)微的調(diào)整。建議是沒(méi)有必要非要套用某種網(wǎng)格體系。雖然我在整本書(shū)里一直提到現(xiàn)代派網(wǎng)格，但實(shí)際是把現(xiàn)代派網(wǎng)格與自由網(wǎng)格相結(jié)合?，F(xiàn)代社會(huì)變化很快，我們應(yīng)該采取現(xiàn)代派網(wǎng)格與自由網(wǎng)格二者相結(jié)合、吸收其優(yōu)點(diǎn)的做法，我們使用網(wǎng)格體系使畫(huà)面更加規(guī)整，但需要打破、突破限制的地方，要在網(wǎng)格基礎(chǔ)之上進(jìn)行細(xì)微的調(diào)整。3Wedenesday/30°C～35°C/Thunderstorms/CloudydayTheThirdDayDesignerssaid:"Detailswillbegatheredtogether!"Designbasisthenunfolded.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月22日星期三雷陣雨轉(zhuǎn)陰天設(shè)計(jì)師說(shuō)：“細(xì)節(jié)要聚集在一起！”設(shè)計(jì)基礎(chǔ)便展現(xiàn)出來(lái)。設(shè)計(jì)師的工作不是隨便把圖片和文字?jǐn)[一擺這么簡(jiǎn)單，就像畫(huà)家在畫(huà)畫(huà)時(shí)，不是簡(jiǎn)單地用顏料把畫(huà)布涂滿(mǎn)一樣，他必須用色彩、線條、圖形……這些元素表達(dá)出不同的層次感和生命力。中國(guó)的水墨畫(huà)色彩很單一，如果只是為了把畫(huà)面填滿(mǎn)，那直接把墨汁潑上去就好了，但藝術(shù)家們卻用最單調(diào)的色彩創(chuàng)造了無(wú)窮無(wú)盡的、栩栩如生的畫(huà)面。其實(shí)每位設(shè)計(jì)師在創(chuàng)作時(shí)，擁有的設(shè)計(jì)元素可能是很有限的，無(wú)非就是一些圖形、圖片和文字，那么這時(shí)，一些更為具體化、細(xì)節(jié)化的東西就尤為重要，選用什么字體，決定字間距、行間距……這些看似煩瑣的工作都有很大的學(xué)問(wèn)。你要做的就是遵循設(shè)計(jì)的基本原則，然后用這些設(shè)計(jì)元素的不同組合方式打破網(wǎng)格的局限性。記住，永遠(yuǎn)不要依賴(lài)電腦的默認(rèn)字體、默認(rèn)行間距什么的，那是摧毀你設(shè)計(jì)的兇手。還有最重要的一點(diǎn)，一切設(shè)計(jì)都不能隨心所欲，都要服從于內(nèi)容，脫離了內(nèi)容，你的設(shè)計(jì)一文不值。BasicPrinciplesofEditorialDesign9:00time編輯設(shè)計(jì)的基本原則編輯設(shè)計(jì)這個(gè)詞為什么之前沒(méi)有出現(xiàn)過(guò)呢？編輯設(shè)計(jì)這個(gè)詞為什么之前沒(méi)有出現(xiàn)過(guò)呢？因?yàn)檎Z(yǔ)言翻譯時(shí)，編輯設(shè)計(jì)和版式設(shè)計(jì)使用的是同一個(gè)詞。版式設(shè)計(jì)是版面的設(shè)計(jì)，編輯設(shè)計(jì)是將版面內(nèi)所有的信息進(jìn)行編撰，對(duì)設(shè)計(jì)元素進(jìn)行提煉、歸納、總結(jié)，放在它合適出現(xiàn)的位置。但什么是合適出現(xiàn)的位置？這就要由畫(huà)冊(cè)設(shè)計(jì)師來(lái)決定了，最終目的一定要讓讀者更舒服、更方便去閱讀里面的內(nèi)容。在設(shè)計(jì)中，如果設(shè)計(jì)者不遵循設(shè)計(jì)原則，也不考慮受眾等其他因素，隨心所欲地發(fā)揮設(shè)計(jì)，那么最后的設(shè)計(jì)很可能達(dá)不到理想效果。相反，如果設(shè)計(jì)的時(shí)候能夠綜合考慮各方面的因素并選擇恰當(dāng)?shù)姆椒?，作品就?huì)更加“和諧”和出色。那么設(shè)計(jì)者在設(shè)計(jì)過(guò)程中要遵循哪些基本原則呢？為設(shè)計(jì)對(duì)象建立一個(gè)合適的網(wǎng)格網(wǎng)格不是一個(gè)固定的模式，必須根據(jù)不同的方式方法進(jìn)行改變，要符合設(shè)計(jì)的基礎(chǔ)架構(gòu)。排版網(wǎng)格是由一些垂直線和水平線構(gòu)成的結(jié)構(gòu)，可以用來(lái)幫助內(nèi)容結(jié)構(gòu)化，讓設(shè)計(jì)對(duì)象產(chǎn)生秩序感。有些人說(shuō)網(wǎng)格太過(guò)于呆板，影響設(shè)計(jì)創(chuàng)意，我個(gè)人覺(jué)得可以把網(wǎng)格當(dāng)做一個(gè)整體的大框架，或者作為設(shè)計(jì)師組織文字、圖片的一個(gè)支架，相當(dāng)于是設(shè)計(jì)的基礎(chǔ)。沒(méi)有好的基礎(chǔ)又怎么能有出色的設(shè)計(jì)呢？所以網(wǎng)格不僅不影響創(chuàng)意的發(fā)揮，而且能使設(shè)計(jì)師的思路得到理性梳理。網(wǎng)格的使用，能較好地解決設(shè)計(jì)師關(guān)于頁(yè)面中各元素定位的問(wèn)題，在這個(gè)基礎(chǔ)上可以對(duì)版式進(jìn)行科學(xué)的、精準(zhǔn)的規(guī)劃。同時(shí)使用網(wǎng)格還能令設(shè)計(jì)變得高效。在把草圖轉(zhuǎn)化為設(shè)計(jì)稿的過(guò)程中，在版式方面主要的難點(diǎn)是如何精確地安排各個(gè)元素，這時(shí)候如果能夠選擇合適的網(wǎng)格進(jìn)行設(shè)計(jì)，那么這個(gè)起點(diǎn)的意義是非常大的。在把草圖轉(zhuǎn)化為設(shè)計(jì)稿的過(guò)程中，在版式方面主要的難點(diǎn)是如何精確地安排各個(gè)元素，這時(shí)候如果能夠選擇合適的網(wǎng)格進(jìn)行設(shè)計(jì)，那么這個(gè)起點(diǎn)的意義是非常大的。把握節(jié)奏韻律版式的節(jié)奏感及韻律，來(lái)源于排版設(shè)計(jì)中的疏密的間隔安排，它就好比音樂(lè)作品里的節(jié)拍，也是組織內(nèi)容的一個(gè)重要單元。設(shè)計(jì)者要注意通過(guò)疏密的控制使對(duì)象形成畫(huà)面節(jié)奏的和諧感受，建立一種視覺(jué)和諧的美感。體現(xiàn)層級(jí)實(shí)際上，任何一個(gè)版面或界面都存在著不同的層級(jí)關(guān)系，并且版面內(nèi)容的層級(jí)具有主次之分。設(shè)計(jì)師在進(jìn)行設(shè)計(jì)的時(shí)候，應(yīng)該把這種客觀存在的層級(jí)關(guān)系用編排的手段還原出來(lái)。做好版面層級(jí)區(qū)分的核心作用是，能夠提升文本、圖片等元素的視覺(jué)線索，從而獲得更好的界面清晰度，簡(jiǎn)單地說(shuō)就是使內(nèi)容更容易閱讀了。在設(shè)計(jì)中，可以通過(guò)字體大小對(duì)比、文字效果、色塊等方法來(lái)處理分級(jí)效果。比如哪些字應(yīng)該大一些，哪些字應(yīng)該小一些；哪些色塊要重一些，哪些淺一些，等等。10:05timeColumn-Separation

MethodsandMeaning分欄的方法和作用客戶(hù)提供的資料一般分為圖片和文字兩部分，圖片由攝像師來(lái)控制，文字由文案來(lái)控制，但是文案的呈現(xiàn)方式和在語(yǔ)言上的引導(dǎo)方式是由設(shè)計(jì)師來(lái)控制的，比如一個(gè)頁(yè)面中有500個(gè)字，我們是讓讀者像憋著一口氣游泳一樣，長(zhǎng)篇累牘，還是讓讀者輕松愉快地閱讀、理解里面的每一個(gè)內(nèi)容？我相信大家都會(huì)選擇后者。那怎么達(dá)到這樣一個(gè)效果呢？這就要用到分欄的方式了。分欄是期刊版式中最具視覺(jué)沖擊的板塊結(jié)構(gòu)之一，是版式設(shè)計(jì)中的重要內(nèi)容。什么是分欄？就是在一個(gè)頁(yè)面上，分幾個(gè)欄位來(lái)敘述文字，可以是通欄也可以是雙欄，或者多欄。分欄的作用分欄的作用，一是為方便閱讀；二是使視覺(jué)感受更舒適；三是通過(guò)設(shè)計(jì)的方式，體現(xiàn)文字的節(jié)奏感；四是確定每頁(yè)的行數(shù)、字?jǐn)?shù)。分欄使版面更具比列性、秩序性、清晰性、準(zhǔn)確性、嚴(yán)密性。11:15timeColumn

mode分欄的方式不同的情況下采用不同的分欄方式，主要有兩種方式：一種是按照自然段來(lái)分，就像小學(xué)劃分段落大意，將大意相同的自然段劃分為一欄，形成一個(gè)大段落，或者是直接一個(gè)自然段一欄，視覺(jué)上錯(cuò)落有致。但后者只適合自然段較少的文章；另一種是把整個(gè)文字內(nèi)容平分為幾等份，一份為一欄，整體看起來(lái)非常規(guī)整。不同類(lèi)型的讀物要選擇不同的分欄方式，這樣才能做到表達(dá)準(zhǔn)確。1-2欄多數(shù)情況下更加正式，具有一定的嚴(yán)肅性。比如企業(yè)畫(huà)冊(cè)，一般多采用一欄到兩欄，這是因?yàn)槠髽I(yè)畫(huà)冊(cè)的內(nèi)容相對(duì)平鋪直敘，以介紹企業(yè)狀況為主，這時(shí)候，欄與欄之間沒(méi)有過(guò)多的復(fù)雜關(guān)系才能保證閱讀的通暢。3-5欄多為雜志或靈活性讀物，欄數(shù)越多，版面的靈活性也越大，而且，每欄都可以呈現(xiàn)一個(gè)不同的內(nèi)容。這種方式一般出現(xiàn)在自由網(wǎng)格或者雜志中，用來(lái)表現(xiàn)更活躍的內(nèi)容。12:40timeBasistoGenerateDifferentColumn

HeightAccordingtoContentDifferences不同內(nèi)容產(chǎn)生欄高的依據(jù)欄的高度是可以進(jìn)行控制的，但是在一些設(shè)計(jì)類(lèi)的書(shū)里我們經(jīng)常會(huì)發(fā)現(xiàn)，整個(gè)頁(yè)面的文字非常少，可能只是集中在某一個(gè)部位，那這個(gè)欄高怎么確定？說(shuō)到欄高，必然會(huì)提到欄寬。欄高的改變會(huì)直接影響到欄寬。要控制欄高，就要考慮到周邊的設(shè)計(jì)元素，這就牽扯到使用幾欄的問(wèn)題。如果使用兩欄，欄高就根據(jù)圖片來(lái)確定，確定了欄高，欄寬自然也就確定了。欄高可以在設(shè)計(jì)過(guò)程中出現(xiàn)不同的變化。比如右圖，欄高不同，代表演奏時(shí)樂(lè)曲節(jié)奏的起落。這時(shí)候欄高是作為一種設(shè)計(jì)的手段來(lái)出現(xiàn)的，為的是一種藝術(shù)的表達(dá)。在日常設(shè)計(jì)中，這種設(shè)計(jì)相對(duì)比較少見(jiàn)，此處是個(gè)特例。13:50timeDigitizedExpressionof

TextandLineSpacing內(nèi)文與行間距的數(shù)據(jù)化體現(xiàn)行間距指行與行之間的距離。我們?cè)诳紤]了欄高、欄寬之后，就要具體考慮文字內(nèi)容的行間距。當(dāng)然我們也可以采用系統(tǒng)默認(rèn)的行間距，但這樣表達(dá)出的內(nèi)容往往缺乏靈魂。在文件操作中，會(huì)牽涉到數(shù)據(jù)的設(shè)定，比如100～200個(gè)單位之間，或100～500個(gè)單位之間，都可以設(shè)定。行間距越大，關(guān)系越疏遠(yuǎn)，通過(guò)這種疏遠(yuǎn)的關(guān)系可以在一定意義上分隔意義不同的文字。這就是數(shù)據(jù)化的一個(gè)體現(xiàn)。相對(duì)來(lái)說(shuō)，行間距越小，關(guān)系越緊密。如果一篇文章有三段文字，三段文字關(guān)系是這樣的：第一段文字是敘述性文字，行間距是常規(guī)的，即140～180之間，閱讀起來(lái)比較清晰流暢。第二段文字是提示性文字，行間距是120，異常緊湊，說(shuō)明在講另一件事情，這即是通過(guò)行間距來(lái)區(qū)別文字?jǐn)⑹?。第三段文字，是設(shè)計(jì)感稍強(qiáng)、內(nèi)容上偏裝飾性的文字，它更多追求的不是可讀性，而是可看性，變?yōu)閳D案。所說(shuō)的段與段，它可能不全是中國(guó)文字，而是摻雜了英文、日文等國(guó)際文字甚至是一些符號(hào)。所以通過(guò)行間距的數(shù)據(jù)化，可以區(qū)別文字間的關(guān)系。14:15timeDigitizedExpressionofLineSpacing

&ColumnSpacing行間距、欄間距的數(shù)據(jù)化體現(xiàn)在一段文字里面，我們需要控制行與行之間的距離，還要控制欄與欄之間的距離。我們可以通過(guò)版面去適應(yīng)和設(shè)定欄間距。欄間距有一定的范圍，我們可以通過(guò)實(shí)際需要和自身的習(xí)慣、經(jīng)驗(yàn)來(lái)選擇合適的單位。如果版面很小，欄間距當(dāng)然是越小越好，這并不影響它的間隔作用。3欄為基礎(chǔ)欄的范例，在此基礎(chǔ)之上可以對(duì)其中兩欄進(jìn)行合并。3欄為基礎(chǔ)欄的范例，在此基礎(chǔ)之上可以對(duì)其中兩欄進(jìn)行合并，基礎(chǔ)欄和合并出的欄位可以同時(shí)出現(xiàn)。15:10timeSpacing間距的認(rèn)識(shí)內(nèi)文的間距可以直觀用百分比模式來(lái)展示數(shù)據(jù)，利用數(shù)據(jù)的正負(fù)來(lái)調(diào)整距離，每一次細(xì)微的調(diào)整都會(huì)影響到整體字符之間的關(guān)系。15:30timeCaption標(biāo)題文字間距要求標(biāo)題的間距變化相對(duì)較大，需要根據(jù)具體內(nèi)容和標(biāo)題大小來(lái)確定。10:20timeBodytext內(nèi)文文字間距要求一般內(nèi)文間距使用范圍在-20至20之間，通過(guò)多年的設(shè)計(jì)經(jīng)驗(yàn)發(fā)現(xiàn)，文字間距在20以上時(shí)，文字的閱讀性會(huì)差一些，而且畫(huà)面的美感也會(huì)差一些。字間距根據(jù)標(biāo)題和內(nèi)容需要選用最適合的數(shù)值。不同的字體，間距都是不同的，這也是設(shè)計(jì)師需要考慮的范疇。15:40timeChangesinrules數(shù)字間距的變化規(guī)則15:50timeOnreading間距對(duì)閱讀的影響過(guò)緊與過(guò)度松弛的文字間距都會(huì)妨礙閱讀性。16:10timeRelationship字符間距與空白面積的關(guān)系過(guò)于緊密或稀疏的文字間距都會(huì)影響閱讀。文字間距20、間距10、間距-20，讀者會(huì)分別產(chǎn)生什么樣的感覺(jué)呢？字符間距過(guò)大，會(huì)影響整篇文章的閱讀張力，降低文字識(shí)別力；會(huì)使文字內(nèi)容過(guò)于跳躍，令讀者的邏輯關(guān)系產(chǎn)生脫節(jié)。文字間距過(guò)密，又會(huì)讓讀者對(duì)文字產(chǎn)生壓抑感，對(duì)空白部分產(chǎn)生一個(gè)聯(lián)想。比如示例／1，從一個(gè)角度看是線，從另一個(gè)角度，會(huì)更多看到底色的藍(lán)色，這樣就形成底色與文字之間的一個(gè)反差對(duì)照。示例／1文字與空白面積的關(guān)系示例／2文字與空白面積的關(guān)系（白底黑字產(chǎn)生的視覺(jué)對(duì)比）內(nèi)文間距過(guò)松內(nèi)文間距過(guò)緊示例／3文字與空白面積的關(guān)系（底色與白色字體產(chǎn)生的視覺(jué)對(duì)比）內(nèi)文間距過(guò)松內(nèi)文間距過(guò)緊16:20timeSizeGeneratedbyLetterCombination文字組合產(chǎn)生的體積通過(guò)文字組合產(chǎn)生體積，但何為文字組合？我特別不建議設(shè)計(jì)師把一個(gè)標(biāo)題單獨(dú)列出來(lái)，最好是多個(gè)元素組合出現(xiàn)。比如上圖，看起來(lái)很緊湊，但又很有意思，而不是孤單單的一個(gè)信息。當(dāng)然，我們并不是反對(duì)只有一句話的出現(xiàn)，而是希望通過(guò)設(shè)計(jì)手法讓它在一個(gè)面積之內(nèi)平衡更多的元素，當(dāng)然，它的前提是不影響閱讀的方便性。在傳統(tǒng)的數(shù)據(jù)里面，并沒(méi)有設(shè)計(jì)元素，而單單是設(shè)計(jì)案例或設(shè)計(jì)細(xì)節(jié)，通過(guò)一二三級(jí)標(biāo)題來(lái)區(qū)分。我們形成這樣組合的目的，就是要加深一二三級(jí)標(biāo)題之間的關(guān)系、序列。比如本書(shū)的標(biāo)題，一級(jí)標(biāo)題有五個(gè)設(shè)計(jì)元素，二級(jí)標(biāo)題有三個(gè)設(shè)計(jì)元素，三級(jí)標(biāo)題只有一個(gè)設(shè)計(jì)元素，我們通過(guò)很簡(jiǎn)單的個(gè)體量的變化和置換，就很清晰地把數(shù)量結(jié)構(gòu)區(qū)分開(kāi)來(lái)了。在平常設(shè)計(jì)圖書(shū)版式的時(shí)候，一般不需要很多設(shè)計(jì)元素，因?yàn)閳D書(shū)設(shè)計(jì)不需要很復(fù)雜。而跟設(shè)計(jì)有關(guān)的作品，就需要較多設(shè)計(jì)元素，設(shè)計(jì)師需要，客戶(hù)也需要，我們通過(guò)一些設(shè)計(jì)手法，把有限的內(nèi)容進(jìn)行豐富。但俗話說(shuō)：巧婦難為無(wú)米之炊。對(duì)設(shè)計(jì)師而言，可運(yùn)用的設(shè)計(jì)元素越少，設(shè)計(jì)難度越大，我們?cè)撊绾慰朔@個(gè)困難呢？這就需要分析文字內(nèi)容，提煉出一些關(guān)鍵的點(diǎn)，把它們進(jìn)行組合。比如本書(shū)頁(yè)眉，它包含了日期、天氣、星期幾、卡通圖案等設(shè)計(jì)元素。以天氣來(lái)說(shuō)，它可以代表真實(shí)的天氣，也可以代表作者的心情。這樣的設(shè)計(jì)，就表達(dá)了更多的設(shè)計(jì)理念。這就是“文字組合產(chǎn)生體積”的真正概念，而不是簡(jiǎn)單用文字堆砌一面枯燥的墻壁。在文字組合時(shí)，需要考慮的不光是文字和文字之間的比例關(guān)系，還要根據(jù)信息的重要性對(duì)元素進(jìn)行組合和配比，決定哪個(gè)占得比例更大，哪部分更應(yīng)該凸顯。比如本書(shū)頁(yè)眉，雙頁(yè)頁(yè)眉首先是日期，然后是天氣，之后是其他幾個(gè)信息進(jìn)行輔助。單頁(yè)頁(yè)眉，會(huì)出現(xiàn)星期一到星期日，如果今天是星期五，星期五就是特殊顏色。但是它所敘述的是一個(gè)內(nèi)容，而且已經(jīng)用顏色進(jìn)行了重點(diǎn)突出，所以它的元素大小和比例是一樣的。16:30timeStructure'sRoleinLetterCombination構(gòu)成在文字組合中的關(guān)系在平面設(shè)計(jì)學(xué)中，構(gòu)成是一個(gè)非?；A(chǔ)的東西，但又是設(shè)計(jì)師要使用一生的理論。何謂平面構(gòu)成？平面構(gòu)成是視覺(jué)元素在二次元的平面上（也就是我們經(jīng)常所說(shuō)的平面宣傳資料、平面紙媒、二維世界），按照美的視覺(jué)效果、力學(xué)的原理，進(jìn)行的編排和組合；是以理性和邏輯推理來(lái)創(chuàng)造形象、研究形象與形象之間排列的方法，是理性與感性相結(jié)合的產(chǎn)物。設(shè)計(jì)師在做設(shè)計(jì)的時(shí)候，經(jīng)常會(huì)因?yàn)閭€(gè)人主觀認(rèn)識(shí)、設(shè)計(jì)經(jīng)驗(yàn)和設(shè)計(jì)能力的差異，造成不同的結(jié)果。設(shè)計(jì)師能否在個(gè)人能力基礎(chǔ)之上達(dá)到一個(gè)全人類(lèi)都認(rèn)可的標(biāo)準(zhǔn)，決定了他能否成功。經(jīng)常有設(shè)計(jì)師說(shuō)：“客戶(hù)不懂我的設(shè)計(jì)?！逼鋵?shí)不是客戶(hù)不懂，而是設(shè)計(jì)師做得還不夠好。設(shè)計(jì)師需要通過(guò)自身的積累，達(dá)到別人認(rèn)可的一個(gè)標(biāo)準(zhǔn)。每個(gè)人內(nèi)心都有一個(gè)美的標(biāo)準(zhǔn)，即使他的文化程度、學(xué)識(shí)不高，他內(nèi)心也有一個(gè)隱形的美的標(biāo)準(zhǔn)。設(shè)計(jì)就是要達(dá)到大家對(duì)美的共性認(rèn)識(shí)標(biāo)準(zhǔn)，做到這一點(diǎn)就會(huì)被認(rèn)可。有時(shí)客戶(hù)所知有限，設(shè)計(jì)師應(yīng)以自己的專(zhuān)業(yè)知識(shí)和設(shè)計(jì)經(jīng)驗(yàn)，引導(dǎo)客戶(hù)去認(rèn)識(shí)更好的、更合適企業(yè)或個(gè)人的視覺(jué)形象，用語(yǔ)言和視覺(jué)說(shuō)服客戶(hù)，告訴客戶(hù)這樣的設(shè)計(jì)更豐富完整，能夠更清楚地闡述企業(yè)含義。相比在設(shè)計(jì)中摻雜更多個(gè)人的喜好，這才是設(shè)計(jì)師應(yīng)該做的工作。當(dāng)然設(shè)計(jì)師在設(shè)計(jì)中多多少少會(huì)摻雜一些個(gè)人化的東西，這和個(gè)人的教育背景有關(guān)，比如有的設(shè)計(jì)師喜歡荷蘭風(fēng)格，有的喜歡德國(guó)、日本風(fēng)格，這無(wú)可厚非，但一定要考慮是否適合設(shè)計(jì)對(duì)象。比如做法門(mén)寺相關(guān)宣傳品設(shè)計(jì)雜志，貫穿其中的一定是傳統(tǒng)的東西，一切設(shè)計(jì)都必須體現(xiàn)這點(diǎn)。《法門(mén)》雜志第三期的頁(yè)眉，雖然是現(xiàn)代的設(shè)計(jì)手法，但卻體現(xiàn)了傳統(tǒng)的觀念。所以我覺(jué)得好設(shè)計(jì)的定義應(yīng)該視設(shè)計(jì)的內(nèi)容而定。16:50timeApplicationofDots點(diǎn)構(gòu)成的應(yīng)用構(gòu)成在文字組合中的關(guān)系，我們?cè)撊绾螒?yīng)用？從傳統(tǒng)的平面構(gòu)成定義可知，構(gòu)成需要通過(guò)點(diǎn)、線、面的不同組合方式來(lái)完成形象識(shí)別。點(diǎn)點(diǎn)的構(gòu)成點(diǎn)的定義：點(diǎn)是最基礎(chǔ)的設(shè)計(jì)元素，通過(guò)點(diǎn)能實(shí)現(xiàn)韻律和節(jié)奏，甚至完成線的構(gòu)成。不同大小、疏密的混合排列，會(huì)成為一種散點(diǎn)式的構(gòu)成形式；將大小一致的點(diǎn)按一定的方向進(jìn)行有規(guī)律的排列，就會(huì)給人的視覺(jué)留下線化的感覺(jué)；將點(diǎn)由大到小，按一定的軌跡、方向進(jìn)行變化，就會(huì)產(chǎn)生一種優(yōu)美的韻律感。比如本書(shū)的頁(yè)眉，和其他小的設(shè)計(jì)元素，它都是作為點(diǎn)出現(xiàn)的，我們通過(guò)組合，使之成為一行一行的線。16:55timeApplicationofLines線構(gòu)成的應(yīng)用線線的構(gòu)成線的定義1.：面化的線（等距的密集排列）。點(diǎn)的組合，放遠(yuǎn)之后，形成密集的塊，就是等距的密集排列。在設(shè)計(jì)中也可能不要求等距的密集排列，而是排列后形成一個(gè)面，這樣更體量化。線的定義2.：疏密變化的不同，粗細(xì)和虛實(shí)的變化不同都會(huì)影響空間的透視視覺(jué)效果，從而產(chǎn)生錯(cuò)覺(jué)化、立體化、不規(guī)則化。比如本書(shū)頁(yè)眉，它是不規(guī)則的，首先大小是有區(qū)別的，通過(guò)不同的文字種類(lèi)，英文、阿拉伯?dāng)?shù)字和中文的不同組合，錯(cuò)覺(jué)化、粗細(xì)變化、不規(guī)則化都達(dá)到了，這就完成了“構(gòu)成”的基礎(chǔ)理念，之后形成面。17:10timeApplicationofSurfaces面構(gòu)成的應(yīng)用點(diǎn)線面面的構(gòu)成面的構(gòu)成形式：幾何形的面，表現(xiàn)規(guī)則、平穩(wěn)、較為理性的視覺(jué)效果；自然形的面，給人以更為生動(dòng)、厚實(shí)的視覺(jué)效果；徒手的面和有機(jī)形的面，表現(xiàn)出柔和、自然、抽象的形態(tài)；偶然形的面，自由、活潑又富有哲理性；人造形的面，則體現(xiàn)較為理性的人文特點(diǎn)。面給人厚實(shí)的效果，我們?cè)诋?huà)畫(huà)和做設(shè)計(jì)時(shí)經(jīng)常會(huì)提到幾個(gè)詞：?jiǎn)伪?、豐富、厚重。厚重和豐富是褒義詞，單薄是貶義詞。我們通過(guò)點(diǎn)線完成面之后，是不是達(dá)到了豐富、厚重的效果？如果達(dá)到了，這樣的設(shè)計(jì)就是成功的。點(diǎn)線面完成之后，就形成了構(gòu)成，包括密集構(gòu)成、對(duì)比構(gòu)成、肌理構(gòu)成。密集構(gòu)成是指比較自由性的構(gòu)成形式，包括預(yù)置形通過(guò)字的體量、大小、顏色來(lái)達(dá)成平衡。不規(guī)則是一種美，沒(méi)有達(dá)到不規(guī)則之前，規(guī)則是更保守的美，它更容易達(dá)到我們最基礎(chǔ)的要求，在基礎(chǔ)之上我們才能變化。就像美術(shù)素描，要畫(huà)圓先畫(huà)方。先規(guī)則再變化，這是一定的。17:20timeContentAlignment&ItsApplicationTypes內(nèi)文對(duì)齊方式與應(yīng)用種類(lèi)對(duì)齊包括左對(duì)齊、右對(duì)齊、上對(duì)齊、下對(duì)齊、中對(duì)齊等，對(duì)齊的產(chǎn)生源于我們對(duì)版面重心的要求。對(duì)齊方式是根據(jù)設(shè)計(jì)內(nèi)容來(lái)設(shè)定的。左、右對(duì)齊是根據(jù)內(nèi)容重心來(lái)確定的，右對(duì)齊要和頁(yè)眉、邊角構(gòu)成對(duì)齊。當(dāng)然，內(nèi)容首先要足夠多，對(duì)齊才合理。如果設(shè)計(jì)內(nèi)容是平鋪直敘的，用左對(duì)齊相對(duì)比較理想，符合我們的閱讀習(xí)慣。中對(duì)齊適合平衡感十足的內(nèi)容。比如中心是個(gè)圓的圖形，上下內(nèi)容中對(duì)齊，和圓的重心形成一致。右對(duì)齊的應(yīng)用是在比較特殊的情況下，畫(huà)面重心在右邊，比如圖片在右邊，那么文字為和圖片重心保持一致，采用右對(duì)齊的方式，方便讀者閱讀。上、下對(duì)齊是根據(jù)頁(yè)面高度來(lái)確定的。通過(guò)對(duì)齊來(lái)完成畫(huà)面，形成控制頁(yè)面高度和最低位置的標(biāo)準(zhǔn)。上對(duì)齊的應(yīng)用是為了和下方的內(nèi)容形成對(duì)比，它規(guī)定了頁(yè)面上方最高的文字距離。下對(duì)齊也如此，上方一定有內(nèi)容，為了和上方的內(nèi)容形成對(duì)比，下對(duì)齊規(guī)定了頁(yè)面的設(shè)計(jì)元素最低放置的位置。4Thursday/33°C～35°C/Cloudy/CloudydayTheFourthDayDesignerssaid"Designingshouldbecarriedoutstepbystepingoodmethods!"Therefore,organizationofdataanddesignframeworkconstructionbecomenecessary.Then,whatshouldwedobeforedesigning?Atfirst,weshouldpreparetextdata,constructframeworkandthenfillinformationintheframework.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月23日星期四多云轉(zhuǎn)陰天設(shè)計(jì)師說(shuō)：“設(shè)計(jì)要有方式方法，要有步驟！”便有了工作前的資料整理和設(shè)計(jì)框架的搭建。沒(méi)有人能搭建空中樓閣，打地基、砌墻、鋼筋、灌水泥……少了任何一個(gè)步驟，或者哪一步做的不好，建筑物的質(zhì)量都不合格，甚至還有隨時(shí)坍塌的可能。我們的設(shè)計(jì)也必須從最基礎(chǔ)的一步做起，經(jīng)過(guò)一個(gè)首先、其次、再次、接下來(lái)……最后的過(guò)程。不要感覺(jué)煩瑣，也不要想著偷懶，該進(jìn)行的步驟一樣也不能少。當(dāng)然我的意思不是讓大家完全按部就班，一名出色的設(shè)計(jì)師總能在規(guī)矩里玩出創(chuàng)意來(lái)，相信你一定也可以。那么，設(shè)計(jì)前的準(zhǔn)備工作都有哪些呢？首先要準(zhǔn)備文字資料，搭建框架，然后往框架中填信息。Communication/OrganizationofData/

Analysis/ProductionStructureandImplementation9:00time溝通／資料整理／分析／產(chǎn)生架構(gòu)與執(zhí)行設(shè)計(jì)前的準(zhǔn)備工作都有哪些呢？首先要準(zhǔn)備文字資料，搭建框架，然后往框架中填信息。作為一個(gè)成熟的設(shè)計(jì)師，設(shè)計(jì)的準(zhǔn)備工作應(yīng)從溝通開(kāi)始。了解客戶(hù)的需要，了解市場(chǎng)的需求，將這二者結(jié)合在一起。溝通完畢之后，接下來(lái)就是整理資料，然后對(duì)資料進(jìn)行分析，進(jìn)而產(chǎn)生構(gòu)架，開(kāi)始執(zhí)行設(shè)計(jì)方案。溝通是人與人之間、人與群體之間思想與感情傳遞和反饋的過(guò)程，以求思想達(dá)成一致和感情的通暢。資料整理是根據(jù)調(diào)查研究的目的，運(yùn)用科學(xué)的方法，對(duì)調(diào)查所獲得的資料進(jìn)行審查、檢驗(yàn)，分類(lèi)、匯總等初步加工，使之系統(tǒng)化和條理化，并以集中、簡(jiǎn)明的方式反映調(diào)查對(duì)象總體情況的過(guò)程。資料整理是資料研究的重要基礎(chǔ)，是提高調(diào)查資料質(zhì)量和使用價(jià)值的必要步驟，是保存資料的客觀要求。資料整理的原則是真實(shí)性、合格性、準(zhǔn)確性、完整性、系統(tǒng)性、統(tǒng)一性、簡(jiǎn)明性和新穎性。分析就是將研究對(duì)象的整體分為各個(gè)部分、方面、因素和層次，并分別加以考察的認(rèn)識(shí)活動(dòng)。分析的意義在于細(xì)致地尋找能夠解決問(wèn)題的主線，并以此解決問(wèn)題。構(gòu)架是人們對(duì)一個(gè)結(jié)構(gòu)內(nèi)的元素及元素間關(guān)系的一種主觀映射的產(chǎn)物。分析是有效利用資源、保質(zhì)保量達(dá)成目標(biāo)的能力。執(zhí)行力指的是貫徹戰(zhàn)略意圖，完成預(yù)定目標(biāo)的操作能力。10:20timeStructureDesigningConfigurationTableDraft設(shè)計(jì)結(jié)構(gòu)草圖配置表設(shè)計(jì)結(jié)構(gòu)草圖配置表草圖配置表是在綜合所有信息之后，對(duì)每頁(yè)所放內(nèi)容的設(shè)置草案，相當(dāng)于設(shè)計(jì)大綱。草圖配置表的形成大致分兩個(gè)階段：勾草圖階段和設(shè)計(jì)稿階段。勾草圖階段當(dāng)設(shè)計(jì)師掌握了相關(guān)的設(shè)計(jì)素材資料后，勾草圖就是最先要做的事情。勾草圖的過(guò)程實(shí)際就是設(shè)計(jì)師思索的過(guò)程，這當(dāng)中不能排除不同媒體版式的特性對(duì)設(shè)計(jì)師思維的制約，也不能排除不同字體和圖片形式對(duì)設(shè)計(jì)師編排工作的影響。但優(yōu)秀的設(shè)計(jì)師往往能突破這些制約和影響，以限制性開(kāi)發(fā)創(chuàng)造性，化限制為自由。作為設(shè)計(jì)師，要學(xué)會(huì)接受限制，掌握限制，利用限制。12:20timeDesigningStage設(shè)計(jì)稿階段草圖勾畫(huà)是凌亂潦草的。設(shè)計(jì)者要在若干凌亂潦草的草圖中選擇出較滿(mǎn)意的設(shè)計(jì)方案，對(duì)它進(jìn)行進(jìn)一步的完善。這是一個(gè)很重要的程序，稱(chēng)為設(shè)計(jì)方案階段。設(shè)計(jì)稿中，版式設(shè)計(jì)形式的選擇范圍應(yīng)比草圖時(shí)明顯縮小，但還是應(yīng)根據(jù)設(shè)計(jì)方案的需要多畫(huà)出幾張效果圖進(jìn)行比較，差異不一定要大。這個(gè)階段要在編排格式上認(rèn)真琢磨，仔細(xì)推敲，以保證下一步正稿的質(zhì)量。草圖配置表出來(lái)后，我們就可以開(kāi)始考慮裝飾性的東西和每一頁(yè)的閱讀起點(diǎn)。閱讀順序是怎樣的，頁(yè)眉在左上角、右上角，還是左、右兩邊。比如一個(gè)企業(yè)的介紹可能分為好幾個(gè)部分，我建議在手指翻書(shū)的位置出現(xiàn)1、2、3、4、5，通過(guò)顏色來(lái)區(qū)分各個(gè)部分。14:50timeCatalogInformation目錄信息目錄信息草圖配置表完成之后，就要開(kāi)始整理目錄信息。目錄信息是對(duì)所涉及內(nèi)容的大致整理，多少會(huì)體現(xiàn)出設(shè)計(jì)風(fēng)格。宗教感與傳統(tǒng)相結(jié)合傳統(tǒng)企業(yè)體現(xiàn)提升發(fā)展趨勢(shì)，文字內(nèi)容中規(guī)中矩現(xiàn)代企業(yè)展現(xiàn)靈活發(fā)展，不同大小的圓來(lái)反映不同結(jié)構(gòu)15:15timePagination頁(yè)碼頁(yè)碼目錄信息整理完成后，我們需要通過(guò)頁(yè)碼來(lái)確定每一頁(yè)的頁(yè)面關(guān)系。無(wú)論內(nèi)容如何，通過(guò)頁(yè)碼可牢牢控制整本畫(huà)冊(cè)的基調(diào)。兩種軟件名稱(chēng)用加號(hào)連接，從頁(yè)眉就可以看出，這本畫(huà)冊(cè)所闡述的內(nèi)容和結(jié)構(gòu)類(lèi)型。頁(yè)碼百分比的表現(xiàn)形式闡述出百分比的設(shè)計(jì)特點(diǎn)。Differentcontentusingtheplusconnection,ascanbeseenfromtheheader,thealbumstructuretype.Pagenumberpercentageformthepercentageofdesignfeatures簡(jiǎn)潔的組合，具有識(shí)別力的內(nèi)容。清晰地表達(dá)出目前“業(yè)績(jī)展示”這個(gè)版塊在畫(huà)冊(cè)中的位置。依照閱讀習(xí)慣，我們?cè)谠O(shè)計(jì)畫(huà)冊(cè)的時(shí)候，頁(yè)眉作為翻閱畫(huà)冊(cè)時(shí)檢索的要點(diǎn)，可以出現(xiàn)具體查閱信息，方便閱讀的檢索。Simplecombination,discerningcontent.Clearexpressionofthecurrent"achievementexhibition"thepartsinthealbum'sposition.Inaccordancewiththehabitofreading,wedesignedthealbumwhen,asthealbumwhenreadingheaderretrievalpoints,canappearspecificinformationretrieval,easyreading.在頁(yè)眉具有檢索功能的基礎(chǔ)之上，也可以附加一些適合企業(yè)的設(shè)計(jì)元素，這些設(shè)計(jì)元素從企業(yè)標(biāo)識(shí)本身的輔助圖形進(jìn)行提取，相對(duì)來(lái)說(shuō)是比較科學(xué)的辦法。當(dāng)然我們也可以分析得出企業(yè)目前宣傳中所缺失的幾個(gè)方面，加以整合，產(chǎn)生新的符合企業(yè)性質(zhì)的設(shè)計(jì)元素。Intheheaderwithsearchingfunctionfoundation,alsocanaddsomesuitablefortheenterprisedesignelements,thesedesignelementsfromthecorporatelogoitselfaidedgraphicsforextraction,isarelativelyscientificapproach,ofcoursewecanalsoanalyzethepropagandaenterpriselackinginseveralrespects,conformity.Generationofnewenterpriseswiththenatureofthedesignelements.此頁(yè)眉作為企業(yè)五十年慶的背景下設(shè)計(jì)產(chǎn)生，提取1959-2009的數(shù)字信息，直觀展示出50年企業(yè)發(fā)展歷程。并且使用飄舞的絲綢作為元素，與文字形成組合，提升了企業(yè)50年大慶的喜悅場(chǎng)景。Thisheaderascompanycelebratesfiftyyearsinthecontextofthedesign,theextractionof1959-2009digitalinformation,intuitionisticshow50yearscourseofenterprisedevelopment.Andtheuseofasilkaselementsandtextform,enhancetheenterprise50yearsDaqingjubilantscenes.16:05timeDesignCode設(shè)計(jì)規(guī)范要完成設(shè)計(jì)，做出優(yōu)秀的設(shè)計(jì)作品，我們需要遵守一定的設(shè)計(jì)規(guī)范。比如目錄頁(yè)內(nèi)容規(guī)范、版權(quán)頁(yè)內(nèi)容規(guī)范、內(nèi)文規(guī)范、頁(yè)眉規(guī)范、文字圖形間距規(guī)范，等等。16:40timeFontSpecification字體規(guī)范標(biāo)題是讀者了解正文的“先行官”。標(biāo)題字體的選擇應(yīng)當(dāng)與正文的風(fēng)格協(xié)調(diào)，如活潑的文風(fēng)不宜選用凝重的黑體，莊重的內(nèi)容不宜選用太過(guò)隨意的字體做標(biāo)題。在主、副標(biāo)題并存的情況下，選用字體應(yīng)顯示出主次等級(jí)關(guān)系。同時(shí)，標(biāo)題字體與正文字體既要互為呼應(yīng)，又應(yīng)區(qū)別有致。一本期刊或一本畫(huà)冊(cè)，一定要保持一個(gè)統(tǒng)一的風(fēng)格，所以頁(yè)眉字體、字號(hào)也要進(jìn)行嚴(yán)格規(guī)范。17:10timeWordSizeStandards字號(hào)規(guī)范字號(hào)指字的大小。在使用字號(hào)時(shí)，我們建議有一個(gè)可選范圍。字號(hào)的大小可以體現(xiàn)出內(nèi)容之間的等級(jí)關(guān)系，我不建議選擇太多的字號(hào)，這樣會(huì)造成版面的混亂，同級(jí)內(nèi)容最好用一個(gè)字號(hào)。另外，同樣的字號(hào)，但因?yàn)樽煮w不同，視覺(jué)效果也會(huì)有所不同，在運(yùn)用時(shí)，要掌握好搭配的協(xié)調(diào)性。我建議大家做設(shè)計(jì)時(shí)，最好能參照實(shí)體閱讀物，因?yàn)橥瑯拥淖痔?hào)在電腦屏幕上和實(shí)物上的視覺(jué)是不一樣的，為了達(dá)到更好的設(shè)計(jì)效果，我們不能只依賴(lài)于電腦屏幕，要以實(shí)際效果為準(zhǔn)。17:50timeIntervalStandards間距規(guī)范字體和字體之間的間距，也要規(guī)范。標(biāo)題與英文標(biāo)題之間的距離，10～15個(gè)單位。一定是“單位”，是比例關(guān)系，而不是具體的數(shù)字，因?yàn)椴煌_(kāi)本間距可能不同，但比例是一定的。文字和圖形的間距也是如此。符合這些規(guī)范，我們的作品不僅從風(fēng)格上是一致的，內(nèi)容和形式上也都會(huì)達(dá)到一定的統(tǒng)一，同時(shí)又有一個(gè)變化的范圍，看起來(lái)是一個(gè)完整的整體，但每部分又有自己的個(gè)性和創(chuàng)意。在第五天的實(shí)戰(zhàn)案例中會(huì)用具體案例展示這些規(guī)則。5Friday/30°C～35°C/ClearTheFifthDayDesignerssaid"Morecasesshouldbepresentedtothoselongingfordesigningknowledge!"Forthisreason,designersprovidevariousdesigningcasesforustodiscussandinspireourideasandinspirations.Comparedwithknowledgeandexperienceacquiredinanactualcombat,knowledgeandexperiencelearntinquiteanumberofcoursesislittle.Nowletusgetengagedinactualpracticeofdesigningaftertheorylearning.Iwillsharewithyousomecases,talkaboutwaystorealizegriddingofmodernistschoolandshowfeasibleapplicationofdifferentgriddingandthecombinationofdesignelementsinit.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月24日星期五晴設(shè)計(jì)師說(shuō)：“案例要多多滋潤(rùn)渴求之人！”設(shè)計(jì)師拿出各種案例提供給大家交流。在軍事課堂上聽(tīng)再多的課，也比不上參加一場(chǎng)實(shí)戰(zhàn)演習(xí)得到的經(jīng)驗(yàn)多。經(jīng)過(guò)了一番理論的洗禮，今天我要帶大家進(jìn)入實(shí)戰(zhàn)了。我會(huì)和大家一起分享一些案例，通過(guò)這些案例的展示來(lái)闡述現(xiàn)代派網(wǎng)格的實(shí)現(xiàn)，更具體更形象地來(lái)向大家展示不同網(wǎng)格的靈活運(yùn)用以及各個(gè)設(shè)計(jì)元素在網(wǎng)格中的組合。如果前面的理論讓你有點(diǎn)枯燥乏味，那么今天的內(nèi)容無(wú)疑是給了它們生命。你會(huì)發(fā)現(xiàn)你的手有多么神奇，一篇文章寫(xiě)得再精彩，賦予它視覺(jué)生命的人是你；一首曲子譜得再美妙，賦予它視覺(jué)生命的人也是你……一幅作品，在人們沒(méi)有看到內(nèi)容之前，他首先為之動(dòng)容的就是你的設(shè)計(jì)。你的設(shè)計(jì)直接就影響了受眾的閱讀欲、購(gòu)買(mǎi)欲?，F(xiàn)在就讓我們一起看看設(shè)計(jì)師是如何創(chuàng)造視覺(jué)生命的。RealizationofGriddingofModernistSchool9:00time現(xiàn)代派網(wǎng)格的實(shí)現(xiàn)9:30time對(duì)設(shè)計(jì)畫(huà)面進(jìn)行拆解，了解畫(huà)面是如何構(gòu)成的。我們使用一本DM來(lái)說(shuō)明。為什么我們的設(shè)計(jì)是讓讀者先看到圖片而非文字？在畫(huà)面內(nèi)容和圖片確定的情況下，我們?nèi)绾胃玫貙⑺鼈冋故境鰜?lái)？在沒(méi)有更多設(shè)計(jì)元素的情況下，我們無(wú)非是用一種大圖配文字的基礎(chǔ)設(shè)計(jì)手法來(lái)體現(xiàn)，但是這樣對(duì)內(nèi)容的闡述可能就不夠清楚和詳細(xì)，我們通過(guò)什么辦法來(lái)對(duì)它進(jìn)行更高的提升呢？之前我們已經(jīng)講過(guò)字間距、欄高、標(biāo)題之間的關(guān)系，現(xiàn)在我們對(duì)文字部分進(jìn)行一個(gè)簡(jiǎn)單的節(jié)奏把握。9:45timeDisassemblyandCombination

ofDesignElements設(shè)計(jì)元素的拆解數(shù)字與方向，箭頭都可以作為設(shè)計(jì)元素出現(xiàn)9:55timeCombination

ofDesignElements設(shè)計(jì)元素的組合9:58time我們現(xiàn)在對(duì)設(shè)計(jì)畫(huà)面進(jìn)行拆分。首先我們要看到設(shè)計(jì)元素，通過(guò)對(duì)整張大圖的內(nèi)容分析了解它要講什么。它講這里是城市靈魂的棲息地，講廣場(chǎng)之間包含什么。但它告訴我們的只是一個(gè)大的、有氣勢(shì)的外立面，一個(gè)小的視覺(jué)點(diǎn)，我們?cè)跊](méi)有看到里面的時(shí)候，會(huì)對(duì)里面有很多遐想。但是我們需要通過(guò)一張沒(méi)有內(nèi)景的外圖，讓人了解里面，怎么做到？我們對(duì)畫(huà)面進(jìn)行一個(gè)網(wǎng)格的分割，每一個(gè)塊面都來(lái)表達(dá)廣場(chǎng)內(nèi)的一種設(shè)施。有兩種表達(dá)方式，第一種，我們把它進(jìn)行編號(hào)，1、2、3、4、5、6，1是廣場(chǎng)內(nèi)的一個(gè)洗浴中心，2是電影院，3是超市，4是商場(chǎng)。在編號(hào)之后，我們會(huì)對(duì)局部地區(qū)進(jìn)行簡(jiǎn)單描述。也許有人希望得到確切的方位，那我們?cè)诋?huà)面比較醒目的地方標(biāo)注東南西北。通過(guò)這些元素的介入，形成了現(xiàn)在的畫(huà)面，提出了內(nèi)容、序號(hào)、方向。方向和數(shù)字都可以作為設(shè)計(jì)元素出現(xiàn)。第二頁(yè)，你會(huì)發(fā)現(xiàn)我們幾乎在用同樣的設(shè)計(jì)手法在闡述廣場(chǎng)之內(nèi)某一商場(chǎng)的場(chǎng)景。這是要告訴設(shè)計(jì)師，可以用同樣的手法表達(dá)不同的內(nèi)容，以提高工作效率。CasePresentation10:00time案例展示110:10time在前一頁(yè)我們看到，使用白色或者灰色底，然后用藍(lán)色這種比較冷靜的色調(diào)來(lái)敘述一個(gè)相對(duì)理性的內(nèi)容?，F(xiàn)在我們要用黃色這樣鮮艷、明晰、溫暖的顏色來(lái)代表商場(chǎng)之內(nèi)的情景。10:20timeDisassemblyandCombination

ofDesignElements設(shè)計(jì)元素的拆解10:30timeCombination

ofDesignElements設(shè)計(jì)元素的組合10:45time那這時(shí)我們?cè)鯓佑孟嗤氖址ū硎霾煌膬?nèi)容呢？商場(chǎng)更關(guān)心什么？業(yè)績(jī)、成長(zhǎng)規(guī)模、銷(xiāo)售總額，我們通過(guò)不同的色彩和設(shè)計(jì)細(xì)節(jié)來(lái)表現(xiàn)這些內(nèi)容。比如把一些表格做得更有設(shè)計(jì)感，在它的色塊提升范圍之內(nèi)做一些變化，讓它更具吸引力和可讀性。11:00timeRefining

ofDesignElements設(shè)計(jì)元素的提煉Differentplaces設(shè)計(jì)中使用的不同點(diǎn)1版式相同2設(shè)計(jì)元素相同3色塊使用面積100％Sameplace設(shè)計(jì)中使用的相同點(diǎn)1使用信息不同2顏色不同3表達(dá)信息方式不同4色塊使用面積60％11:15time將兩個(gè)畫(huà)面進(jìn)行對(duì)比，我們會(huì)發(fā)現(xiàn)，版式是相同的，設(shè)計(jì)元素是相同的，色塊的使用面積也大致是相同的。不同點(diǎn)是使用信息不同、顏色不同、表達(dá)信息的方式不同，色塊的使用面積也有不同。也就是說(shuō)，采用同樣的設(shè)計(jì)手法，只要我們根據(jù)畫(huà)面的不同內(nèi)容對(duì)設(shè)計(jì)元素進(jìn)行調(diào)整，即使是在同樣的網(wǎng)格規(guī)則之下，也可以產(chǎn)生不一樣的設(shè)計(jì)效果。所以說(shuō)網(wǎng)格的誕生提高了工作效率，而不需要絞盡腦汁思索每個(gè)版式的不同設(shè)計(jì)手法。11:45timeDesignElement

LayoutonAPrintedPage設(shè)計(jì)元素在版面上的分布CasePresentation12:00time案例展示212:10time在這本DM中，我們會(huì)分不同的類(lèi)，比如城市生活、名人訪談等。這期我們?cè)L問(wèn)了小提琴手。我們要如何體現(xiàn)出小提琴手不同的個(gè)性面？在一場(chǎng)美妙絕倫的演奏中，我們所能體會(huì)到的所有情感都不是小提琴手的，他只是在通過(guò)音樂(lè)表達(dá)別人的感情，不論他悲傷還是歡喜，統(tǒng)統(tǒng)都要埋藏起來(lái)。當(dāng)演奏結(jié)束后，他終于可以表達(dá)自己的感情了，但又往往不被人關(guān)注，或者除了音樂(lè)，他根本找不到別的可以宣泄感情的方式。我們?nèi)绾蝸?lái)表現(xiàn)他的心情變化呢？12:15timeDesignElement

LayoutonAPrintedPage設(shè)計(jì)元素在版面上的分布12:25time通過(guò)文字的高低變化就可以實(shí)現(xiàn)。欄高的起伏變化即代表音樂(lè)的跌宕起伏，也代表了內(nèi)心的起落變化。將小提琴手在萬(wàn)眾矚目下表面的輝煌和內(nèi)心的落寞全部表現(xiàn)出來(lái)。暗色調(diào)中填充文字的圖形，融入畫(huà)面后，非但沒(méi)有影響畫(huà)面重心，反而通過(guò)位置的設(shè)計(jì)對(duì)小提琴手內(nèi)心的波動(dòng)進(jìn)行了視覺(jué)演繹。為什么文字的比例那么小呢？首先不能影響畫(huà)面重心——小提琴手，敘述性的文字只是為了闡述小提琴手的心理活動(dòng)，它的內(nèi)容、體積、顏色都只能是輔助的角色，不能喧賓奪主。我們?cè)诋?huà)面中標(biāo)注了1、2、3，說(shuō)明它需要三個(gè)點(diǎn)去實(shí)現(xiàn)：人物、文字、內(nèi)容。我們通過(guò)設(shè)計(jì)的方式把握版面，分割圖片、色塊，很清晰。CasePresentation13:00time案例展示312:15timeDM少不了時(shí)裝版，有些設(shè)計(jì)師經(jīng)常會(huì)對(duì)時(shí)裝版的排版方式感到頭大，其實(shí)它很簡(jiǎn)單，只是很難出效果。我們通過(guò)對(duì)品牌時(shí)裝的理解去尋找品牌的歷史起源，包括聯(lián)系名稱(chēng)、設(shè)計(jì)師、家族背景等，更深入地了解這一品牌該如何展示。一樣通過(guò)數(shù)據(jù)來(lái)表達(dá)，通過(guò)重心，包括圖、配圖、文字來(lái)展示，提出一些簡(jiǎn)單的設(shè)計(jì)元素。整個(gè)畫(huà)面看上去相對(duì)平淡，因?yàn)橹饕獌?nèi)容是展示服裝，多余的裝飾只會(huì)喧賓奪主。任何品牌都是經(jīng)過(guò)長(zhǎng)年的積累發(fā)展而來(lái)的，它的發(fā)展歷史是它的驕傲，所以品牌的歷史演變是我們要表現(xiàn)的一個(gè)重點(diǎn)，我們要靠?jī)?nèi)文來(lái)進(jìn)行敘述。除此之外，內(nèi)文還要闡述：它是誰(shuí)？它是做什么的？它的特征是什么？這些基礎(chǔ)信息必須放在一個(gè)醒目的位置。13:45timeDesignElement

LayoutonAPrintedPage設(shè)計(jì)元素在版面上的分布CasePresentation14:00time案例展示414:15time接下來(lái)，我們對(duì)某品牌的廣告大片進(jìn)行闡述，它是為我們的品牌形象服務(wù)的。在畫(huà)面上如何表達(dá)？整圖要具備品牌的展示，讓大家知道這是什么牌子的產(chǎn)品；分圖又要重點(diǎn)展示單品的特征。在網(wǎng)格設(shè)計(jì)中，我們把它分成七個(gè)區(qū)域：1.品牌文字；2.輔助說(shuō)明性文字；3.輔助圖片；4、5、6是品牌內(nèi)文敘述，分香水、包包、飾品三部分；7.主題圖片。14:25timeDesignElement

LayoutonAPrintedPage設(shè)計(jì)元素在版面上的分布14:30time其實(shí)我們是利用內(nèi)文的每一段文字和它們所表達(dá)的不同內(nèi)容把整個(gè)畫(huà)面區(qū)分開(kāi)來(lái)，而不是通過(guò)方圖來(lái)強(qiáng)行分割。CasePresentation15:00time案例展示515:15time在案例展示之后，我們?cè)賮?lái)看一些草圖。我們?cè)谠O(shè)計(jì)很多單品的時(shí)候，經(jīng)常會(huì)模糊畫(huà)面，如何把很多單品糅合在一張圖中？整齊。很多時(shí)候，并不需要太復(fù)雜的設(shè)計(jì)。整齊地排列，甚至可以稱(chēng)為羅列，再通過(guò)文字的敘述，很容易就達(dá)到效果了。整齊的矩形可以形成穩(wěn)定的持續(xù)感，對(duì)我們展示大量商品信息帶來(lái)極大的方便。但是單純羅列的版面在一本畫(huà)冊(cè)中最多只能出現(xiàn)三四頁(yè)，不能太多，因?yàn)閱渭兞_列在有些情況下會(huì)顯得呆板，我們需要在整齊的版面中進(jìn)行一定的變化。15:25timeDesignElement

LayoutonAPrintedPage設(shè)計(jì)元素在版面上的分布15:35time這一版面較上面的版面就有一定的靈活性，雖然主要還是陳列、展示大圖，但我們會(huì)將區(qū)域5設(shè)置為一個(gè)可活動(dòng)的、可靈活變化的區(qū)域，比如其他都是方圖，此處放置圓圖或pass圖，使版面靈活起來(lái)，打破了方形、矩形統(tǒng)一畫(huà)面的格局，但同時(shí)它又是統(tǒng)一在網(wǎng)格之中的。15:35timeCase

Presentation設(shè)計(jì)案例展示Displaycase15:45timeFramework

ofshow設(shè)計(jì)框架展示Framedisplay16:05timeStandards目錄／版權(quán)頁(yè)字體規(guī)范16:25timeStandards內(nèi)文中文／英文字體規(guī)范15:15time規(guī)范使用的印刷專(zhuān)用英文字體，除具備中文字體的一切要求外，更應(yīng)與中文合理搭配，以達(dá)到整體統(tǒng)一的視覺(jué)效果。為塑造統(tǒng)一的形式，內(nèi)文中涉及信息傳達(dá)的文字均采用以上規(guī)定字體，方便形成連續(xù)的風(fēng)格。16:45timeStandards頁(yè)眉／內(nèi)文文字體規(guī)范16:55timeStandards文字圖形間距規(guī)范GriddingPresentation17:00time網(wǎng)格展示110:10time在案例展示和草圖展示之后，我們?cè)賮?lái)看看整本DM中的網(wǎng)格。網(wǎng)格可以通過(guò)現(xiàn)代軟件中的輔助線來(lái)實(shí)現(xiàn)。比如用輔助線來(lái)劃分字與字之間的距離和比例關(guān)系。運(yùn)用網(wǎng)格規(guī)范頁(yè)面，會(huì)產(chǎn)生視覺(jué)上的連貫性，可以讓讀者更關(guān)注于內(nèi)容，而不是形式。頁(yè)面上的任何一個(gè)內(nèi)容元素，無(wú)論是文字還是圖像，都會(huì)和其他元素產(chǎn)生視覺(jué)聯(lián)系，網(wǎng)格則能提供一套整合這些視覺(jué)聯(lián)系的機(jī)制。17:05time17:15timeGriddingPresentation17:30time網(wǎng)格展示2單一版式內(nèi)的符合網(wǎng)格一本書(shū)或一本畫(huà)冊(cè)在設(shè)計(jì)中使用不止一套網(wǎng)格，在一本畫(huà)冊(cè)中，文字為主體的部分，單獨(dú)使用一套網(wǎng)格，內(nèi)文與標(biāo)題從頭到尾看起來(lái)都類(lèi)似，但在不同的內(nèi)容中標(biāo)題與內(nèi)文卻有很多細(xì)微的變化，以區(qū)別這些篇章，在網(wǎng)格中有嚴(yán)格的規(guī)定。如上圖，左邊有兩欄，且兩欄的欄高欄寬都不相同，右邊是三欄，欄高欄寬都是相同的。在一個(gè)頁(yè)面之中，使用了不止一個(gè)網(wǎng)格系統(tǒng)。兩個(gè)網(wǎng)格系統(tǒng)穿插使用，又不相互違背。紅線是網(wǎng)格一，藍(lán)線是網(wǎng)格二。左邊使用的是藍(lán)色網(wǎng)格，藍(lán)色網(wǎng)格內(nèi)又有變化，1:2或者1:1的比例變化，在使用中是可以存在變化范圍的。一本雜志包括很多內(nèi)容，比如一本DM，包含生活、時(shí)尚、地產(chǎn)、汽車(chē)四部分內(nèi)容，這四部分不同的內(nèi)容如何統(tǒng)一起來(lái)呢？首先我們具備一套基礎(chǔ)網(wǎng)格，它是一個(gè)基礎(chǔ)的高與低、左與右、文字大小之間的關(guān)系，它負(fù)責(zé)整本刊物保持統(tǒng)一性，然后根據(jù)不同的內(nèi)容需要，我們要在基礎(chǔ)網(wǎng)格中再做出獨(dú)立的網(wǎng)格，來(lái)達(dá)到視覺(jué)上的變化，對(duì)內(nèi)容進(jìn)行區(qū)分。17:45time17:50timeColorExamples18:00time色彩范例此外，我們還要從顏色上對(duì)每個(gè)版塊進(jìn)行定位區(qū)分。比如“l(fā)ife”版塊，就比較淡、柔，因?yàn)樯畋旧砭蛻?yīng)該給人舒適感；“城市”版塊，要有很強(qiáng)的空間感，有天空、大地等城市元素，所以色彩上要能體現(xiàn)出生態(tài)感；“地產(chǎn)”版塊，主要是建筑物，采用灰色調(diào)；“時(shí)尚”版塊則是鮮艷的顏色，給人跳躍感。6Saturday/35°C～38°C/ClearTheSixthDayDesignerssaid"Weneedcaseanalysistohelpusgrowupwhileworking".Andnow,designerssharetheirstudyingmethodswithus.Noallclientswillprovideyouallmaterialstosupportyourdesigning;oranothercasemaybethattherearefewusefulmaterialsinthoseofferedbyclients.Facingthiscircumstance,manydesigners'firstreactionmaybe"how":suchfewthingscanmakeawonderfuldesigning?AnswertothisquestionshouldbeCERTAINLY.Besides,thefewerthematerialscouldbeused,themoreyourdesigningabilitymaybeproved.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月25日星期六晴設(shè)計(jì)師說(shuō)：“工作中需要更多案例分析來(lái)幫助我們成長(zhǎng)?！痹O(shè)計(jì)師拿出自己的學(xué)習(xí)方法來(lái)與大家分享。不是所有的客戶(hù)都會(huì)給你準(zhǔn)備好一堆的素材等著你來(lái)設(shè)