L14-《網(wǎng)絡(luò)信息制作與發(fā)布》網(wǎng)頁藝術(shù)設(shè)計(jì)5

《網(wǎng)絡(luò)信息制作與發(fā)布》第四章網(wǎng)頁的藝術(shù)設(shè)計(jì)浙江廣播電視大學(xué)徐斌立4.4網(wǎng)頁中的標(biāo)志和文字從網(wǎng)頁的藝術(shù)設(shè)計(jì)的角度來說，版式、色彩和文字是決定頁面視覺傳達(dá)藝術(shù)效果的重要因素，而標(biāo)志可以說是網(wǎng)站的靈魂。前面巳經(jīng)給大家介紹過了色彩和構(gòu)成的相關(guān)知識(shí)。下面將給大家詳細(xì)介紹關(guān)于網(wǎng)站的標(biāo)志和文字的設(shè)計(jì)。在科學(xué)技術(shù)飛速發(fā)展的今天，印刷、攝影、設(shè)計(jì)和圖像傳送的作用越來越重要，這種非語言傳送的發(fā)展具有了和語言傳送相抗衡的競(jìng)爭(zhēng)力量，標(biāo)志則是其中一種獨(dú)特的傳送方式。標(biāo)志，是表明事物特征的記號(hào)。它以單純、顯著、易識(shí)別的物象、圖形或文字符號(hào)為直觀語言，除標(biāo)示什么、代替什么之外，還具有表達(dá)意義、情感和指令行動(dòng)等作用。一個(gè)網(wǎng)站的標(biāo)志代表著網(wǎng)站的形象，其最重要的作用是用圖形化的方式傳達(dá)網(wǎng)站的定位和經(jīng)營(yíng)理念4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字1.標(biāo)志設(shè)計(jì)的原則標(biāo)志設(shè)計(jì)不僅是實(shí)用物的設(shè)計(jì)，也是一種圖形藝術(shù)設(shè)計(jì)。它與其他圖形藝術(shù)表現(xiàn)手段既有相同之處，又有自己的藝術(shù)規(guī)律。

它必須體現(xiàn)上述單純、顯著、易識(shí)別的特點(diǎn)，才能更好地發(fā)揮其功能。由于對(duì)標(biāo)志設(shè)計(jì)簡(jiǎn)練、概括、完美的要求十分苛刻，其難度比其他任何圖形藝術(shù)設(shè)計(jì)都要大得多。4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字詳盡明了設(shè)計(jì)對(duì)象的使用目的、適用范疇；考慮其實(shí)現(xiàn)的可行性，應(yīng)用形式、材料和制作條件；采取相應(yīng)的設(shè)計(jì)手段，同時(shí)還要顧及應(yīng)用于其他視覺傳播方式（如印刷、廣告、映象等）或放大、縮小時(shí)的視覺效果。構(gòu)圖要凝練、美觀、適形（適應(yīng)其應(yīng)用物的形態(tài)）。圖形、符號(hào)既要簡(jiǎn)潔、概括，又要講究藝術(shù)性。色彩要單純、強(qiáng)烈、醒目。。4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字2.標(biāo)志設(shè)計(jì)的表現(xiàn)與構(gòu)思手法標(biāo)志設(shè)計(jì)的表現(xiàn)手法極其豐富多樣，并且在不斷發(fā)展創(chuàng)新，僅舉常見手法概述如下：（1）表象手法。采用與標(biāo)志對(duì)象直接關(guān)聯(lián)而具典型特征的形象。這種手法直接、明確、一目了然，易于迅速理解和記憶。如表現(xiàn)出版業(yè)用書的形象，表現(xiàn)鐵路運(yùn)輸業(yè)用火車頭的形象，表現(xiàn)銀行業(yè)以錢幣符號(hào)配合變幻的圖形為標(biāo)志圖形等。。4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字(2)象征手法。采用某種意義上與標(biāo)志內(nèi)容有聯(lián)系的圖形、文字、符號(hào)、色彩等，以比喻、形容等方式象征標(biāo)志對(duì)象的抽象內(nèi)涵。

如中國農(nóng)業(yè)銀行行徽以麥穗圖形為主，直截了當(dāng)?shù)乇磉_(dá)出這個(gè)專業(yè)銀行-“農(nóng)業(yè)”銀行的特征。麥穗中部橫與堅(jiān)的十字行處理不僅簡(jiǎn)練地概括了麥穗行，而且恰成一個(gè)“田”字，從而進(jìn)一步加強(qiáng)了“農(nóng)業(yè)”的含義。上端麥芒與圓形交節(jié)的斷開處理，完善了整體的內(nèi)外關(guān)系，從而強(qiáng)化了標(biāo)志形象的個(gè)性特色。4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字（3）寓意手法。采用與標(biāo)志含義相近似或具有寓意性的形象，以影射、暗示、示意的方式表現(xiàn)標(biāo)志的內(nèi)容和特點(diǎn)。如馬的形狀與“馬”字互恰，用奔馬的形象示意名稱。4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字（4）視感手法。采用并無特殊含義的簡(jiǎn)潔而形態(tài)獨(dú)特的抽象圖形、文字或符號(hào)，給人一種強(qiáng)烈的現(xiàn)代感、視覺沖擊感或舒適感，引起人們注意并難以忘懷。這種手法不靠圖形含義而主要靠圖形、文字或符號(hào)的視感力量來表現(xiàn)標(biāo)志。4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字3.標(biāo)志設(shè)計(jì)的流程4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字調(diào)研分析。在設(shè)計(jì)之前，首先要對(duì)制作網(wǎng)站的客戶做全面深入的了解，包括經(jīng)營(yíng)戰(zhàn)略、市場(chǎng)分析等要素挖掘。依據(jù)對(duì)調(diào)查結(jié)果的分析，提煉出標(biāo)志的結(jié)構(gòu)類型、色彩，列出標(biāo)志所要體現(xiàn)的精神和特點(diǎn)，挖掘相關(guān)的圖形元素，找出標(biāo)志設(shè)計(jì)的方向。設(shè)計(jì)開發(fā)。可以從不同的角度和方向進(jìn)行設(shè)計(jì)開發(fā)工作。設(shè)計(jì)師基于對(duì)標(biāo)志的理解，充分發(fā)揮想象，用不同的表現(xiàn)方式，將設(shè)計(jì)要素融入設(shè)計(jì)中。經(jīng)過討論分析或修改，開發(fā)出適合客戶的標(biāo)志。4.標(biāo)志修正4.4.1標(biāo)志設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字提案階段確定的標(biāo)志，可能在細(xì)節(jié)上還不太完善，我們需要對(duì)標(biāo)志的標(biāo)準(zhǔn)制圖、大小修正、黑白應(yīng)用、線條應(yīng)用等不同表現(xiàn)形式進(jìn)行修正，使標(biāo)志使用更加規(guī)范，同時(shí)標(biāo)志的特點(diǎn)、結(jié)構(gòu)在不同環(huán)境下使用時(shí)也不會(huì)喪失，達(dá)到統(tǒng)一、有序、規(guī)范的傳播。文字是網(wǎng)頁中非常重要的頁面元素，網(wǎng)站的內(nèi)容主要是通過文字信息來傳遞，網(wǎng)頁中的文字包括大段的文字信息、網(wǎng)站標(biāo)題、導(dǎo)航信息、圖片里的文字等。所以網(wǎng)頁中文字的設(shè)計(jì)、排版方法都會(huì)對(duì)網(wǎng)站的設(shè)計(jì)效果起到重要的作用。4.4.2文字設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字字號(hào)、字體、行距文字的修飾可以通過字號(hào)、字體、行距來進(jìn)行控制。下面依次來進(jìn)行介紹。（1）字號(hào)。網(wǎng)頁開發(fā)中字號(hào)大小可以用像素（px）來定義。W3C對(duì)網(wǎng)頁最小字體并沒有硬性的規(guī)定。只是我們?cè)谠O(shè)計(jì)網(wǎng)頁的時(shí)候因?yàn)榭紤]到可閱讀性，最小一般為12px大小。常規(guī)文字12px；標(biāo)題，頁頭14px、16px大標(biāo)題，橫幅等一般使用18px。4.4.2文字設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字（2）字體。

字體是網(wǎng)頁的主要組成部分，是信息重要的載體。正確選擇字體，不僅關(guān)系到網(wǎng)頁的頁面藝術(shù)效果，還對(duì)瀏覽者的閱讀及信息的傳達(dá)有直接的影響。學(xué)習(xí)字體設(shè)計(jì)，需要了解漢字和拉丁字母（含阿拉伯?dāng)?shù)字）這兩種作為東、西方文化代表的不同的文字體系。在區(qū)別兩種文字的字形結(jié)構(gòu)和設(shè)計(jì)特點(diǎn)的基礎(chǔ)上，應(yīng)用美學(xué)規(guī)律，相互借鑒，發(fā)揮設(shè)計(jì)者的主觀創(chuàng)造性。4.4.2文字設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字（2）字體。從加強(qiáng)平臺(tái)無關(guān)性的角度來考慮，正文內(nèi)容最好采用系統(tǒng)所自帶的字體。因?yàn)闉g覽器是用本地機(jī)器上的字庫顯示頁面內(nèi)容的。如果確實(shí)要使用的特殊字體，可以將文字制成圖像，然后插入頁面中。4.4.2文字設(shè)計(jì)4.4網(wǎng)頁中的標(biāo)志和文字(3)行距。行距是指文字段落中行與行之間的距離。行距的變化也會(huì)對(duì)文本的可讀性產(chǎn)生很大影響。

除了對(duì)于可讀性的影響，行距本身也是具有很強(qiáng)表現(xiàn)力的設(shè)計(jì)語言，為了加強(qiáng)版式的裝飾效果，可以有意識(shí)地加寬或縮窄行距，體現(xiàn)獨(dú)特的審美意趣4.4.2