版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進(jìn)行舉報或認(rèn)領(lǐng)
文檔簡介
設(shè)計師的設(shè)計日記目錄\h1
Monday/32°C~36°C/Clear
TheFirstDay\h書籍設(shè)計類型\h版面中網(wǎng)格出現(xiàn)的原因\h初識設(shè)計基礎(chǔ)\h正方形與黃金分割矩形的恒定比例\h費氏數(shù)列及其衍生體系\h布令賀斯特氏的半音階體系\h自黃金分割衍生的科比意模矩體系\h維拉爾·德·奧涅庫爾氏的頁面規(guī)劃法\h保羅·雷內(nèi)氏的單元劃分法\h依據(jù)度量單位規(guī)劃網(wǎng)格\h2
Tuesday/31°C~36°C/breeze
TheSecondDay\h設(shè)計基礎(chǔ)的演變\h現(xiàn)代派網(wǎng)格方式搭建論述\h現(xiàn)代網(wǎng)格的評價/局限性\h自由網(wǎng)格的多重適應(yīng)性\h小結(jié)\h3
Wedenesday/30°C~35°C/Thunderstorms/Cloudyday
TheThirdDay\h編輯設(shè)計的基本原則\h分欄的方法和作用\h分欄的方式\h不同內(nèi)容產(chǎn)生欄高的依據(jù)\h內(nèi)文與行間距的數(shù)據(jù)化體現(xiàn)\h行間距、欄間距的數(shù)據(jù)化體現(xiàn)\h間距的認(rèn)識\h標(biāo)題文字間距要求\h內(nèi)文文字間距要求\h數(shù)字間距的變化規(guī)則\h間距對閱讀的影響\h字符間距與空白面積的關(guān)系\h文字組合產(chǎn)生的體積\h構(gòu)成在文字組合中的關(guān)系\h點構(gòu)成的應(yīng)用\h線構(gòu)成的應(yīng)用\h面構(gòu)成的應(yīng)用\h內(nèi)文對齊方式與應(yīng)用種類\h4
Thursday/33°C~35°C/Cloudy/Cloudyday
TheFourthDay\h溝通/資料整理/分析/產(chǎn)生架構(gòu)與執(zhí)行\(zhòng)h設(shè)計結(jié)構(gòu)草圖配置表\h設(shè)計稿階段\h目錄信息\h頁碼\h設(shè)計規(guī)范\h字體規(guī)范\h字號規(guī)范\h間距規(guī)范\h5
Friday/30°C~35°C/Clear
TheFifthDay\h現(xiàn)代派網(wǎng)格的實現(xiàn)\h設(shè)計元素的拆解\h設(shè)計元素的組合\h案例展示1\h案例展示2\h案例展示3\h案例展示4\h案例展示5\h設(shè)計案例展示\h設(shè)計框架展示\h目錄/版權(quán)頁字體規(guī)范\h內(nèi)文中文/英文字體規(guī)范\h頁眉/內(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è)計元素的拆解\h案例展示1\h設(shè)計案例的快速變化1\h設(shè)計案例的快速變化2\h設(shè)計范例1/輔助線劃分網(wǎng)格\h設(shè)計范例2/輔助線劃分網(wǎng)格\h設(shè)計范例3/輔助線劃分網(wǎng)格\h設(shè)計范例4/輔助線劃分網(wǎng)格\h案例展示2\h設(shè)計元素的拆解1\h設(shè)計元素的拆解2\h設(shè)計元素的拆解3\h設(shè)計元素的拆解4\h設(shè)計元素的拆解5\h案例展示3\h設(shè)計元素的拆解1\h設(shè)計元素的拆解2\h設(shè)計元素分析1\h設(shè)計元素分析2\h設(shè)計范例/文字為主的畫冊1\h設(shè)計范例/文字為主的畫冊2\h數(shù)據(jù)化圖表的表現(xiàn)種類\h餅狀圖信息拆解方式\h柱狀圖信息拆解方式\h曲線圖信息拆解方式\h表格信息拆解方式\h范式圖\h映射圖\h樹狀圖\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è)計師說:“要有網(wǎng)格!”便有了傳統(tǒng)網(wǎng)格。設(shè)計師將頁面分開,便有了傳統(tǒng)的版面節(jié)奏。說起設(shè)計,首先要提到網(wǎng)格,說到網(wǎng)格,很多朋友就要頭疼。其實網(wǎng)格并不是什么神秘抽象的東西。舉個很簡單的例子,大家小時候剛開始學(xué)寫字時,都會用到田字格,每一個筆畫要寫在田字格的什么部位都要非常準(zhǔn)確,如果放錯了位置,就成了錯字。在不寫錯字的基礎(chǔ)上,我們再把筆畫之間的比例調(diào)整一下,就有了不同的字體,同時也決定了每個人的筆跡。雖然我們現(xiàn)在寫字已經(jīng)不用田字格了,但實際上,在寫的過程中,我們已經(jīng)不自主地在紙上畫了一個隱形的田字格,字還是在格子里的。網(wǎng)格的作用首先就是幫助我們準(zhǔn)確地將腦海中的設(shè)計呈現(xiàn)出來,并形成自己的風(fēng)格。每一個成功的作品背后都有一套隱形的網(wǎng)格。所有的事物都有它的初始,網(wǎng)格也一樣,有很多基礎(chǔ)理論和原始雛形,我們的課程就從這里開始。BookStructureandClass書籍設(shè)計類型書籍設(shè)計類型包括一般圖書設(shè)計、畫冊設(shè)計、期刊雜志設(shè)計等。一般圖書的設(shè)計比較簡單,在此就不贅述了,我們重點來講講畫冊設(shè)計和期刊、雜志的設(shè)計。畫冊設(shè)計畫冊是一個很好的宣傳窗口,展示的可以是企業(yè),也可以是個人,是企業(yè)和銷售商與消費者之間的媒介和橋梁。它是以一個完整的宣傳形式,針對銷售季節(jié)或流行期,針對有關(guān)企業(yè)和人員,針對展銷會、洽談會,針對購買貨物的消費者進(jìn)行郵寄、分發(fā)、贈送,以擴(kuò)大企業(yè)、商品的知名度,推售產(chǎn)品和加強(qiáng)購買者對商品的了解,達(dá)到強(qiáng)化廣告的效用。畫冊的設(shè)計應(yīng)該從企業(yè)自身的性質(zhì)、文化、理念、地域等方面出發(fā),依據(jù)市場推廣策略,合理安排印刷品畫面的三大構(gòu)成關(guān)系和畫面元素的視覺關(guān)系,從而達(dá)到廣而告之的目的。一本成功的畫冊不僅需要視覺上的美感和優(yōu)美的文字,還需要別出心裁的創(chuàng)意,這樣才可以提升公司形象,提高產(chǎn)品銷售。我們注重創(chuàng)意、設(shè)計、印刷的每個環(huán)節(jié),力求完美。雜志、期刊設(shè)計期刊、雜志在人們的視覺文化中扮演著重要的角色,同時也是平面媒體的重要成員。毫無疑問,它也是編輯和設(shè)計師共同創(chuàng)作的圖文結(jié)合體。一個好的期刊、雜志設(shè)計師,應(yīng)該深諳新聞學(xué)和品牌定位,懂得圖片設(shè)計的重要性,在這個寬泛的范圍里再考慮明確的設(shè)計因素:版面大小、網(wǎng)格、字體和細(xì)節(jié)。這樣才能準(zhǔn)確地體現(xiàn)雜志、期刊的定位,達(dá)到一定的視覺沖擊力。期刊、雜志的設(shè)計要把握以下幾點:1.要體現(xiàn)期刊、雜志自身風(fēng)格,在連續(xù)性、變化中體現(xiàn)整體統(tǒng)一。在沒有考慮成熟、缺乏充分的市場調(diào)查、刊物定位沒有重大改變的情況下,最好不要較大程度地改變封面設(shè)計風(fēng)格,讓刊物以完全陌生的面孔出現(xiàn)在讀者面前,會對刊物的發(fā)行造成很大的不良影響。2.要整體協(xié)調(diào),有層次感,簡約大氣。標(biāo)識、刊名、期號、條形碼等元素與主圖片構(gòu)成完美和諧的畫面,不要太繁雜、花哨,一定要做到有明晰的視覺重點和層次感。3.要突出標(biāo)識、刊名,便于讀者識別,強(qiáng)化讀者對本刊特有的藝術(shù)符號的記憶,為品牌建設(shè)打好基礎(chǔ)。4.所有設(shè)計必須契合本期內(nèi)容。圖片、字體的選擇,字號的大小,色彩的運用,都要和內(nèi)容相符,為內(nèi)容服務(wù)。也就是說,設(shè)計決不能離開內(nèi)容獨立存在。5.要有切合內(nèi)容的創(chuàng)意。風(fēng)格創(chuàng)意也好,設(shè)計元素創(chuàng)意也罷,每一本期刊、雜志的創(chuàng)意設(shè)計都是內(nèi)容的外觀展現(xiàn),是張力的延續(xù),是設(shè)計師藝術(shù)創(chuàng)意的結(jié)晶。如果它不能很好地展現(xiàn)出內(nèi)容的精華,再華麗的創(chuàng)意也是一部失敗的作品。CausesLeadtotheAppearanceof
GriddinginPrintedPages版面中網(wǎng)格出現(xiàn)的原因俗話說,沒有規(guī)矩,不成方圓。設(shè)計也需要依附一定的規(guī)則,在這個規(guī)則框定的范圍內(nèi),才是你任意揮灑才能的天地。這些規(guī)則就是網(wǎng)格系統(tǒng)。它幫助我們更完善地理解設(shè)計,進(jìn)行設(shè)計?,F(xiàn)在,回到序言中小A的問題:“什么才是一個網(wǎng)格?”網(wǎng)格是設(shè)計的輔助工具,用豎直或者水平的分割線對版面進(jìn)行劃分,形成一個基本的骨架。網(wǎng)格線在版面中是隱藏的參考線,并非實體元素。網(wǎng)格是設(shè)計得以成立的基礎(chǔ),設(shè)計師在這個骨架里填入豐富的設(shè)計元素,給設(shè)計帶來秩序感和結(jié)構(gòu)感,最終成為一件有血有肉的作品。Designbasis9:00time初識設(shè)計基礎(chǔ)從歷史文獻(xiàn)中學(xué)習(xí)網(wǎng)格的過去與演變過程同學(xué)們,現(xiàn)在請翻開設(shè)計學(xué)的歷史書。我們一起來了解一下網(wǎng)格的演變過程吧。正方形與黃金分割矩形的
恒定比例黃金分割藝術(shù)與數(shù)學(xué)是有很大聯(lián)系的,比如黃金分割。有句話這樣說:如果單純按照黃金分割法則去設(shè)計不一定是好的,但好的、優(yōu)美的設(shè)計一定是符合黃金分割法則的?!包S金分割”又稱黃金律,是一種由古希臘人發(fā)明的幾何學(xué)公式。它驗證了事物各部分間有著一定的數(shù)學(xué)比例關(guān)系,即將整體一分為二,較大部分與較小部分之比等于整體與較大部分之比,其比值為1∶0.618或1.618∶1,即長段為全段的0.618。符合這個比例的構(gòu)圖形式被認(rèn)為是最“和諧”的,因此,0.618成為了最具有審美意義的比例數(shù)字,稱為黃金分割?!包S金分割”公式可以從一個正方形來推導(dǎo),將正方形底邊分成二等分,取中點X,以X為圓心,線段XY為半徑作圓,其與底邊直線的交點為Z點,這樣將正方形延伸為一個比率為5∶8的矩形(Y點即為“黃金分割點”),即A∶C=B∶A=5∶8。10:10timeFibonacci
Sequence費氏數(shù)列及其衍生體系費氏數(shù)列費氏數(shù)列(FibonacciSequence),又稱黃金分割數(shù)列,是由意大利數(shù)學(xué)家列昂納多·斐波那契(LeonardoFibonacci,1170-1240)發(fā)明的,被應(yīng)用于在現(xiàn)代物理、準(zhǔn)晶體結(jié)構(gòu)、化學(xué)等領(lǐng)域。這是個很有趣的數(shù)列:1、1、2、3、5、8、13、21……從第三項開始,每一項都等于前兩項之和。將數(shù)列中兩個連續(xù)的數(shù)字相加,便能不斷做出黃金分割。在數(shù)學(xué)上,費氏數(shù)列可以用遞歸的方法來定義: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)格面面觀》中提出了一個理論,將設(shè)計學(xué)和音樂藝術(shù)有機(jī)地結(jié)合在一起:將頁面形狀比擬為西方樂理中的半音音階,頁面比例與半音階一樣都取決于數(shù)值間隔,被稱為布令賀斯特氏的半音階體系。12:30timeLeCorbusier自黃金分割衍生的科比意模矩體系科比意模矩體系是法國建筑家科比意(LeCorbusier,1887-1965)將人體比例進(jìn)一步細(xì)分之后發(fā)展出的一套現(xiàn)代版的黃金分割。他將其命名為“模矩”,并依據(jù)此法則設(shè)計了自己的著作《模矩》及《模矩2》??票纫庹J(rèn)為此法則是印刷品、建筑、家具形制規(guī)劃都可運用的設(shè)計工具。10:45time13:45timeVillardde
honnecourt維拉爾·德·奧涅庫爾氏的頁面規(guī)劃法幾何網(wǎng)格/維拉爾·德·奧涅庫爾氏的頁面規(guī)劃法幾何網(wǎng)格15、16世紀(jì)時,歐洲還沒有統(tǒng)一的度量衡,量尺也尚未發(fā)展成熟,鑄造鉛字、字級大小都是由個別的印刷坊自行決定的。許多早期印本書在規(guī)劃網(wǎng)格架構(gòu)時,也并不參照實際的度量單位,而是遵循幾何原則。維拉爾·德·奧涅庫爾氏的頁面規(guī)劃法古代建筑師維拉爾·德·奧涅庫爾(Villard,1225-1250)自創(chuàng)了一種依據(jù)幾何原則劃分空間的方法。它可以將任何一款頁面版式進(jìn)行進(jìn)一步細(xì)分。將此種方法運用到黃金分割比例的版式上,可將頁面的高與寬各自劃分為9等份,進(jìn)而將頁面劃分為81個與原版式、行文區(qū)塊形狀相同的小單位。留白的大小則取決于小單位的寬度與高度。這種九九分頁法也同樣適用于橫展板版式。13:45time14:20timePaul
Renner保羅·雷內(nèi)氏的單元劃分法保羅·雷內(nèi)(PaulRenner,1878-1956)在其著作《版式設(shè)計藝術(shù)》中,提出了一種矩形版式劃分法,這種劃分法除了能將頁面切割為與原始版式相同的小單位外,還能設(shè)定文字框的位置和留白的寬度。方法是:將頁面高度與橫幅以相同數(shù)量等分切割,依據(jù)頁高與頁寬上的16、17、18……等分為單位,安排文字框的位置,確定留白的寬度。15:40timePlanning
grid依據(jù)度量單位規(guī)劃網(wǎng)格17、18世紀(jì)間,由于鑄造活字的級數(shù)測定單位已進(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è)計師說:“網(wǎng)格的架構(gòu)要更自由!”設(shè)計便打破網(wǎng)格局限,便有了現(xiàn)代網(wǎng)格。我們的設(shè)計無法脫離網(wǎng)格構(gòu)建,但方方正正的網(wǎng)格畢竟存在很多的局限性。運用不好就會成為它的臣子,無法將自己的創(chuàng)意發(fā)揮出來,又或者是太依賴于網(wǎng)格,使它凌駕于內(nèi)容之上,變成內(nèi)容遷就于網(wǎng)格,而不是網(wǎng)格服務(wù)于內(nèi)容。依舊用寫字來舉例子,書法家開始練書法用的是米字格,比田字格要更精細(xì)一些,感覺局限性更大。一個很漂亮的字,起筆在哪兒,收筆在哪兒,走筆的過程都很重要,看起來龍飛鳳舞,但你仔細(xì)研究它的結(jié)構(gòu)和比例就會發(fā)現(xiàn),還是在米字格里的。只不過書法家們懂得如何更好地用米字格來支撐一個字的筋骨,而不是用它來禁錮這個字。關(guān)鍵就在于打破局限性。17、18世紀(jì),隨著鑄造活字的級數(shù)測定單位進(jìn)入標(biāo)準(zhǔn)化階段,發(fā)展出了比例級數(shù)/模矩級數(shù)網(wǎng)格建構(gòu)法。運用這種方法建構(gòu)的網(wǎng)格可以比較靈活地滿足內(nèi)容需求,又不至凌駕于內(nèi)容之上。20世紀(jì),受現(xiàn)代派思維的影響,產(chǎn)生了現(xiàn)代派網(wǎng)格。EvolutionofDesignBasis9:00time設(shè)計基礎(chǔ)的演變17、18世紀(jì),隨著鑄造活字的級數(shù)測定單位進(jìn)入標(biāo)準(zhǔn)化階段,發(fā)展出了比例級數(shù)/模矩級數(shù)網(wǎng)格建構(gòu)法。運用這種方法建構(gòu)的網(wǎng)格可以比較靈活地滿足內(nèi)容需求,又不至凌駕于內(nèi)容之上。20世紀(jì),受現(xiàn)代派思維的影響,產(chǎn)生了現(xiàn)代派網(wǎng)格。現(xiàn)代派網(wǎng)格的產(chǎn)生方式現(xiàn)代派網(wǎng)格的產(chǎn)生,是基于歷史文獻(xiàn)的傳承記載和設(shè)計先驅(qū)們的知識積累,然后根據(jù)設(shè)計內(nèi)容的需要不斷演化而來的。隨著時代和科技的發(fā)展,到20世紀(jì)初期,許多藝術(shù)家、設(shè)計師都認(rèn)為傳統(tǒng)的網(wǎng)格體系和編排手法已經(jīng)不能滿足現(xiàn)代信息傳遞的需要了,楊·奇科爾德、穆勒·布魯克曼等人開始提出一些前衛(wèi)、理性、新奇的現(xiàn)代派設(shè)計理念和技法,于是就有了現(xiàn)代派網(wǎng)格。傳統(tǒng)網(wǎng)格和現(xiàn)代網(wǎng)格的對比傳統(tǒng)網(wǎng)格和現(xiàn)代網(wǎng)格的區(qū)別是非常大的,傳統(tǒng)網(wǎng)格因為受當(dāng)時社會、文化的影響,構(gòu)成比例和視覺效果遠(yuǎn)遠(yuǎn)不如現(xiàn)代網(wǎng)格精確,適用范圍也相對較弱。如前面提到的費氏體系、布令賀斯特氏半音階體系等,是因為當(dāng)時科學(xué)技術(shù)不夠發(fā)達(dá),度量衡沒有統(tǒng)一,人們只能用一些投影法、分割法才能完成畫面的分割。這幾種網(wǎng)格體系與后期單純通過數(shù)學(xué)方法來完成網(wǎng)格規(guī)劃是有很大差距的。傳統(tǒng)網(wǎng)格要求頁面區(qū)塊必須劃分規(guī)整,符合網(wǎng)格系統(tǒng)要求,這給設(shè)計者的工作帶來很大的局限性,而現(xiàn)代網(wǎng)格則提供了一定的自由度。比如圖片,傳統(tǒng)網(wǎng)格要求圖片的高度和寬度都必須符合網(wǎng)格系統(tǒng),而在現(xiàn)代網(wǎng)格設(shè)計中,對圖片的高度和寬度只要求兩者之一符合就可以了,是允許有可變化區(qū)域的?,F(xiàn)代網(wǎng)格最大的優(yōu)點是,對頁面的規(guī)劃和分割更為細(xì)致,可以適應(yīng)更多的內(nèi)容和設(shè)計。在網(wǎng)格的歷史演變中,是堅持傳統(tǒng)網(wǎng)格的方正、規(guī)范,還是崇尚現(xiàn)代派網(wǎng)格的自由、細(xì)致?答案并非非此即彼,而是始終互見消長的。歷代的設(shè)計者都在不斷為前代的設(shè)計手法注入新的見解,正因為如此,網(wǎng)格系統(tǒng)才能不斷發(fā)展,變得越來越方便和實用。9:10timeGenerationMethodsof
GriddingofModernistSchool現(xiàn)代派網(wǎng)格方式搭建論述構(gòu)建一個現(xiàn)代派網(wǎng)格,大致需要六個步驟:首先,選定版式(橫展型或者直立型)開本大小;第二,確定行文區(qū)塊,并大致劃定留白寬度;第三,根據(jù)內(nèi)容確定欄位數(shù),并依據(jù)欄位數(shù)初步確定版心位置和欄間距;第四,大致劃分出均等的網(wǎng)格區(qū),注意留出間隔;第五,確定字體級數(shù)和行距大小,并據(jù)此修正之前大致設(shè)定的網(wǎng)格;第六,將水平的基線網(wǎng)格與垂直的欄位疊加在一起。這樣,一個基本網(wǎng)格就大致建成了?;揪W(wǎng)格大致建成后,設(shè)計師還需要考量整體主文以外的其他文字元素,包括標(biāo)題、圖注、頁碼、腳注、標(biāo)示、注解等。11:40timeValuation/Boundedness
ofModernGridding現(xiàn)代網(wǎng)格的評價/局限性現(xiàn)代派網(wǎng)格適用范圍較廣,但也有局限性。某些圖片原本的格式可能并不適合套用網(wǎng)格構(gòu)架,這就需要設(shè)計師對圖片進(jìn)行修正。另外,攝影與繪畫作品本身有各種各樣的規(guī)格,可能要經(jīng)過裁切才能符合現(xiàn)代派網(wǎng)格。但這種裁切往往會破壞作品本來的美感,而且純粹是為了符合網(wǎng)格,而非基于設(shè)計師的個人審美。這就是現(xiàn)代網(wǎng)格的局限性。在國外,許多專業(yè)設(shè)計師不贊成僅僅為了配合僵硬的網(wǎng)格而裁切他們的設(shè)計作品,但這種情況在國內(nèi)比較少見。在設(shè)計有些書畫作品時可能會遇到需要裁切的情況,但作品的內(nèi)容又是無法裁切的,比如《法門寺佛文化藝術(shù)展畫冊》中的佛像作品,是具有宗教性質(zhì)的,所以是不適合裁切的。所以,是否一定要套用網(wǎng)格構(gòu)架,也是根據(jù)作品內(nèi)容靈活操控的,不能硬搬理論。13:05timeMultipleAdaptability
ofFreeGridding自由網(wǎng)格的多重適應(yīng)性自由網(wǎng)格又稱演化網(wǎng)格、機(jī)動網(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)格則是隨著頁碼隨時變動的,連帶內(nèi)容元素也隨之變化。比如我們右側(cè)案例:通過曲線與頁碼的變化不斷移動位置,直到最后一頁,每頁再配合一些文字形成不同的版式。變化的網(wǎng)格,這時候就相對比較靈活。從整個畫面來說,曲線構(gòu)成一定是中心,它所占的一塊網(wǎng)格,是整個網(wǎng)格結(jié)構(gòu)中比例最大的一塊,在移動的也是它。簡單的自由網(wǎng)格可能只有標(biāo)題、頁碼在逐漸移動,復(fù)雜的自由網(wǎng)格則可能牽動畫面上的所有元素,就好像動畫,每個畫面的影像乍看似乎都一樣,一旦動起來,圖像位置的細(xì)微變化就形成了連貫的動作。這種網(wǎng)格雖然從頭到尾版面上的元素都是相同的,但是每個版面又都自成一格。比如我們做一個音樂廳或音樂家的宣傳品時,我們要呈現(xiàn)的不僅僅是文字畫面信息,而是一種可以看到的視覺手法,流動的,在空氣中廣泛傳播的,讓受眾通過視覺就能感受到音樂的美感、音響效果,以及音樂家演奏時的心境。Page01Page02Page03Page04Page05Page0615:20timeBriefSummary小結(jié)在設(shè)計中,究竟采取哪種網(wǎng)格系統(tǒng)更合適?我們的建議是沒有必要非要套用某種網(wǎng)格體系。雖然我在整本書里一直提到現(xiàn)代派網(wǎng)格,但實際運用時,我把現(xiàn)代派網(wǎng)格與自由網(wǎng)格結(jié)合在了一起。整體使用了現(xiàn)代網(wǎng)格的嚴(yán)密方式,又根據(jù)內(nèi)容的需要選擇了合適的具體網(wǎng)格體系,必要時還會采用彈性較大、限制較松的網(wǎng)格體系。現(xiàn)代社會變化很快,我們應(yīng)該采取現(xiàn)代派網(wǎng)格與自由網(wǎng)格二者結(jié)合的方式,利用它們的優(yōu)點,使畫面更加規(guī)整,同時還要打破、突破它們的限制性,在網(wǎng)格基礎(chǔ)上進(jìn)行細(xì)微的調(diào)整。建議是沒有必要非要套用某種網(wǎng)格體系。雖然我在整本書里一直提到現(xiàn)代派網(wǎng)格,但實際是把現(xiàn)代派網(wǎng)格與自由網(wǎng)格相結(jié)合?,F(xiàn)代社會變化很快,我們應(yīng)該采取現(xiàn)代派網(wǎng)格與自由網(wǎng)格二者相結(jié)合、吸收其優(yōu)點的做法,我們使用網(wǎng)格體系使畫面更加規(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è)計師說:“細(xì)節(jié)要聚集在一起!”設(shè)計基礎(chǔ)便展現(xiàn)出來。設(shè)計師的工作不是隨便把圖片和文字?jǐn)[一擺這么簡單,就像畫家在畫畫時,不是簡單地用顏料把畫布涂滿一樣,他必須用色彩、線條、圖形……這些元素表達(dá)出不同的層次感和生命力。中國的水墨畫色彩很單一,如果只是為了把畫面填滿,那直接把墨汁潑上去就好了,但藝術(shù)家們卻用最單調(diào)的色彩創(chuàng)造了無窮無盡的、栩栩如生的畫面。其實每位設(shè)計師在創(chuàng)作時,擁有的設(shè)計元素可能是很有限的,無非就是一些圖形、圖片和文字,那么這時,一些更為具體化、細(xì)節(jié)化的東西就尤為重要,選用什么字體,決定字間距、行間距……這些看似煩瑣的工作都有很大的學(xué)問。你要做的就是遵循設(shè)計的基本原則,然后用這些設(shè)計元素的不同組合方式打破網(wǎng)格的局限性。記住,永遠(yuǎn)不要依賴電腦的默認(rèn)字體、默認(rèn)行間距什么的,那是摧毀你設(shè)計的兇手。還有最重要的一點,一切設(shè)計都不能隨心所欲,都要服從于內(nèi)容,脫離了內(nèi)容,你的設(shè)計一文不值。BasicPrinciplesofEditorialDesign9:00time編輯設(shè)計的基本原則編輯設(shè)計這個詞為什么之前沒有出現(xiàn)過呢?編輯設(shè)計這個詞為什么之前沒有出現(xiàn)過呢?因為語言翻譯時,編輯設(shè)計和版式設(shè)計使用的是同一個詞。版式設(shè)計是版面的設(shè)計,編輯設(shè)計是將版面內(nèi)所有的信息進(jìn)行編撰,對設(shè)計元素進(jìn)行提煉、歸納、總結(jié),放在它合適出現(xiàn)的位置。但什么是合適出現(xiàn)的位置?這就要由畫冊設(shè)計師來決定了,最終目的一定要讓讀者更舒服、更方便去閱讀里面的內(nèi)容。在設(shè)計中,如果設(shè)計者不遵循設(shè)計原則,也不考慮受眾等其他因素,隨心所欲地發(fā)揮設(shè)計,那么最后的設(shè)計很可能達(dá)不到理想效果。相反,如果設(shè)計的時候能夠綜合考慮各方面的因素并選擇恰當(dāng)?shù)姆椒ǎ髌肪蜁印昂椭C”和出色。那么設(shè)計者在設(shè)計過程中要遵循哪些基本原則呢?為設(shè)計對象建立一個合適的網(wǎng)格網(wǎng)格不是一個固定的模式,必須根據(jù)不同的方式方法進(jìn)行改變,要符合設(shè)計的基礎(chǔ)架構(gòu)。排版網(wǎng)格是由一些垂直線和水平線構(gòu)成的結(jié)構(gòu),可以用來幫助內(nèi)容結(jié)構(gòu)化,讓設(shè)計對象產(chǎn)生秩序感。有些人說網(wǎng)格太過于呆板,影響設(shè)計創(chuàng)意,我個人覺得可以把網(wǎng)格當(dāng)做一個整體的大框架,或者作為設(shè)計師組織文字、圖片的一個支架,相當(dāng)于是設(shè)計的基礎(chǔ)。沒有好的基礎(chǔ)又怎么能有出色的設(shè)計呢?所以網(wǎng)格不僅不影響創(chuàng)意的發(fā)揮,而且能使設(shè)計師的思路得到理性梳理。網(wǎng)格的使用,能較好地解決設(shè)計師關(guān)于頁面中各元素定位的問題,在這個基礎(chǔ)上可以對版式進(jìn)行科學(xué)的、精準(zhǔn)的規(guī)劃。同時使用網(wǎng)格還能令設(shè)計變得高效。在把草圖轉(zhuǎn)化為設(shè)計稿的過程中,在版式方面主要的難點是如何精確地安排各個元素,這時候如果能夠選擇合適的網(wǎng)格進(jìn)行設(shè)計,那么這個起點的意義是非常大的。在把草圖轉(zhuǎn)化為設(shè)計稿的過程中,在版式方面主要的難點是如何精確地安排各個元素,這時候如果能夠選擇合適的網(wǎng)格進(jìn)行設(shè)計,那么這個起點的意義是非常大的。把握節(jié)奏韻律版式的節(jié)奏感及韻律,來源于排版設(shè)計中的疏密的間隔安排,它就好比音樂作品里的節(jié)拍,也是組織內(nèi)容的一個重要單元。設(shè)計者要注意通過疏密的控制使對象形成畫面節(jié)奏的和諧感受,建立一種視覺和諧的美感。體現(xiàn)層級實際上,任何一個版面或界面都存在著不同的層級關(guān)系,并且版面內(nèi)容的層級具有主次之分。設(shè)計師在進(jìn)行設(shè)計的時候,應(yīng)該把這種客觀存在的層級關(guān)系用編排的手段還原出來。做好版面層級區(qū)分的核心作用是,能夠提升文本、圖片等元素的視覺線索,從而獲得更好的界面清晰度,簡單地說就是使內(nèi)容更容易閱讀了。在設(shè)計中,可以通過字體大小對比、文字效果、色塊等方法來處理分級效果。比如哪些字應(yīng)該大一些,哪些字應(yīng)該小一些;哪些色塊要重一些,哪些淺一些,等等。10:05timeColumn-Separation
MethodsandMeaning分欄的方法和作用客戶提供的資料一般分為圖片和文字兩部分,圖片由攝像師來控制,文字由文案來控制,但是文案的呈現(xiàn)方式和在語言上的引導(dǎo)方式是由設(shè)計師來控制的,比如一個頁面中有500個字,我們是讓讀者像憋著一口氣游泳一樣,長篇累牘,還是讓讀者輕松愉快地閱讀、理解里面的每一個內(nèi)容?我相信大家都會選擇后者。那怎么達(dá)到這樣一個效果呢?這就要用到分欄的方式了。分欄是期刊版式中最具視覺沖擊的板塊結(jié)構(gòu)之一,是版式設(shè)計中的重要內(nèi)容。什么是分欄?就是在一個頁面上,分幾個欄位來敘述文字,可以是通欄也可以是雙欄,或者多欄。分欄的作用分欄的作用,一是為方便閱讀;二是使視覺感受更舒適;三是通過設(shè)計的方式,體現(xiàn)文字的節(jié)奏感;四是確定每頁的行數(shù)、字?jǐn)?shù)。分欄使版面更具比列性、秩序性、清晰性、準(zhǔn)確性、嚴(yán)密性。11:15timeColumn
mode分欄的方式不同的情況下采用不同的分欄方式,主要有兩種方式:一種是按照自然段來分,就像小學(xué)劃分段落大意,將大意相同的自然段劃分為一欄,形成一個大段落,或者是直接一個自然段一欄,視覺上錯落有致。但后者只適合自然段較少的文章;另一種是把整個文字內(nèi)容平分為幾等份,一份為一欄,整體看起來非常規(guī)整。不同類型的讀物要選擇不同的分欄方式,這樣才能做到表達(dá)準(zhǔn)確。1-2欄多數(shù)情況下更加正式,具有一定的嚴(yán)肅性。比如企業(yè)畫冊,一般多采用一欄到兩欄,這是因為企業(yè)畫冊的內(nèi)容相對平鋪直敘,以介紹企業(yè)狀況為主,這時候,欄與欄之間沒有過多的復(fù)雜關(guān)系才能保證閱讀的通暢。3-5欄多為雜志或靈活性讀物,欄數(shù)越多,版面的靈活性也越大,而且,每欄都可以呈現(xiàn)一個不同的內(nèi)容。這種方式一般出現(xiàn)在自由網(wǎng)格或者雜志中,用來表現(xiàn)更活躍的內(nèi)容。12:40timeBasistoGenerateDifferentColumn
HeightAccordingtoContentDifferences不同內(nèi)容產(chǎn)生欄高的依據(jù)欄的高度是可以進(jìn)行控制的,但是在一些設(shè)計類的書里我們經(jīng)常會發(fā)現(xiàn),整個頁面的文字非常少,可能只是集中在某一個部位,那這個欄高怎么確定?說到欄高,必然會提到欄寬。欄高的改變會直接影響到欄寬。要控制欄高,就要考慮到周邊的設(shè)計元素,這就牽扯到使用幾欄的問題。如果使用兩欄,欄高就根據(jù)圖片來確定,確定了欄高,欄寬自然也就確定了。欄高可以在設(shè)計過程中出現(xiàn)不同的變化。比如右圖,欄高不同,代表演奏時樂曲節(jié)奏的起落。這時候欄高是作為一種設(shè)計的手段來出現(xiàn)的,為的是一種藝術(shù)的表達(dá)。在日常設(shè)計中,這種設(shè)計相對比較少見,此處是個特例。13:50timeDigitizedExpressionof
TextandLineSpacing內(nèi)文與行間距的數(shù)據(jù)化體現(xiàn)行間距指行與行之間的距離。我們在考慮了欄高、欄寬之后,就要具體考慮文字內(nèi)容的行間距。當(dāng)然我們也可以采用系統(tǒng)默認(rèn)的行間距,但這樣表達(dá)出的內(nèi)容往往缺乏靈魂。在文件操作中,會牽涉到數(shù)據(jù)的設(shè)定,比如100~200個單位之間,或100~500個單位之間,都可以設(shè)定。行間距越大,關(guān)系越疏遠(yuǎn),通過這種疏遠(yuǎn)的關(guān)系可以在一定意義上分隔意義不同的文字。這就是數(shù)據(jù)化的一個體現(xiàn)。相對來說,行間距越小,關(guān)系越緊密。如果一篇文章有三段文字,三段文字關(guān)系是這樣的:第一段文字是敘述性文字,行間距是常規(guī)的,即140~180之間,閱讀起來比較清晰流暢。第二段文字是提示性文字,行間距是120,異常緊湊,說明在講另一件事情,這即是通過行間距來區(qū)別文字?jǐn)⑹觥5谌挝淖?,是設(shè)計感稍強(qiáng)、內(nèi)容上偏裝飾性的文字,它更多追求的不是可讀性,而是可看性,變?yōu)閳D案。所說的段與段,它可能不全是中國文字,而是摻雜了英文、日文等國際文字甚至是一些符號。所以通過行間距的數(shù)據(jù)化,可以區(qū)別文字間的關(guān)系。14:15timeDigitizedExpressionofLineSpacing
&ColumnSpacing行間距、欄間距的數(shù)據(jù)化體現(xiàn)在一段文字里面,我們需要控制行與行之間的距離,還要控制欄與欄之間的距離。我們可以通過版面去適應(yīng)和設(shè)定欄間距。欄間距有一定的范圍,我們可以通過實際需要和自身的習(xí)慣、經(jīng)驗來選擇合適的單位。如果版面很小,欄間距當(dāng)然是越小越好,這并不影響它的間隔作用。3欄為基礎(chǔ)欄的范例,在此基礎(chǔ)之上可以對其中兩欄進(jìn)行合并。3欄為基礎(chǔ)欄的范例,在此基礎(chǔ)之上可以對其中兩欄進(jìn)行合并,基礎(chǔ)欄和合并出的欄位可以同時出現(xiàn)。15:10timeSpacing間距的認(rèn)識內(nèi)文的間距可以直觀用百分比模式來展示數(shù)據(jù),利用數(shù)據(jù)的正負(fù)來調(diào)整距離,每一次細(xì)微的調(diào)整都會影響到整體字符之間的關(guān)系。15:30timeCaption標(biāo)題文字間距要求標(biāo)題的間距變化相對較大,需要根據(jù)具體內(nèi)容和標(biāo)題大小來確定。10:20timeBodytext內(nèi)文文字間距要求一般內(nèi)文間距使用范圍在-20至20之間,通過多年的設(shè)計經(jīng)驗發(fā)現(xiàn),文字間距在20以上時,文字的閱讀性會差一些,而且畫面的美感也會差一些。字間距根據(jù)標(biāo)題和內(nèi)容需要選用最適合的數(shù)值。不同的字體,間距都是不同的,這也是設(shè)計師需要考慮的范疇。15:40timeChangesinrules數(shù)字間距的變化規(guī)則15:50timeOnreading間距對閱讀的影響過緊與過度松弛的文字間距都會妨礙閱讀性。16:10timeRelationship字符間距與空白面積的關(guān)系過于緊密或稀疏的文字間距都會影響閱讀。文字間距20、間距10、間距-20,讀者會分別產(chǎn)生什么樣的感覺呢?字符間距過大,會影響整篇文章的閱讀張力,降低文字識別力;會使文字內(nèi)容過于跳躍,令讀者的邏輯關(guān)系產(chǎn)生脫節(jié)。文字間距過密,又會讓讀者對文字產(chǎn)生壓抑感,對空白部分產(chǎn)生一個聯(lián)想。比如示例/1,從一個角度看是線,從另一個角度,會更多看到底色的藍(lán)色,這樣就形成底色與文字之間的一個反差對照。示例/1文字與空白面積的關(guān)系示例/2文字與空白面積的關(guān)系(白底黑字產(chǎn)生的視覺對比)內(nèi)文間距過松內(nèi)文間距過緊示例/3文字與空白面積的關(guān)系(底色與白色字體產(chǎn)生的視覺對比)內(nèi)文間距過松內(nèi)文間距過緊16:20timeSizeGeneratedbyLetterCombination文字組合產(chǎn)生的體積通過文字組合產(chǎn)生體積,但何為文字組合?我特別不建議設(shè)計師把一個標(biāo)題單獨列出來,最好是多個元素組合出現(xiàn)。比如上圖,看起來很緊湊,但又很有意思,而不是孤單單的一個信息。當(dāng)然,我們并不是反對只有一句話的出現(xiàn),而是希望通過設(shè)計手法讓它在一個面積之內(nèi)平衡更多的元素,當(dāng)然,它的前提是不影響閱讀的方便性。在傳統(tǒng)的數(shù)據(jù)里面,并沒有設(shè)計元素,而單單是設(shè)計案例或設(shè)計細(xì)節(jié),通過一二三級標(biāo)題來區(qū)分。我們形成這樣組合的目的,就是要加深一二三級標(biāo)題之間的關(guān)系、序列。比如本書的標(biāo)題,一級標(biāo)題有五個設(shè)計元素,二級標(biāo)題有三個設(shè)計元素,三級標(biāo)題只有一個設(shè)計元素,我們通過很簡單的個體量的變化和置換,就很清晰地把數(shù)量結(jié)構(gòu)區(qū)分開來了。在平常設(shè)計圖書版式的時候,一般不需要很多設(shè)計元素,因為圖書設(shè)計不需要很復(fù)雜。而跟設(shè)計有關(guān)的作品,就需要較多設(shè)計元素,設(shè)計師需要,客戶也需要,我們通過一些設(shè)計手法,把有限的內(nèi)容進(jìn)行豐富。但俗話說:巧婦難為無米之炊。對設(shè)計師而言,可運用的設(shè)計元素越少,設(shè)計難度越大,我們該如何克服這個困難呢?這就需要分析文字內(nèi)容,提煉出一些關(guān)鍵的點,把它們進(jìn)行組合。比如本書頁眉,它包含了日期、天氣、星期幾、卡通圖案等設(shè)計元素。以天氣來說,它可以代表真實的天氣,也可以代表作者的心情。這樣的設(shè)計,就表達(dá)了更多的設(shè)計理念。這就是“文字組合產(chǎn)生體積”的真正概念,而不是簡單用文字堆砌一面枯燥的墻壁。在文字組合時,需要考慮的不光是文字和文字之間的比例關(guān)系,還要根據(jù)信息的重要性對元素進(jìn)行組合和配比,決定哪個占得比例更大,哪部分更應(yīng)該凸顯。比如本書頁眉,雙頁頁眉首先是日期,然后是天氣,之后是其他幾個信息進(jìn)行輔助。單頁頁眉,會出現(xiàn)星期一到星期日,如果今天是星期五,星期五就是特殊顏色。但是它所敘述的是一個內(nèi)容,而且已經(jīng)用顏色進(jìn)行了重點突出,所以它的元素大小和比例是一樣的。16:30timeStructure'sRoleinLetterCombination構(gòu)成在文字組合中的關(guān)系在平面設(shè)計學(xué)中,構(gòu)成是一個非常基礎(chǔ)的東西,但又是設(shè)計師要使用一生的理論。何謂平面構(gòu)成?平面構(gòu)成是視覺元素在二次元的平面上(也就是我們經(jīng)常所說的平面宣傳資料、平面紙媒、二維世界),按照美的視覺效果、力學(xué)的原理,進(jìn)行的編排和組合;是以理性和邏輯推理來創(chuàng)造形象、研究形象與形象之間排列的方法,是理性與感性相結(jié)合的產(chǎn)物。設(shè)計師在做設(shè)計的時候,經(jīng)常會因為個人主觀認(rèn)識、設(shè)計經(jīng)驗和設(shè)計能力的差異,造成不同的結(jié)果。設(shè)計師能否在個人能力基礎(chǔ)之上達(dá)到一個全人類都認(rèn)可的標(biāo)準(zhǔn),決定了他能否成功。經(jīng)常有設(shè)計師說:“客戶不懂我的設(shè)計?!逼鋵嵅皇强蛻舨欢?,而是設(shè)計師做得還不夠好。設(shè)計師需要通過自身的積累,達(dá)到別人認(rèn)可的一個標(biāo)準(zhǔn)。每個人內(nèi)心都有一個美的標(biāo)準(zhǔn),即使他的文化程度、學(xué)識不高,他內(nèi)心也有一個隱形的美的標(biāo)準(zhǔn)。設(shè)計就是要達(dá)到大家對美的共性認(rèn)識標(biāo)準(zhǔn),做到這一點就會被認(rèn)可。有時客戶所知有限,設(shè)計師應(yīng)以自己的專業(yè)知識和設(shè)計經(jīng)驗,引導(dǎo)客戶去認(rèn)識更好的、更合適企業(yè)或個人的視覺形象,用語言和視覺說服客戶,告訴客戶這樣的設(shè)計更豐富完整,能夠更清楚地闡述企業(yè)含義。相比在設(shè)計中摻雜更多個人的喜好,這才是設(shè)計師應(yīng)該做的工作。當(dāng)然設(shè)計師在設(shè)計中多多少少會摻雜一些個人化的東西,這和個人的教育背景有關(guān),比如有的設(shè)計師喜歡荷蘭風(fēng)格,有的喜歡德國、日本風(fēng)格,這無可厚非,但一定要考慮是否適合設(shè)計對象。比如做法門寺相關(guān)宣傳品設(shè)計雜志,貫穿其中的一定是傳統(tǒng)的東西,一切設(shè)計都必須體現(xiàn)這點?!斗ㄩT》雜志第三期的頁眉,雖然是現(xiàn)代的設(shè)計手法,但卻體現(xiàn)了傳統(tǒng)的觀念。所以我覺得好設(shè)計的定義應(yīng)該視設(shè)計的內(nèi)容而定。16:50timeApplicationofDots點構(gòu)成的應(yīng)用構(gòu)成在文字組合中的關(guān)系,我們該如何應(yīng)用?從傳統(tǒng)的平面構(gòu)成定義可知,構(gòu)成需要通過點、線、面的不同組合方式來完成形象識別。點點的構(gòu)成點的定義:點是最基礎(chǔ)的設(shè)計元素,通過點能實現(xiàn)韻律和節(jié)奏,甚至完成線的構(gòu)成。不同大小、疏密的混合排列,會成為一種散點式的構(gòu)成形式;將大小一致的點按一定的方向進(jìn)行有規(guī)律的排列,就會給人的視覺留下線化的感覺;將點由大到小,按一定的軌跡、方向進(jìn)行變化,就會產(chǎn)生一種優(yōu)美的韻律感。比如本書的頁眉,和其他小的設(shè)計元素,它都是作為點出現(xiàn)的,我們通過組合,使之成為一行一行的線。16:55timeApplicationofLines線構(gòu)成的應(yīng)用線線的構(gòu)成線的定義1.:面化的線(等距的密集排列)。點的組合,放遠(yuǎn)之后,形成密集的塊,就是等距的密集排列。在設(shè)計中也可能不要求等距的密集排列,而是排列后形成一個面,這樣更體量化。線的定義2.:疏密變化的不同,粗細(xì)和虛實的變化不同都會影響空間的透視視覺效果,從而產(chǎn)生錯覺化、立體化、不規(guī)則化。比如本書頁眉,它是不規(guī)則的,首先大小是有區(qū)別的,通過不同的文字種類,英文、阿拉伯?dāng)?shù)字和中文的不同組合,錯覺化、粗細(xì)變化、不規(guī)則化都達(dá)到了,這就完成了“構(gòu)成”的基礎(chǔ)理念,之后形成面。17:10timeApplicationofSurfaces面構(gòu)成的應(yīng)用點線面面的構(gòu)成面的構(gòu)成形式:幾何形的面,表現(xiàn)規(guī)則、平穩(wěn)、較為理性的視覺效果;自然形的面,給人以更為生動、厚實的視覺效果;徒手的面和有機(jī)形的面,表現(xiàn)出柔和、自然、抽象的形態(tài);偶然形的面,自由、活潑又富有哲理性;人造形的面,則體現(xiàn)較為理性的人文特點。面給人厚實的效果,我們在畫畫和做設(shè)計時經(jīng)常會提到幾個詞:單薄、豐富、厚重。厚重和豐富是褒義詞,單薄是貶義詞。我們通過點線完成面之后,是不是達(dá)到了豐富、厚重的效果?如果達(dá)到了,這樣的設(shè)計就是成功的。點線面完成之后,就形成了構(gòu)成,包括密集構(gòu)成、對比構(gòu)成、肌理構(gòu)成。密集構(gòu)成是指比較自由性的構(gòu)成形式,包括預(yù)置形通過字的體量、大小、顏色來達(dá)成平衡。不規(guī)則是一種美,沒有達(dá)到不規(guī)則之前,規(guī)則是更保守的美,它更容易達(dá)到我們最基礎(chǔ)的要求,在基礎(chǔ)之上我們才能變化。就像美術(shù)素描,要畫圓先畫方。先規(guī)則再變化,這是一定的。17:20timeContentAlignment&ItsApplicationTypes內(nèi)文對齊方式與應(yīng)用種類對齊包括左對齊、右對齊、上對齊、下對齊、中對齊等,對齊的產(chǎn)生源于我們對版面重心的要求。對齊方式是根據(jù)設(shè)計內(nèi)容來設(shè)定的。左、右對齊是根據(jù)內(nèi)容重心來確定的,右對齊要和頁眉、邊角構(gòu)成對齊。當(dāng)然,內(nèi)容首先要足夠多,對齊才合理。如果設(shè)計內(nèi)容是平鋪直敘的,用左對齊相對比較理想,符合我們的閱讀習(xí)慣。中對齊適合平衡感十足的內(nèi)容。比如中心是個圓的圖形,上下內(nèi)容中對齊,和圓的重心形成一致。右對齊的應(yīng)用是在比較特殊的情況下,畫面重心在右邊,比如圖片在右邊,那么文字為和圖片重心保持一致,采用右對齊的方式,方便讀者閱讀。上、下對齊是根據(jù)頁面高度來確定的。通過對齊來完成畫面,形成控制頁面高度和最低位置的標(biāo)準(zhǔn)。上對齊的應(yīng)用是為了和下方的內(nèi)容形成對比,它規(guī)定了頁面上方最高的文字距離。下對齊也如此,上方一定有內(nèi)容,為了和上方的內(nèi)容形成對比,下對齊規(guī)定了頁面的設(shè)計元素最低放置的位置。4Thursday/33°C~35°C/Cloudy/CloudydayTheFourthDayDesignerssaid"Designingshouldbecarriedoutstepbystepingoodmethods!"Therefore,organizationofdataanddesignframeworkconstructionbecomenecessary.Then,whatshouldwedobeforedesigning?Atfirst,weshouldpreparetextdata,constructframeworkandthenfillinformationintheframework.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月23日星期四多云轉(zhuǎn)陰天設(shè)計師說:“設(shè)計要有方式方法,要有步驟!”便有了工作前的資料整理和設(shè)計框架的搭建。沒有人能搭建空中樓閣,打地基、砌墻、鋼筋、灌水泥……少了任何一個步驟,或者哪一步做的不好,建筑物的質(zhì)量都不合格,甚至還有隨時坍塌的可能。我們的設(shè)計也必須從最基礎(chǔ)的一步做起,經(jīng)過一個首先、其次、再次、接下來……最后的過程。不要感覺煩瑣,也不要想著偷懶,該進(jìn)行的步驟一樣也不能少。當(dāng)然我的意思不是讓大家完全按部就班,一名出色的設(shè)計師總能在規(guī)矩里玩出創(chuàng)意來,相信你一定也可以。那么,設(shè)計前的準(zhǔn)備工作都有哪些呢?首先要準(zhǔn)備文字資料,搭建框架,然后往框架中填信息。Communication/OrganizationofData/
Analysis/ProductionStructureandImplementation9:00time溝通/資料整理/分析/產(chǎn)生架構(gòu)與執(zhí)行設(shè)計前的準(zhǔn)備工作都有哪些呢?首先要準(zhǔn)備文字資料,搭建框架,然后往框架中填信息。作為一個成熟的設(shè)計師,設(shè)計的準(zhǔn)備工作應(yīng)從溝通開始。了解客戶的需要,了解市場的需求,將這二者結(jié)合在一起。溝通完畢之后,接下來就是整理資料,然后對資料進(jìn)行分析,進(jìn)而產(chǎn)生構(gòu)架,開始執(zhí)行設(shè)計方案。溝通是人與人之間、人與群體之間思想與感情傳遞和反饋的過程,以求思想達(dá)成一致和感情的通暢。資料整理是根據(jù)調(diào)查研究的目的,運用科學(xué)的方法,對調(diào)查所獲得的資料進(jìn)行審查、檢驗,分類、匯總等初步加工,使之系統(tǒng)化和條理化,并以集中、簡明的方式反映調(diào)查對象總體情況的過程。資料整理是資料研究的重要基礎(chǔ),是提高調(diào)查資料質(zhì)量和使用價值的必要步驟,是保存資料的客觀要求。資料整理的原則是真實性、合格性、準(zhǔn)確性、完整性、系統(tǒng)性、統(tǒng)一性、簡明性和新穎性。分析就是將研究對象的整體分為各個部分、方面、因素和層次,并分別加以考察的認(rèn)識活動。分析的意義在于細(xì)致地尋找能夠解決問題的主線,并以此解決問題。構(gòu)架是人們對一個結(jié)構(gòu)內(nèi)的元素及元素間關(guān)系的一種主觀映射的產(chǎn)物。分析是有效利用資源、保質(zhì)保量達(dá)成目標(biāo)的能力。執(zhí)行力指的是貫徹戰(zhàn)略意圖,完成預(yù)定目標(biāo)的操作能力。10:20timeStructureDesigningConfigurationTableDraft設(shè)計結(jié)構(gòu)草圖配置表設(shè)計結(jié)構(gòu)草圖配置表草圖配置表是在綜合所有信息之后,對每頁所放內(nèi)容的設(shè)置草案,相當(dāng)于設(shè)計大綱。草圖配置表的形成大致分兩個階段:勾草圖階段和設(shè)計稿階段。勾草圖階段當(dāng)設(shè)計師掌握了相關(guān)的設(shè)計素材資料后,勾草圖就是最先要做的事情。勾草圖的過程實際就是設(shè)計師思索的過程,這當(dāng)中不能排除不同媒體版式的特性對設(shè)計師思維的制約,也不能排除不同字體和圖片形式對設(shè)計師編排工作的影響。但優(yōu)秀的設(shè)計師往往能突破這些制約和影響,以限制性開發(fā)創(chuàng)造性,化限制為自由。作為設(shè)計師,要學(xué)會接受限制,掌握限制,利用限制。12:20timeDesigningStage設(shè)計稿階段草圖勾畫是凌亂潦草的。設(shè)計者要在若干凌亂潦草的草圖中選擇出較滿意的設(shè)計方案,對它進(jìn)行進(jìn)一步的完善。這是一個很重要的程序,稱為設(shè)計方案階段。設(shè)計稿中,版式設(shè)計形式的選擇范圍應(yīng)比草圖時明顯縮小,但還是應(yīng)根據(jù)設(shè)計方案的需要多畫出幾張效果圖進(jìn)行比較,差異不一定要大。這個階段要在編排格式上認(rèn)真琢磨,仔細(xì)推敲,以保證下一步正稿的質(zhì)量。草圖配置表出來后,我們就可以開始考慮裝飾性的東西和每一頁的閱讀起點。閱讀順序是怎樣的,頁眉在左上角、右上角,還是左、右兩邊。比如一個企業(yè)的介紹可能分為好幾個部分,我建議在手指翻書的位置出現(xiàn)1、2、3、4、5,通過顏色來區(qū)分各個部分。14:50timeCatalogInformation目錄信息目錄信息草圖配置表完成之后,就要開始整理目錄信息。目錄信息是對所涉及內(nèi)容的大致整理,多少會體現(xiàn)出設(shè)計風(fēng)格。宗教感與傳統(tǒng)相結(jié)合傳統(tǒng)企業(yè)體現(xiàn)提升發(fā)展趨勢,文字內(nèi)容中規(guī)中矩現(xiàn)代企業(yè)展現(xiàn)靈活發(fā)展,不同大小的圓來反映不同結(jié)構(gòu)15:15timePagination頁碼頁碼目錄信息整理完成后,我們需要通過頁碼來確定每一頁的頁面關(guān)系。無論內(nèi)容如何,通過頁碼可牢牢控制整本畫冊的基調(diào)。兩種軟件名稱用加號連接,從頁眉就可以看出,這本畫冊所闡述的內(nèi)容和結(jié)構(gòu)類型。頁碼百分比的表現(xiàn)形式闡述出百分比的設(shè)計特點。Differentcontentusingtheplusconnection,ascanbeseenfromtheheader,thealbumstructuretype.Pagenumberpercentageformthepercentageofdesignfeatures簡潔的組合,具有識別力的內(nèi)容。清晰地表達(dá)出目前“業(yè)績展示”這個版塊在畫冊中的位置。依照閱讀習(xí)慣,我們在設(shè)計畫冊的時候,頁眉作為翻閱畫冊時檢索的要點,可以出現(xiàn)具體查閱信息,方便閱讀的檢索。Simplecombination,discerningcontent.Clearexpressionofthecurrent"achievementexhibition"thepartsinthealbum'sposition.Inaccordancewiththehabitofreading,wedesignedthealbumwhen,asthealbumwhenreadingheaderretrievalpoints,canappearspecificinformationretrieval,easyreading.在頁眉具有檢索功能的基礎(chǔ)之上,也可以附加一些適合企業(yè)的設(shè)計元素,這些設(shè)計元素從企業(yè)標(biāo)識本身的輔助圖形進(jìn)行提取,相對來說是比較科學(xué)的辦法。當(dāng)然我們也可以分析得出企業(yè)目前宣傳中所缺失的幾個方面,加以整合,產(chǎn)生新的符合企業(yè)性質(zhì)的設(shè)計元素。Intheheaderwithsearchingfunctionfoundation,alsocanaddsomesuitablefortheenterprisedesignelements,thesedesignelementsfromthecorporatelogoitselfaidedgraphicsforextraction,isarelativelyscientificapproach,ofcoursewecanalsoanalyzethepropagandaenterpriselackinginseveralrespects,conformity.Generationofnewenterpriseswiththenatureofthedesignelements.此頁眉作為企業(yè)五十年慶的背景下設(shè)計產(chǎn)生,提取1959-2009的數(shù)字信息,直觀展示出50年企業(yè)發(fā)展歷程。并且使用飄舞的絲綢作為元素,與文字形成組合,提升了企業(yè)50年大慶的喜悅場景。Thisheaderascompanycelebratesfiftyyearsinthecontextofthedesign,theextractionof1959-2009digitalinformation,intuitionisticshow50yearscourseofenterprisedevelopment.Andtheuseofasilkaselementsandtextform,enhancetheenterprise50yearsDaqingjubilantscenes.16:05timeDesignCode設(shè)計規(guī)范要完成設(shè)計,做出優(yōu)秀的設(shè)計作品,我們需要遵守一定的設(shè)計規(guī)范。比如目錄頁內(nèi)容規(guī)范、版權(quán)頁內(nèi)容規(guī)范、內(nèi)文規(guī)范、頁眉規(guī)范、文字圖形間距規(guī)范,等等。16:40timeFontSpecification字體規(guī)范標(biāo)題是讀者了解正文的“先行官”。標(biāo)題字體的選擇應(yīng)當(dāng)與正文的風(fēng)格協(xié)調(diào),如活潑的文風(fēng)不宜選用凝重的黑體,莊重的內(nèi)容不宜選用太過隨意的字體做標(biāo)題。在主、副標(biāo)題并存的情況下,選用字體應(yīng)顯示出主次等級關(guān)系。同時,標(biāo)題字體與正文字體既要互為呼應(yīng),又應(yīng)區(qū)別有致。一本期刊或一本畫冊,一定要保持一個統(tǒng)一的風(fēng)格,所以頁眉字體、字號也要進(jìn)行嚴(yán)格規(guī)范。17:10timeWordSizeStandards字號規(guī)范字號指字的大小。在使用字號時,我們建議有一個可選范圍。字號的大小可以體現(xiàn)出內(nèi)容之間的等級關(guān)系,我不建議選擇太多的字號,這樣會造成版面的混亂,同級內(nèi)容最好用一個字號。另外,同樣的字號,但因為字體不同,視覺效果也會有所不同,在運用時,要掌握好搭配的協(xié)調(diào)性。我建議大家做設(shè)計時,最好能參照實體閱讀物,因為同樣的字號在電腦屏幕上和實物上的視覺是不一樣的,為了達(dá)到更好的設(shè)計效果,我們不能只依賴于電腦屏幕,要以實際效果為準(zhǔn)。17:50timeIntervalStandards間距規(guī)范字體和字體之間的間距,也要規(guī)范。標(biāo)題與英文標(biāo)題之間的距離,10~15個單位。一定是“單位”,是比例關(guān)系,而不是具體的數(shù)字,因為不同開本間距可能不同,但比例是一定的。文字和圖形的間距也是如此。符合這些規(guī)范,我們的作品不僅從風(fēng)格上是一致的,內(nèi)容和形式上也都會達(dá)到一定的統(tǒng)一,同時又有一個變化的范圍,看起來是一個完整的整體,但每部分又有自己的個性和創(chuàng)意。在第五天的實戰(zhàn)案例中會用具體案例展示這些規(guī)則。5Friday/30°C~35°C/ClearTheFifthDayDesignerssaid"Morecasesshouldbepresentedtothoselongingfordesigningknowledge!"Forthisreason,designersprovidevariousdesigningcasesforustodiscussandinspireourideasandinspirations.Comparedwithknowledgeandexperienceacquiredinanactualcombat,knowledgeandexperiencelearntinquiteanumberofcoursesislittle.Nowletusgetengagedinactualpracticeofdesigningaftertheorylearning.Iwillsharewithyousomecases,talkaboutwaystorealizegriddingofmodernistschoolandshowfeasibleapplicationofdifferentgriddingandthecombinationofdesignelementsinit.MondayTuesdayWednesdayThursdayFridaySaturdaySunday星期一星期二星期三星期四星期五星期六星期日2011年6月24日星期五晴設(shè)計師說:“案例要多多滋潤渴求之人!”設(shè)計師拿出各種案例提供給大家交流。在軍事課堂上聽再多的課,也比不上參加一場實戰(zhàn)演習(xí)得到的經(jīng)驗多。經(jīng)過了一番理論的洗禮,今天我要帶大家進(jìn)入實戰(zhàn)了。我會和大家一起分享一些案例,通過這些案例的展示來闡述現(xiàn)代派網(wǎng)格的實現(xiàn),更具體更形象地來向大家展示不同網(wǎng)格的靈活運用以及各個設(shè)計元素在網(wǎng)格中的組合。如果前面的理論讓你有點枯燥乏味,那么今天的內(nèi)容無疑是給了它們生命。你會發(fā)現(xiàn)你的手有多么神奇,一篇文章寫得再精彩,賦予它視覺生命的人是你;一首曲子譜得再美妙,賦予它視覺生命的人也是你……一幅作品,在人們沒有看到內(nèi)容之前,他首先為之動容的就是你的設(shè)計。你的設(shè)計直接就影響了受眾的閱讀欲、購買欲?,F(xiàn)在就讓我們一起看看設(shè)計師是如何創(chuàng)造視覺生命的。RealizationofGriddingofModernistSchool9:00time現(xiàn)代派網(wǎng)格的實現(xiàn)9:30time對設(shè)計畫面進(jìn)行拆解,了解畫面是如何構(gòu)成的。我們使用一本DM來說明。為什么我們的設(shè)計是讓讀者先看到圖片而非文字?在畫面內(nèi)容和圖片確定的情況下,我們?nèi)绾胃玫貙⑺鼈冋故境鰜??在沒有更多設(shè)計元素的情況下,我們無非是用一種大圖配文字的基礎(chǔ)設(shè)計手法來體現(xiàn),但是這樣對內(nèi)容的闡述可能就不夠清楚和詳細(xì),我們通過什么辦法來對它進(jìn)行更高的提升呢?之前我們已經(jīng)講過字間距、欄高、標(biāo)題之間的關(guān)系,現(xiàn)在我們對文字部分進(jìn)行一個簡單的節(jié)奏把握。9:45timeDisassemblyandCombination
ofDesignElements設(shè)計元素的拆解數(shù)字與方向,箭頭都可以作為設(shè)計元素出現(xiàn)9:55timeCombination
ofDesignElements設(shè)計元素的組合9:58time我們現(xiàn)在對設(shè)計畫面進(jìn)行拆分。首先我們要看到設(shè)計元素,通過對整張大圖的內(nèi)容分析了解它要講什么。它講這里是城市靈魂的棲息地,講廣場之間包含什么。但它告訴我們的只是一個大的、有氣勢的外立面,一個小的視覺點,我們在沒有看到里面的時候,會對里面有很多遐想。但是我們需要通過一張沒有內(nèi)景的外圖,讓人了解里面,怎么做到?我們對畫面進(jìn)行一個網(wǎng)格的分割,每一個塊面都來表達(dá)廣場內(nèi)的一種設(shè)施。有兩種表達(dá)方式,第一種,我們把它進(jìn)行編號,1、2、3、4、5、6,1是廣場內(nèi)的一個洗浴中心,2是電影院,3是超市,4是商場。在編號之后,我們會對局部地區(qū)進(jìn)行簡單描述。也許有人希望得到確切的方位,那我們在畫面比較醒目的地方標(biāo)注東南西北。通過這些元素的介入,形成了現(xiàn)在的畫面,提出了內(nèi)容、序號、方向。方向和數(shù)字都可以作為設(shè)計元素出現(xiàn)。第二頁,你會發(fā)現(xiàn)我們幾乎在用同樣的設(shè)計手法在闡述廣場之內(nèi)某一商場的場景。這是要告訴設(shè)計師,可以用同樣的手法表達(dá)不同的內(nèi)容,以提高工作效率。CasePresentation10:00time案例展示110:10time在前一頁我們看到,使用白色或者灰色底,然后用藍(lán)色這種比較冷靜的色調(diào)來敘述一個相對理性的內(nèi)容。現(xiàn)在我們要用黃色這樣鮮艷、明晰、溫暖的顏色來代表商場之內(nèi)的情景。10:20timeDisassemblyandCombination
ofDesignElements設(shè)計元素的拆解10:30timeCombination
ofDesignElements設(shè)計元素的組合10:45time那這時我們怎樣用相同的手法表述不同的內(nèi)容呢?商場更關(guān)心什么?業(yè)績、成長規(guī)模、銷售總額,我們通過不同的色彩和設(shè)計細(xì)節(jié)來表現(xiàn)這些內(nèi)容。比如把一些表格做得更有設(shè)計感,在它的色塊提升范圍之內(nèi)做一些變化,讓它更具吸引力和可讀性。11:00timeRefining
ofDesignElements設(shè)計元素的提煉Differentplaces設(shè)計中使用的不同點1版式相同2設(shè)計元素相同3色塊使用面積100%Sameplace設(shè)計中使用的相同點1使用信息不同2顏色不同3表達(dá)信息方式不同4色塊使用面積60%11:15time將兩個畫面進(jìn)行對比,我們會發(fā)現(xiàn),版式是相同的,設(shè)計元素是相同的,色塊的使用面積也大致是相同的。不同點是使用信息不同、顏色不同、表達(dá)信息的方式不同,色塊的使用面積也有不同。也就是說,采用同樣的設(shè)計手法,只要我們根據(jù)畫面的不同內(nèi)容對設(shè)計元素進(jìn)行調(diào)整,即使是在同樣的網(wǎng)格規(guī)則之下,也可以產(chǎn)生不一樣的設(shè)計效果。所以說網(wǎng)格的誕生提高了工作效率,而不需要絞盡腦汁思索每個版式的不同設(shè)計手法。11:45timeDesignElement
LayoutonAPrintedPage設(shè)計元素在版面上的分布CasePresentation12:00time案例展示212:10time在這本DM中,我們會分不同的類,比如城市生活、名人訪談等。這期我們訪問了小提琴手。我們要如何體現(xiàn)出小提琴手不同的個性面?在一場美妙絕倫的演奏中,我們所能體會到的所有情感都不是小提琴手的,他只是在通過音樂表達(dá)別人的感情,不論他悲傷還是歡喜,統(tǒng)統(tǒng)都要埋藏起來。當(dāng)演奏結(jié)束后,他終于可以表達(dá)自己的感情了,但又往往不被人關(guān)注,或者除了音樂,他根本找不到別的可以宣泄感情的方式。我們?nèi)绾蝸肀憩F(xiàn)他的心情變化呢?12:15timeDesignElement
LayoutonAPrintedPage設(shè)計元素在版面上的分布12:25time通過文字的高低變化就可以實現(xiàn)。欄高的起伏變化即代表音樂的跌宕起伏,也代表了內(nèi)心的起落變化。將小提琴手在萬眾矚目下表面的輝煌和內(nèi)心的落寞全部表現(xiàn)出來。暗色調(diào)中填充文字的圖形,融入畫面后,非但沒有影響畫面重心,反而通過位置的設(shè)計對小提琴手內(nèi)心的波動進(jìn)行了視覺演繹。為什么文字的比例那么小呢?首先不能影響畫面重心——小提琴手,敘述性的文字只是為了闡述小提琴手的心理活動,它的內(nèi)容、體積、顏色都只能是輔助的角色,不能喧賓奪主。我們在畫面中標(biāo)注了1、2、3,說明它需要三個點去實現(xiàn):人物、文字、內(nèi)容。我們通過設(shè)計的方式把握版面,分割圖片、色塊,很清晰。CasePresentation13:00time案例展示312:15timeDM少不了時裝版,有些設(shè)計師經(jīng)常會對時裝版的排版方式感到頭大,其實它很簡單,只是很難出效果。我們通過對品牌時裝的理解去尋找品牌的歷史起源,包括聯(lián)系名稱、設(shè)計師、家族背景等,更深入地了解這一品牌該如何展示。一樣通過數(shù)據(jù)來表達(dá),通過重心,包括圖、配圖、文字來展示,提出一些簡單的設(shè)計元素。整個畫面看上去相對平淡,因為主要內(nèi)容是展示服裝,多余的裝飾只會喧賓奪主。任何品牌都是經(jīng)過長年的積累發(fā)展而來的,它的發(fā)展歷史是它的驕傲,所以品牌的歷史演變是我們要表現(xiàn)的一個重點,我們要靠內(nèi)文來進(jìn)行敘述。除此之外,內(nèi)文還要闡述:它是誰?它是做什么的?它的特征是什么?這些基礎(chǔ)信息必須放在一個醒目的位置。13:45timeDesignElement
LayoutonAPrintedPage設(shè)計元素在版面上的分布CasePresentation14:00time案例展示414:15time接下來,我們對某品牌的廣告大片進(jìn)行闡述,它是為我們的品牌形象服務(wù)的。在畫面上如何表達(dá)?整圖要具備品牌的展示,讓大家知道這是什么牌子的產(chǎn)品;分圖又要重點展示單品的特征。在網(wǎng)格設(shè)計中,我們把它分成七個區(qū)域:1.品牌文字;2.輔助說明性文字;3.輔助圖片;4、5、6是品牌內(nèi)文敘述,分香水、包包、飾品三部分;7.主題圖片。14:25timeDesignElement
LayoutonAPrintedPage設(shè)計元素在版面上的分布14:30time其實我們是利用內(nèi)文的每一段文字和它們所表達(dá)的不同內(nèi)容把整個畫面區(qū)分開來,而不是通過方圖來強(qiáng)行分割。CasePresentation15:00time案例展示515:15time在案例展示之后,我們再來看一些草圖。我們在設(shè)計很多單品的時候,經(jīng)常會模糊畫面,如何把很多單品糅合在一張圖中?整齊。很多時候,并不需要太復(fù)雜的設(shè)計。整齊地排列,甚至可以稱為羅列,再通過文字的敘述,很容易就達(dá)到效果了。整齊的矩形可以形成穩(wěn)定的持續(xù)感,對我們展示大量商品信息帶來極大的方便。但是單純羅列的版面在一本畫冊中最多只能出現(xiàn)三四頁,不能太多,因為單純羅列在有些情況下會顯得呆板,我們需要在整齊的版面中進(jìn)行一定的變化。15:25timeDesignElement
LayoutonAPrintedPage設(shè)計元素在版面上的分布15:35time這一版面較上面的版面就有一定的靈活性,雖然主要還是陳列、展示大圖,但我們會將區(qū)域5設(shè)置為一個可活動的、可靈活變化的區(qū)域,比如其他都是方圖,此處放置圓圖或pass圖,使版面靈活起來,打破了方形、矩形統(tǒng)一畫面的格局,但同時它又是統(tǒng)一在網(wǎng)格之中的。15:35timeCase
Presentation設(shè)計案例展示Displaycase15:45timeFramework
ofshow設(shè)計框架展示Framedisplay16:05timeStandards目錄/版權(quán)頁字體規(guī)范16:25timeStandards內(nèi)文中文/英文字體規(guī)范15:15time規(guī)范使用的印刷專用英文字體,除具備中文字體的一切要求外,更應(yīng)與中文合理搭配,以達(dá)到整體統(tǒng)一的視覺效果。為塑造統(tǒng)一的形式,內(nèi)文中涉及信息傳達(dá)的文字均采用以上規(guī)定字體,方便形成連續(xù)的風(fēng)格。16:45timeStandards頁眉/內(nèi)文文字體規(guī)范16:55timeStandards文字圖形間距規(guī)范GriddingPresentation17:00time網(wǎng)格展示110:10time在案例展示和草圖展示之后,我們再來看看整本DM中的網(wǎng)格。網(wǎng)格可以通過現(xiàn)代軟件中的輔助線來實現(xiàn)。比如用輔助線來劃分字與字之間的距離和比例關(guān)系。運用網(wǎng)格規(guī)范頁面,會產(chǎn)生視覺上的連貫性,可以讓讀者更關(guān)注于內(nèi)容,而不是形式。頁面上的任何一個內(nèi)容元素,無論是文字還是圖像,都會和其他元素產(chǎn)生視覺聯(lián)系,網(wǎng)格則能提供一套整合這些視覺聯(lián)系的機(jī)制。17:05time17:15timeGriddingPresentation17:30time網(wǎng)格展示2單一版式內(nèi)的符合網(wǎng)格一本書或一本畫冊在設(shè)計中使用不止一套網(wǎng)格,在一本畫冊中,文字為主體的部分,單獨使用一套網(wǎng)格,內(nèi)文與標(biāo)題從頭到尾看起來都類似,但在不同的內(nèi)容中標(biāo)題與內(nèi)文卻有很多細(xì)微的變化,以區(qū)別這些篇章,在網(wǎng)格中有嚴(yán)格的規(guī)定。如上圖,左邊有兩欄,且兩欄的欄高欄寬都不相同,右邊是三欄,欄高欄寬都是相同的。在一個頁面之中,使用了不止一個網(wǎng)格系統(tǒng)。兩個網(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,包含生活、時尚、地產(chǎn)、汽車四部分內(nèi)容,這四部分不同的內(nèi)容如何統(tǒng)一起來呢?首先我們具備一套基礎(chǔ)網(wǎng)格,它是一個基礎(chǔ)的高與低、左與右、文字大小之間的關(guān)系,它負(fù)責(zé)整本刊物保持統(tǒng)一性,然后根據(jù)不同的內(nèi)容需要,我們要在基礎(chǔ)網(wǎng)格中再做出獨立的網(wǎng)格,來達(dá)到視覺上的變化,對內(nèi)容進(jìn)行區(qū)分。17:45time17:50timeColorExamples18:00time色彩范例此外,我們還要從顏色上對每個版塊進(jìn)行定位區(qū)分。比如“l(fā)ife”版塊,就比較淡、柔,因為生活本身就應(yīng)該給人舒適感;“城市”版塊,要有很強(qiáng)的空間感,有天空、大地等城市元素,所以色彩上要能體現(xiàn)出生態(tài)感;“地產(chǎn)”版塊,主要是建筑物,采用灰色調(diào);“時尚”版塊則是鮮艷的顏色,給人跳躍感。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è)計師說:“工作中需要更多案例分析來幫助我們成長。”設(shè)計師拿出自己的學(xué)習(xí)方法來與大家分享。不是所有的客戶都會給你準(zhǔn)備好一堆的素材等著你來設(shè)
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時也不承擔(dān)用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 課題申報參考:近代上海國立音樂院-國立音專學(xué)刊的歷史敘事及其文化意義闡釋研究
- 2025年《學(xué)習(xí)師德學(xué)習(xí)教育法規(guī)》心得體會例文(5篇)
- 2025年度個人二手房交易安全保障協(xié)議3篇
- 二零二五版羅馬柱歷史文化遺址保護(hù)合同4篇
- 二零二五版藥店營業(yè)員藥品配送及聘用合同4篇
- 2025版投資經(jīng)理借貸雙方合作協(xié)議書3篇
- 二零二五年度國際藝術(shù)品拍賣交易合同3篇
- 二零二五年度出差工作成果評估與獎勵合同3篇
- 2025年度戶外景觀設(shè)計施工與后期養(yǎng)護(hù)合同4篇
- 2025版投標(biāo)文件制作及審核服務(wù)合同模板3篇
- 中央2025年國務(wù)院發(fā)展研究中心有關(guān)直屬事業(yè)單位招聘19人筆試歷年參考題庫附帶答案詳解
- 2024年09月北京中信銀行北京分行社會招考(917)筆試歷年參考題庫附帶答案詳解
- 外呼合作協(xié)議
- 小學(xué)二年級100以內(nèi)進(jìn)退位加減法800道題
- 保險公司2025年工作總結(jié)與2025年工作計劃
- 2024年公司領(lǐng)導(dǎo)在新年動員會上的講話樣本(3篇)
- 眼科護(hù)理進(jìn)修專題匯報
- GB/T 33629-2024風(fēng)能發(fā)電系統(tǒng)雷電防護(hù)
- 深靜脈血栓(DVT)課件
- 2023年四川省廣元市中考數(shù)學(xué)試卷
- GB/T 19885-2005聲學(xué)隔聲間的隔聲性能測定實驗室和現(xiàn)場測量
評論
0/150
提交評論