網(wǎng)絡(luò)排版藝術(shù)課件

1、網(wǎng)絡(luò)排版藝術(shù)字體文字文字從信息功能的角度進(jìn)行劃分主要可分為：標(biāo)題、副標(biāo)題、正文、附文等類別。設(shè)計(jì)師須根據(jù)文字信息內(nèi)容的組織關(guān)系，通過有效的視覺流程組織編排文字，引導(dǎo)受眾閱讀，而這種文字的編排應(yīng)靈活、富有美感和形式感，使之符合大眾的審美情趣。文字作為視覺表現(xiàn)要素之一，與圖形與色彩相比有著更優(yōu)的傳播效率，由視覺處理后的文字在平面排版中不僅具有閱讀的固有功能，同時(shí)肩負(fù)著版面視覺風(fēng)格的審美功能。宋體 作為古代刻書法字體基礎(chǔ)上發(fā)展起來的最早印刷體，其特點(diǎn)是“橫細(xì)豎粗,多角修飾”它給人典雅、大方、肅穆之感。宋體根據(jù)粗細(xì)之分有粗宋、大宋、中宋。這使其在廣告版面中，無論是標(biāo)題、還是大段的文字都可應(yīng)付自如。黑體

2、橫豎細(xì)粗一致的筆劃結(jié)構(gòu)以及多種筆劃粗細(xì)選擇，使其成為現(xiàn)代設(shè)計(jì)中應(yīng)用最為廣泛的字體。而在其基礎(chǔ)上，去除筆畫兩端稍粗的結(jié)構(gòu)，使之更為簡(jiǎn)潔，從而衍生出當(dāng)代廣告的主流字體等線體。等線體：極簡(jiǎn)的字體風(fēng)格，迎合了現(xiàn)代的審美觀，它沒有任何筆劃的修飾與粗細(xì)之分,干凈利落，特別適合干某些文字。它已成為大多數(shù)現(xiàn)代品牌的“代言者”從公司的平面廣告，電子、通訊到時(shí)裝、化妝品、服飾，從標(biāo)題廣告語到大段說明文字、似乎設(shè)計(jì)師只安裝了等線體。圓體：(幼圓)一種港臺(tái)字體，它保留了黑體的字型飽滿，方正、結(jié)構(gòu)嚴(yán)謹(jǐn)?shù)奶攸c(diǎn)，而在筆畫兩端和轉(zhuǎn)折的地方加上了圓角處理，使其圓潤(rùn)、富有獨(dú)特的親和力。適合表現(xiàn)關(guān)于兒童、女性、食品等內(nèi)容。仿宋體字

3、體修長(zhǎng)，粗細(xì)均勻，起落筆都有筆頓，類似于手書風(fēng)格、挺拔秀麗、頗具文化味。由于筆畫清晰明快但缺乏力度，使其更多被用于成段的文字，特別是豎排時(shí)，其中國(guó)傳統(tǒng)文化的氣質(zhì)更加表露無疑。網(wǎng)頁(yè)色彩的搭配色彩的基本知識(shí) 1、顏色是因?yàn)楣獾恼凵涠a(chǎn)生的。2、紅，黃，藍(lán)是三原色，其它的色彩都可以用這三種色彩調(diào)和而成。網(wǎng)頁(yè)html語言中的色彩表達(dá)即是用這三種顏色的數(shù)值表示例如：紅色是color (255,0,0)十六進(jìn)制的表示方法為(FF0000)白色為(FFFFFF), 我們經(jīng)?？吹降腷gColor=#FFFFFF就是指背景色為白色。 3、顏色分非彩色和彩色兩類。非彩色是指黑，白，灰系統(tǒng)色。彩色是指除了非彩色以外

4、的所有色彩。 4、任何色彩都有飽和度和透明度的屬性，屬性的變化產(chǎn)生不同的色相，所以至少可以制作幾百萬種色彩。非彩色的搭配 黑白是最基本和最簡(jiǎn)單的搭配，白字黑底，黑底白字都非常清晰明了。 灰色是萬能色，可以和任何彩色搭配，也可以幫助兩種對(duì)立的色彩和諧過渡。如果你實(shí)在找不出合適的色彩，那么用灰色試試，效果絕對(duì)不會(huì)太差。色彩的心理感覺。紅色-是一種激奮的色彩。刺激效果，能使人產(chǎn)生沖動(dòng)，憤怒，熱情，活力的感覺。 綠色-介于冷暖兩中色彩的中間，顯得和睦，寧?kù)o，健康，安全的感覺。 它和金黃，淡白搭配，可以產(chǎn)生優(yōu)雅，舒適的氣氛。 橙色-也是一種激奮的色彩，具有輕快，歡欣，熱烈，溫馨，時(shí)尚的效果。黃色-具有快

5、樂，希望，智慧和輕快的個(gè)性，它的明度最高。 藍(lán)色-是最具涼爽，清新，專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順，淡雅，浪漫的氣氛(象天空的色彩:) 白色-具有潔白，明快，純真，清潔的感受。 黑色-具有深沉，神秘，寂靜，悲哀，壓抑的感受。 灰色-具有中庸，平凡，溫和，謙讓，中立和高雅的感覺。每種色彩在飽和度，透明度上略微變化就會(huì)產(chǎn)生不同的感覺。以綠色為例，黃綠色有青春，旺盛的視覺意境，而藍(lán)綠色則顯得幽寧，陰深。網(wǎng)頁(yè)色彩搭配的原理 1、色彩的鮮明性。網(wǎng)頁(yè)的色彩要鮮艷，容易引人注目。2、色彩的獨(dú)特性。要有與眾不同的色彩，使得大家對(duì)你的印象強(qiáng)烈。3、色彩的合適性。就是說色彩和你表達(dá)的內(nèi)容氣氛相適合。如用粉色

6、體現(xiàn)女性站點(diǎn)的柔性。 4、色彩的聯(lián)想性。不同色彩會(huì)產(chǎn)生不同的聯(lián)想，藍(lán)色想到天空，黑色想到黑夜，紅色想到喜事等，選擇色彩要和你網(wǎng)頁(yè)的內(nèi)涵相關(guān)聯(lián)。 圖退底：照片大都以矩形的形狀在版面中出現(xiàn)，難免讓人感覺呆板。如果你希望畫面更具有活力，生動(dòng)、有情趣，對(duì)照片作退底是一個(gè)有效的方法。它不僅可以取出復(fù)雜，不和諧的背景使總體形象更加醒目突出，而且退底的照片能較為容易地與版面中的色塊、圖形、文字組合構(gòu)成，形成協(xié)調(diào)、整體的視覺效果。合成有時(shí)單張照片不一定能準(zhǔn)確完整地表現(xiàn)出較大或較抽象的概念，諸如企業(yè)理念等。幸好電腦的強(qiáng)大功能令圖像合成成為簡(jiǎn)單易行的事情。設(shè)計(jì)師通常將多個(gè)具像元素經(jīng)過大小、強(qiáng)弱，于是以其色調(diào)等多種

7、視覺處理方法合成為統(tǒng)一、協(xié)調(diào)的整體，就如同一幅經(jīng)過高超暗房技術(shù)制作攝影圖將。如果在加進(jìn)設(shè)計(jì)師豐富的想象力，哪畫面將呈現(xiàn)令人驚嘆的超現(xiàn)實(shí)效果。打散重構(gòu)將完整的攝影圖片裁剪、打散、再?gòu)脑O(shè)計(jì)的角度進(jìn)行重新組合，破碎、錯(cuò)疊，帶來的是不穩(wěn)定，錯(cuò)亂的強(qiáng)烈視覺沖擊，在視線無意識(shí)地重組畫面的同時(shí)，畫面的所有圖形會(huì)被重新歸整成為有機(jī)的整體，而此時(shí)畫面被賦予了新的形式感。影調(diào)強(qiáng)大的色彩處理功能，設(shè)計(jì)師可以對(duì)一幅全彩的照片進(jìn)行色度、彩度、明度、純度、冷暖改造，相反也可對(duì)一幅黑白照片進(jìn)行著色處理。創(chuàng)造性的創(chuàng)作出單色、雙色、非常規(guī)彩度等獨(dú)特的畫面色彩。虛實(shí)通過對(duì)照片虛實(shí)處理可以避免次要部分的視覺干擾突出主體部分，使畫面

8、具有空間與層次美感。同時(shí)，被虛化的部分在視覺上不僅帶給人們想象的余地，功能上也比較容易與文字信息編排組合，形成完整的版面作品。質(zhì)感、特效對(duì)照片添加不同的質(zhì)感不但可以彌補(bǔ)原始素材在清晰度方面的不足，同時(shí)還會(huì)誘發(fā)不同的聯(lián)想與情感。如通過對(duì)照片手繪效果的處理，可以賦予照片藝術(shù)氣息和人性化特點(diǎn)；通過對(duì)照片破損、燒灼的效果處理，還可帶來頹廢、陳舊之感；通過對(duì)照片數(shù)碼點(diǎn)陣處理，會(huì)使畫面呈現(xiàn)科技與現(xiàn)代之感；通過強(qiáng)化照片的影響顆粒，會(huì)使畫面具有如膠片記錄式的真實(shí)效果；而刻意強(qiáng)化照片的印刷網(wǎng)點(diǎn)或是制造圓點(diǎn)來組建畫面，是受到了印刷工藝的靈感啟發(fā)。抽象圖形抽象圖形是將自然形象進(jìn)行概括，提煉，簡(jiǎn)化得到的形態(tài)，例如點(diǎn)、

9、線、面等幾何形以及不規(guī)則有機(jī)形，它們既可在形式上作為版面點(diǎn)、線、面構(gòu)成的重要元素，又可在傳達(dá)功能上對(duì)信息進(jìn)行有效地劃分，建立閱讀的層次感，所以抽象圖形在現(xiàn)代商業(yè)版面構(gòu)成中使用十分平淡。圖形的使用必須符合內(nèi)容、主題。與主體無關(guān)、牽強(qiáng)的形式只會(huì)誤導(dǎo)受眾，削弱傳播力。特別是在抽象圖形的運(yùn)用上，把握?qǐng)D形的視覺形態(tài)語言，不象把握色彩那么簡(jiǎn)單，如線條的粗細(xì)，方向、交織的不同運(yùn)用都會(huì)表達(dá)不同的心理感受，文字、色彩形成的綜合關(guān)系則更值得設(shè)計(jì)師仔細(xì)把握。標(biāo)志標(biāo)志作為商業(yè)版面必不可少的圖形元素，其展開的視覺系統(tǒng)構(gòu)建了企業(yè)的標(biāo)識(shí)形象和產(chǎn)品的識(shí)別形象，以系統(tǒng)化的方式強(qiáng)化品牌形象在消費(fèi)者頭腦中的影響值得注意注意的是 ，

10、除去比較直接地將標(biāo)志按照規(guī)定放置到版面的固定位置，更有巧妙的將標(biāo)志和輔助圖形以靈活多變的創(chuàng)新形成融匯到廣告設(shè)計(jì)中，這可謂是品牌形象在實(shí)施應(yīng)用階段的創(chuàng)意延伸。版面處理信息時(shí)代，高節(jié)奏生活狀態(tài)下的讀者群，對(duì)信息的要求適更直接、更全面、更快速。為適應(yīng)這種情況，報(bào)紙需要通過向讀者提供更充分和有吸引力的信息，證明他們所花的時(shí)間和注意力是值得的。同時(shí)視覺時(shí)代的來臨，使讀者在接受信息時(shí)，更多地依賴圖形化的語言。于是讓報(bào)紙易讀和視覺化被提到編輯們的每日日程。報(bào)紙版面的細(xì)分化，導(dǎo)讀方式多樣化，稿件安排的模塊方法，信息傳遞的圖解化等等都是對(duì)讀者閱讀心理的和習(xí)慣的適應(yīng)性措施.模塊式版面在模塊式版面中編輯們將文字、圖

11、片等安排在規(guī)則的區(qū)域內(nèi)，并盡量避免稿件的穿插。這種版面每條信息的所有要素（正文、標(biāo)題、美化手段）形成一個(gè)規(guī)則的矩形。報(bào)紙的模塊式版面設(shè)計(jì)核心在于豎欄數(shù)量與比例的確定以及相對(duì)穩(wěn)定和適度變化，并且在相當(dāng)長(zhǎng)的周期內(nèi)，擁有相對(duì)固定、統(tǒng)一的基本版面模式。她用欄線和空白將版面分割為多個(gè)規(guī)則的多邊形區(qū)域，最常見的形式由水平方向劃分為2：4或1：5，然后在每塊區(qū)內(nèi)一稿件的重要性安排其位置。模塊式版面由以下優(yōu)點(diǎn)：1.模塊式版面清晰、規(guī)則，版面中各類文章及欄目的位置相對(duì)固定，方便動(dòng)態(tài)是版面閱讀的同時(shí)也符合現(xiàn)代審美觀。2.模塊式版面方便編輯操作，因?yàn)榕e行可以放在版面的任何位置，編輯的排版工作更為剪輯，同時(shí)在必要時(shí)，如有突發(fā)新聞，編輯可以快速地進(jìn)行調(diào)換。動(dòng)態(tài)式版面動(dòng)態(tài)式版面的應(yīng)用比較局限在以?shī)蕵沸侣劄橹鞯?，針?duì)青少年讀者的報(bào)紙中。所謂動(dòng)態(tài)式版面沒有穩(wěn)定的豎欄以及規(guī)則的矩形區(qū)域，對(duì)應(yīng)的