導語：如何才能寫好一篇網頁藝術設計，這就需要搜集整理更多的資料和文獻，歡迎閱讀由公務員之家整理的十篇范文，供你借鑒。

篇1

隨著科技的巨大進步，電腦、智能手機的普及，設計和建設網頁成為了一種吸引網民的手段。人們對網頁的美觀度有了一定的要求，網頁藝術設計教育就應運而生。一個完美的網站應該是基于設計者較高的審美能力。本文對網站藝術設計的內容、風格和布局進行了初步的歸納和總結。

關鍵詞：

審美角度；網頁藝術設計；研究

0引言

近幾年，在網絡快速發展的大背景下，網頁設計更加藝術化，并逐漸引起人們的重視。如果網站的發展狀況不好，網頁的藝術設計就更加重要。而網頁藝術設計和內容的統一，是一個難題。想要做出優秀的藝術網頁作品，設計者就必須有較高的藝術審美能力。本文對審美視角下的網頁藝術設計進行了初步探討。

1網頁藝術設計的原則

網頁藝術設計，顧名思義，就是藝術和技術的統一。在網頁中要重點體現兩者的統一。為了把握這重點，設計者必須緊緊跟隨以下三點原則：

1.1明確的主題

網頁藝術設計的最終目的就是把網頁的主題和內容傳達給網民。網頁要通過視覺、聽覺效果來與網民進行信息交流，利用網民的心理規律使頁面的內容更加容易被網民接受和吸收。大多數人在短時間內只能掌握少數信息，［1］過多的信息、太過分立的信息都是容易被人忘記的。因此，用鮮明的主題以集中體現網頁的內容，是網頁設計最根本的要求。1.2統一的風格網頁的版面設計和雜志、書籍的封面設計是類似的，并沒有很大的區別。網頁的風格決定該網頁的內容、網頁的布局和網頁的色彩運用。具有個人特色和風格的網頁設計，會給予網民不一樣的視覺體驗，除表達設計者想要表達的信息之外，還可以使人產生感官上的美的享受。但是一個網頁頁面上不可以有多種風格，這會使網民在視覺上接收到繁雜的信息，無法把握真正的重點信息，從而無法達到網頁頁面設計者的初始目的。一個頁面上最好是不超過三種原色，同時這幾種顏色的位置安排、占有的版面都需要設計者考慮。

1.3色彩的豐富

顏色在網頁的整體布局上處于一個很重要的地位。色調統一可以使網民感到舒服。但是統一的顏色又存在一個問題，那就是頁面單一，導致部分網民容易感到疲乏無味，以致沒看完頁面的內容就選擇關閉頁面。同時，頁面設計者可以恰當地運用顏色對頁面內容的布局進行創新，利用網民的感官感受，來安排頁面上的顏色，突出重點，使網民一下就抓住重點，以達到頁面藝術設計的最初目的：以網民的主觀感受為優先，在他們充分體會到美好、形象的視覺、聽覺享受之后，可以接受頁面的藝術設計，達到最初想要宣傳的效果。

2網頁藝術設計的注意事項

網頁的藝術設計和其他的媒體排版既有相同之處，都是在傳播美的同時，宣傳自己想要傳達的信息，但它們又有許多的不同。

2.1網頁設計尺寸

印刷品都有規定的排版和尺寸。但是在網頁設計上，尺寸和排版都是可以人為地設定，以追求統一、和諧，達到最好的視覺效果。但是這個也給網頁設計者帶來不小的負擔，需要設計者精心調整和把握尺寸。［2］同時網頁設計的組織結構也需要設計者格外注意。組織結構要按照該網頁設計的風格、排版和文字位置進行調整。

2.2網頁設計文字排版

一個網頁除了圖片和色彩，還有直觀的文字解說才算是一個完整的頁面。文字可以直接傳達想要表達的宣傳內容，給網民帶來直接的視覺體驗。文字除了傳達主題，還有渲染氣氛和烘托心情的作用。文字的魅力是巨大的。因此，文字的排版就要遵循上文提及的三點要求，即主題明確、風格統一、色彩豐富。文字是排版的重點，文字除了要在內容上下功夫，文字的排版、大小、顏色等都可以影響一個網頁頁面的整體效果。例如，國家時事類的網頁就應該運用正式莊重的語言文字；休閑旅游類的網頁就應該走輕松活潑的文字風格；平時一些和百姓息息相關的資訊、貼士，最好就運用百姓的日常用語。此外，文字排版要注意文字中穿插的圖片，文字要與圖片形成好的整體效果。

2.3網頁設計圖片編排

作為視覺感官動物，人們對于圖片和文字的敏感度都是差不多的。其實網頁上的圖片并不需要很高的辨析度，因為在網頁上的圖片有清晰度的設定，過高的清晰度會因為顯示頁面的大小而大打折扣。另外就是頁面圖片的使用和運輸，會受制于寬帶速度。文件越小，網上傳送速度就越快。［3］在圖片選擇和優化程度上，除了考慮網絡頁面整體的效果，還需要考慮圖片的排版整齊，和頁面風格統一。最好是圖片的使用要符合風格和文字的內容。圖片在輔助文字表達文章主題思想的同時，突出重點。

2.4網頁設計藝術修養提高

其實一切網頁設計都源于頁面設計者自身的藝術修養和藝術鑒賞能力。頁面設計者應該在運用自己專業知識的同時不斷提升自己的藝術鑒賞能力，然后在仔細觀察生活的同時，達到可以融會貫通的高等境界。畢竟在浩如星海的網頁中，最缺少的就是個人風格和特色。設計者根據網頁內容，將自己的創意和風格運用到文字的編輯、圖片的排版和整體的頁面設計中。這些都離不開網頁頁面設計者自己的個人主觀能力和感受。

3結語

在網絡的普及下，網頁上的信息傳播越來越高效，所以對網頁藝術設計的學習就變得更加重要，網頁設計者在把握網絡頁面藝術設計的三大基本原則后，再在網頁頁面藝術設計的注意事項上下功夫。除此之外，頁面藝術設計者自己的藝術修養也是極為重要的，要努力提高自身的藝術修養和藝術鑒賞能力，輔助以強大的技術設備支持。

參考文獻：

［1］馬爾科姆•巴納德（英）.藝術、設計與視覺文化［M］.江蘇：江蘇美術出版社，2006.

［2］王受之.世界現代設計史［M］.深圳：新世紀出版社，1995.

篇2

關鍵詞：網頁設計；藝術設計；元素

中圖分類號：TP393.092 文獻標志碼：A 文章編號：1673-291X（2012）32-0220-02

計算機網絡技術的發展把人們帶入一個信息大爆炸的時代，網絡不僅影響了信息交流的方式，也越來越多地滲透到人們的學習、工作和生活中。網頁是網絡信息的基本載體，也是網絡信息的主要表現形式，網頁中的藝術設計元素就成為網頁是否有具有觀賞性，能否給受眾帶來美的享受的決定因素。網頁設計作為一門交叉學科也就應運而生。網頁設計本身以網絡為載體，把各種信息以最快捷、準確的方式傳播出去；同時，網頁也因為有了藝術設計元素而變得更加豐富多彩，更具觀賞性。

網頁設計中藝術設計的元素主要包括文字、圖形、圖像、色彩、版式等，下面將分類進行說明。

一、網頁設計中的文字

文本是網頁中最為重要的設計元素，網頁的正文部分都是由文字的群體組合而成，從藝術的角度講，文字群體排列組合的好壞，直接影響著頁面的視覺傳達效果。因此，文字群體的設計是增強頁面視覺傳達效果，提高文字的藝術表現能力的關鍵。

1.注重文字的可讀性

網頁設計中的文字應避免凌亂、煩瑣、難于辨認，為了設計而設計，忽視頁面的親和力、可讀性和用戶體驗。

2.調整合適的字體、字號和行間距

字體的設計是設計者直覺和審美的體現。使用說明字體都要從頁面的整體和總體設計原則考慮，黑體強壯有力，草書則更加有藝術感，但從瀏覽網頁的終端考慮，最好采用默認字體，因為好看的字體瀏覽終端不一定支持。

字號的大小有不同測量標準，一般情況下用磅和像素來表述，在網頁設計中默認用磅表示字體的字號，網頁正文部分一般不用12磅宋體字。

行間距變化也會對網頁的用戶體驗和美感產生影響，一般情況下，與字號大小接近的行間距比較適合瀏覽者的審美觀。

3.文字的圖形化

所謂文字圖形化是指用單個的字、詞、句甚至一段文字，巧妙地排列組合成生動有趣的畫面，使圖文有機地結合在一起，形成圖文交融、相映成趣的視覺效果。在文字的圖形化過程中不要單純追求文字圖形的美觀，還要注意文字的可讀性，只有這樣才算是成功的文字圖形化。

二、網頁設計中的圖形和圖像

圖形、圖像是最早引入網頁設計的多媒體元素，它們能將信息傳達得更具體、真實、直接，易于理解，從而高效率、高質量地表達設計理念，使網頁充滿強烈感彩，增強用戶體驗。

1.網頁設計中的圖形

2.網頁設計中的圖像

網頁中的圖像主要分為：LOGO（標志）、背影、主圖和超級鏈接；常用的圖片格式有jpg和gif等。

LOGO具有象征、識別功能，是網站形象、文化和主題思想的濃縮。一個成功的LOGO能夠提升網頁的層次，起到畫龍點睛的作用。

背影圖像把整個頁面變成一個寫實場景，與網頁主題相輔相成，從而突出主題思想，凸顯網頁風格。

網頁主圖是指頁面中突出主題，表達主題思想較大幅面的圖形圖像，一副好的主圖能清晰、準確的表達網頁的主題，并具有直觀、易于理解等特點。

將圖像設置成超級鏈接，能夠使超級鏈接變得樣式豐富，形象生動的圖像能夠消除語言障礙，可以給單純的文字信息增添活力，從而增強用戶體驗。

三、網頁設計中的色彩

網頁的色彩搭配是制作網頁成功與否的關鍵。網頁的背景、文字、圖標、邊框、超鏈接等，應該采用什么樣的色彩，應該搭配什么色彩才能最好地表達出網頁的主題，一直是網頁設計者頭疼的問題。

一個成功的網頁配色，首先要清楚怎樣將網站主題思想傳達給用戶，然后再根據這個主題思想來確定網頁設計的色調搭配，從而提高網站的訪問量。要搭配出能夠體現網站主題思想的配色需遵從以下幾點。

1.色彩的鮮明性。網頁的色彩表現主題要鮮明，引人注目，使人過目不忘。

2.色彩的獨特性。設計根本就是要創新，模仿和抄襲是沒有生命的，色彩搭配與眾不同，使得大家對你網頁的色彩搭配印象強烈。

3.色彩的合適性。就是說色彩和你表達的內容氣氛相適合。如用粉色體現女性站點的柔性。

4.色彩的象征性。不同色彩會象征不同的內容，如藍色象征天空、黑色象征黑夜、黃色象征溫暖等，選擇色彩要和你網頁的內涵相關聯。

在網頁配色中也要切忌用色過多，最好控制在三種之內；前景和背景色彩對比要大，以便突出主題。

四、網頁設計中的版式設計

網頁板式的基本類型主要有骨骼型、滿版型、分割型、中軸型、曲線型、傾斜型、對稱型、焦點型、三角型、自由型十種。網頁設計中的版式設計是通過文字圖形圖像的組合，表達出和諧與美。因此，這些圖形圖像必須按照一定的次序進行合理的編排和布局，有機地結合在一起，將一個有機的整體展現出來。在網頁設計中，不管采用網頁板式的哪種基本類型都要做到。

1.主次分明，中心突出。根據中國人的習慣在一個頁面上，一些重要的內容一般安排在頁面的中央或者中間偏右上的位置，在其他的地方可以安排那些稍次要的內容，這樣整個頁面就得到更好的視覺效果了。

2.網頁設計的版式要注重整體，網頁設計內容又需要元素組成，在設計網頁時要綜合各類元素的特點，做到通盤考慮、周密組織、精確定位，才能使頁面的整體性得到體現。

3.圖文并茂，相得益彰。文字和圖片具有一種相互補充的視覺關系，頁面上文字太多，就顯得沉悶，缺乏生氣；頁面上圖片太多，缺少文字，必然就會減少頁面的信息量。因此，最理想的效果是文字與圖片的密切配合，互為襯托，既能活躍頁面，又能使主頁有豐富的內容。

五、網頁設計的視聽元素

網頁設計伴隨著計算機互聯網技術的發展，聲音、視頻和動畫等視聽元素已成為網頁的一個重要組成部分。從網頁設計的角度來說，在網頁中運用適合網頁主題的視聽元素能夠大幅度提高網頁的檔次，反之，單純為了“炫”而加入一些不合主題的視聽元素反而會有畫蛇添足之嫌。因此，視聽元素在網頁設計中的運用也要遵循傳統網頁設計的制作思路和制作要點。視聽元素的綜合運用是網頁設計的特點之一，是網頁設計發展的必然方向。

藝術設計元素在網頁設計中的運用是今后網頁設計發展的新趨勢，網頁設計作為一種新興的藝術設計，只有合理地將藝術設計元素運用到網頁設計中，才能做出賞心悅目的網頁。

參考文獻：

[1] 姚霓.淺談網頁設計要素[J].科技情報開發與經濟，2008，（18）.

篇3

《版式設計原理》一書指出，隨著科學發展日新月異，人們可以通過網絡的形式讀書、看報，接受各類新信息。這種網絡信息的傳播更加迅捷，而且可以節省大量的閱讀時間，可以隨時隨地利用瑣碎的時間通過移動客戶端來提升閱讀效率。因此，新聞網頁作為新聞的重要載體，必須考慮到網頁設計和手機端閱讀的各類網頁特點，這些精心設計和制作的網頁，在藝術設計上得以完美呈現，不僅可以影響客戶的瀏覽欲望，而且可以影響新聞的傳播速度。藝術設計，是網頁設計的重要核心，藝術設計具有綜合性和創新性，在新聞網頁的整體設計和改編過程中，藝術設計可以幫助設計者更好地把控新聞的具體內容和展示方式，對于版面以及圖片的科學設計和藝術化處理，都可以通過一系列的技術和手段，更好地展現給讀者。由于新聞的嚴謹性和真實性以及新聞的相關評價，決定了新聞網頁的制作與一般網頁制作的不同，在藝術設計方面要求更加嚴謹和專業，因此，新聞類網頁藝術設計作為一門非常獨立的藝術學科，具有極強的綜合性，這種綜合性是由新聞的特點決定的，涉及社會文化和市場的各個方面，體現了設計者的表現張力、想象力和陳述能力。

從布局角度看，《版式設計原理》一書亦有其獨到之處，它格局清晰，條例清楚。前言、導讀、第1章“了解版式設計的概念”、第2章“不可缺少的構成元素”、第3章“色彩與網絡的基本運用”、第4章“版式設計的基本原則”、第5章“版式設計的視覺流程”、第6章“版式設計中的文字設計”、第7章“圖片與圖形的版式設計原理”、第8章“不同形式的版式設計”。通過關聯有序的章節處理，能夠科學而有效地說明整個新聞網頁設計過程中的所有問題，從而能夠讓不同階段的新聞網頁設計學習者都能夠獲得領悟自身所需要的設計知識。同樣地，作為有效的傳播形式，在新聞的版式設計過程中，必須考慮到受眾的瀏覽過程以及對于新聞信息篩選的習慣，在新聞網頁的設計過程中，必須要與傳播策略相互連接。新聞網頁的設計通常是簡明大方、整體陳列。陳高雅《版式設計原理》在第3章“色彩與網絡的基本運用”中指出，在某些新聞與商業性網頁和個人網頁相結合的過程中，可能會將素材展現和沖擊力融入其中，目前我國重點開發的新聞網站，都開始進行排版色彩的改革，由黑白色調變成具有鮮明內容特色的個性化色彩基調，進行整個新聞網頁的VI視覺設計。陳高雅《版式設計原理》在第4章“版式設計的基本原則”中指出，新聞網頁為了保證內容的充實和豐富，以及首頁內容和多種不同設計風格之間的結合，必須突破網頁布局設計的框架局限，新聞的網頁布局和設計內容在遵循讀者為上帝的原則之下，就可以將各類廣告和綠色的頻道欄用導航欄的形式進行科學巧妙的設置，在清晰醒目的前提之下，注重所要求服務之間的互動性，借鑒其他同類平面媒體的設計經驗，將新聞網頁布局設計得更加緊湊。設計布局是比色彩基調更加重要的新聞排版要素，布局和內容之間的交互性，可以為閱讀者，也就是網絡新聞的瀏覽者提供更多的便利。國內大型新聞門戶網站，都會將各類廣告設置和頻道導航欄之間進行醒目的區分，這種清晰的瀏覽設置，是為了能夠讓瀏覽者更加便捷地從新聞網頁的布局中找到自己所需要的內容，減少瀏覽者在選擇方面所浪費的大量時間。將新聞網站的網頁設計模式，以平面媒體的布局和設計進行相互關聯，以結構的形式將標題的位置進行形化的處理，并且對于新聞圖片的內容做更加合理的創新性、突破性設計，這樣就可以最大化地為用戶提供多樣化的新聞信息服務，并且充分利用網站每一個網頁的有效專業化設計，來版式設計完善填充空間。

通過對本書的閱讀，可以看出書中的觀點非常清晰，明確這種圖文并茂的積極作用，并且采用大量的實例來進行展示的方式，非常適合于結合專業的版式設計。也就是說，版式設計在有效地沖擊人們的視覺和心理的情況下，在各個領域能夠很好地重視到藝術設計在新聞創作過程中的應用，就可以將大家頭腦中所獲得的資訊，盡可能最大化地活學活用到基本的元素設計過程中。當然，書中對于藝術設計的每一個知識點都有更加詳盡和深入的描繪。

書中對常見的知識點進行了很細致的描述，這種講解和擴展分析可以將理論性和知識性的知識要點與實用性的知識技巧緊密結合，這樣就可以使網頁的版式設計思路更加清晰、明確，換句話說，就是對于知識要點進行更加細致的講解，擴展和分析版式設計和版式效果。網絡新聞用戶不僅瀏覽靜態的文字和圖片，而且可能會對主色調與視頻之間的關聯產生非常強烈的興趣。通過例證說明大型新聞門戶網站所采用的一般是簡潔大方的設計風格，這種設計風格正是因為其簡潔快速。經過一定的特殊個性化處理，就可以使用藝術設計的手法，從而使得新聞網頁的表達效果更加生動和鮮明，這種強烈的視覺沖擊，會使新聞瀏覽者在瀏覽不同新聞信息的過程中，獲得豐富的情感體驗。

該書通過簡明易懂的實例作品，對新聞網頁的版式設計理論進行了非常清晰的講述，這種鮮明而直觀的呈現版式設計理論的寫作方式，對新聞工作者網頁設計的實際工作發揮，能夠起到很好的指導作用。本書的創新之處在于將新聞媒體的版式設計的一般性原理，用簡潔明了的方式呈現給廣大讀者，尤其是對于相關工作者來說是一本深入淺出的教科書。書中認為，新聞網頁設計過程中，網頁布局和標志設計都是非常重要的組成部分，特征鮮明、個性化明顯的標志能夠為新聞網頁增強生命力，讀者可以瀏覽到靜態圖片和文字，也可以以視頻的方式及時瀏覽快節奏的新聞報道。同時配合新聞網頁中重要的文字設計，將新聞形式以更加具有可讀性、親和力的方式直觀地展現給讀者。陳高雅《版式設計原理》一書中明確提出，作為新聞網站的網頁設計，文字的設計因素是非常重要的藝術特征要素之一，因為新聞網頁主要是借助圖片和文字的組合，來提升瀏覽者的頁面視覺感官度。這就要求新聞網頁的設計要將文字的內容和文字的設計作為表現力的基礎，對于文字的設計不能出現凌亂和繁瑣的現象，要能夠言簡意賅地讓讀者快速地領會中心思想，字體的設計要考慮到整體的設計原則，注重每一種不同字體的風格和所能表達出的藝術氣息，行與行之間的間距和字體之間的搭配以及字號的大小，都必須符合大眾的瀏覽習慣和審美需求。尤其值得一提的是，近年來，新聞網頁的設計非常注重文字的圖形化，以及圖文之間巧妙的排列組合，使圖文之間有了更加活躍的互動關系，圖文的組合以及文字的圖形化特點，可以構造生動有趣的畫面，提升瀏覽者的閱讀興趣，激發瀏覽者的共鳴。

篇4

Abstract: Web design is a completely new interdisciplinary of art design and web applications. The Technology-Art web design is based on ways and means of Web standards, integrated web design and art design, and the feature of the Technology-Art web design lies in persuit of the combination of overall innovative, reasonable structure, artistic color and availability content. Therefore, the key to the Technology-Art web design is the web designers with high literate quality and artistic talent.

關鍵詞： 技術―藝術；Web標準；網頁設計；“技術―藝術”人才培養

Key words: Technology-Art；Web standards；web design；"Technology-Art" talent training

中圖分類號：TP39 文獻標識碼：A文章編號：1006-4311（2011）08-0160-02

0引言

21世紀是網絡的世紀，互聯網對人們生活的影響越來越大。無庸置疑，在互聯網“引導”世界中，網頁設計開發孕育著巨大的商機。網頁作為網絡上的藝術品，要想獲得滿意的用戶體驗，必須將技術與藝術做最恰當的融合。

著名設計師陳紹華認為，中國設計的根源問題是創造力和審美教育的缺失，我們應該從普及和提高社會大眾的審美意識出發，通過大眾品位的提升，推動社會文明的進步[1]。伴隨著社會大眾審美能力的提高和現代技術在藝術、設計、語言等領域的廣泛的應用，單純、孤立地按藝術理論、技術理論以及藝術思維、技術思維來考慮新技術、新藝術，已經遠遠不夠了，基于技術―藝術融合的Web標準網頁設計問題凸現在每一個網頁設計師面前。

1關于“技術―藝術”和“Web標準”

1.1 技術―藝術楊崗、羅維亮編著的《技術―藝術思維》一書中認為，“技術―藝術”是指一種綜合技術和藝術的設計方式或表現手段?！凹夹g―藝術”突出反映技術在藝術構成中的地位和作用，以及技術在藝術方向上的應用。[2]關于技術―藝術相結合的現象和思想，不同時代、不同學科、不同領域都有不盡相同的內容或含義。在WEB標準的網頁設計中，“技術―藝術”指采用網頁設計技術和藝術相結合來表現網頁設計的方式、手段和技能。“技術―藝術”從技術結構、藝術結構角度看，是一種復合性語言方式，從應用角度看，指以技術、藝術兩類知識、技能結合的方式作為手段，完成網頁設計相關產品的活動，從理論角度看，是網頁設計中關于技術―藝術的相似性、融合性等關系的思維方式和思維內容。

1.2 Web標準“Web標準”指使用萬維網聯盟（World Wide Web Consortium，W3C）或者其他標準組織提供的開放且兼容的（而不是封閉、專有的，或者是屬于某個公司所有的）推薦規范來設計網頁。[3]Web標準于1998年在W3C的組織下開始建立并在網站標準組織的督促下推廣執行。2001年，美國和加拿大公布了一個指導方案，要求政府等相關網站使用Web標準進行開發并且加強可訪問性并得到了英國和新西蘭政府的支持，在這些國家的網站重構得到應用。2004年，Web標準在國內開始受到關注，網易、淘寶網、阿里巴巴等網站在2005年完成了趨向Web標準的網站重構[4]。此后，Web標準逐步為國內的網頁設計師所接受。伴隨著網頁設計技術的快速發展，Web標準規范逐步成了技術―藝術網設設計的最佳實踐手段，網頁的樣式和腳本具有了可重用性和一致性，網頁的渲染更加快速，網頁具有了更好的可訪問性。同時，網站的維護管理也變得更加容易方便。

2“技術―藝術”網頁設計特征

網頁界面的構成要素除了傳統媒體的文字、圖形、色彩等基本構成要素外，還有音頻、視頻、動畫等多媒體要素，以及其他一些特效和交互功能。在網頁設計中基于技術―藝術手段，從網頁的整體創新以及結構、色彩、內容等方面綜合考慮，將獲得最大限度的有效設計和令人滿意的用戶體驗。優秀網頁作品是實用的物質功能與審美的精神功能完美地結合。

技術―藝術網頁設計特征有：

2.1 網頁整體的創新性網頁設計最終能否有突破以獲得滿意的用戶體驗，其根本在于設計師的創新性，以及與這種創新性相呼應的技術―藝術的完美融合?；ヂ摼W發展到現在，網頁設計的創新性不再僅僅是一種傳播方式，更是一種時代的表達。只有新的創意、新的格調、新的表現手法才能超越固定的、習慣的認識模式，才別出心裁地產生新穎的成果，才能有不同凡響的心理說服力，加深界面影響的深度和力度。

2.2 網頁結構的合理性網頁是傳播信息的載體，對網頁各種元素的組織應該做到層次分明、嚴謹清晰。統一、合理的整體性設計，可以使用戶快捷、準確、全面地認識和了解網頁，給用戶形成內部有機聯系，外部各諧完整的美感，從而傳達出設計師完整的設計理念。在網頁結構設計中，既要強調網頁的結構形式的視覺整體性，又要兼顧結構布局的靈活性，力求在整體性和靈活性之間尋找到最佳切入點，使設計的網頁不因為保證“整體”效果變的呆板、沉悶。

篇5

1.1 基于網頁設計中藝術色彩方面的創新方法隨著網頁藝術設計的快速發展，色彩作為設計過程中的主要元素，給人更加直觀的印象和感受，易于影響到人們的情緒和心情。那么在設計中運用不同的色彩往往更能凸顯出藝術的沖擊力，給人更為新穎的感覺，因此，關于在色彩方面的加工與設計顯得尤為重要。而其中最為重要的兩種表現形式是選用的自由化模式和色彩的簡約模式。前者傾向于對色彩的集中度突顯、自由化組合，使得網頁的個性特征得以體現，讓網頁風格不同于常見的形式，以恰當的色彩組合設計，給不同的客戶帶來有益的影響。需要注意的是，設計者在藝術色彩的設計與選用的過程中，要以訪問者的角度給予情感和心理方面的情緒變化融入，進而形成獨特的藝術魅力;后者則強調在色彩選用和設計的過程中遵循簡約的風格，讓網頁設計效果讓人看起來更加舒服、美觀。尤其在近年來的網頁藝術設計發展當中，這項創新理念的發揮已經逐漸成為眾多設計者首選的方式，其優勢在于能夠實現很多繁雜藝術設計無法體現的樸素、極簡風格，讓設計者擬定的主題更加清晰和顯著。例如：在網頁設計中，如何合理搭配與運用色彩，使其與藝術動態網頁文字相呼應和匹配，為訪問者呈現出更有層次感和對比效果的變化，將設計者想要表達的心理感受體現出來。如圖所示的操作界面中，為了匹配“2004高雄表演藝術”中心主題，設計者需使用100%純度的黑色作為主色彩，以達到形成和背景巨大反差的目的，同時在底色方面以透明灰色鏤空形式來表現“mityhaircutsdesign”等字體，更具吸引力，呈現出動態變化的特征。

1.2 保證留白的合理性在網頁藝術設計的過程中，很多設計者認為要充分利用每一塊空間位置，才能呈現出最佳的效果。事實上并非如此，優秀新穎的網頁設計不必非要利用到每一個位置，適當的留白處理更能為訪問者留下好的印象和感受。留白旨在突顯出藝術作品中虛實結合、相得益彰的良好成效，它的科學合理性設計，不僅能在視覺呈現方面顯得平衡感十足，保持動靜結合、虛實相應的觀感體驗，而且簡潔、合理的內容分布，則有效提高了訪問者的效率，有助于相關工作處理獲得便捷，進而無形中促使更多的訪問者加以瀏覽和關注，增強整體的網頁設計效果。此外，將Flas運用到網頁設計當中，突顯出一些廣告等信息的新穎性，增強吸引效果，借助Flash自身的動畫特效優勢和特點，表現出設計者寄予的思想和感情，像網頁中諸如旗幟與按鈕類型的廣告設計，均能夠利用Flash的動畫效果來呈現。

2總結

篇6

關鍵詞：界面；藝術；網頁

中圖分類號：TP393文獻標識碼：A文章編號：1009-3044(2011)14-3292-02

人們對美的追求是不斷深入的，網頁設計也是如此。網頁界面設計不是對各種圖像和文字的堆積，也不是對網頁模板的套用。而是需要在網站藝術效果上下功夫，使網站盡可能的做的美觀、合理，讓用戶更有效的獲取信息，對網頁的視覺呈現留下深刻的印象。并在瀏覽網頁時輕松、愉快的心情，接收信息也更容易，同時在無形中塑造出了網站的良好形象。

1 何謂界面

界面，字典上解釋為兩者間的界限、接點、共用（連接）的領域，進一步說就是個體間相互聯系的通路或者空間。界面設計最重要的兩點是讓瀏覽者使用的便利性和美觀性。作為網頁界面設計者，就要理解人們通過網絡交換信息時所需要的相互關聯的問題和特性，使用戶能夠在良好的環境下更便利的應用網絡。

2 網頁界面設計的特性和必要性

網頁設計不是簡單的在顯示器上看到的漂亮的裝飾性的畫面。一些設計地比較好的網站，就是考慮了多媒體的特性、色彩搭配和信息排列的一定次序，能更有效地向用戶傳達內容。比起許多華麗的畫面裝飾，網頁設計應該在更有效地傳達信息方面多下些功夫。這必須有對布局設計和色彩的正確理解和相關知識，要熟知網頁系統的特性。

在網頁界面設計方面，應同時考慮的是使用的便利性和視覺效果這兩方面。首先，網站內各個頁面應保持一貫性，不能給用戶帶來混亂感；在使用方面，盡可能的遵循普遍規律，這能讓用戶很容易適應。在界面設計方面，重要的一點就是要站在用戶的立場上去進行設計。既能給用戶帶來方便，又兼備視覺的沖擊力，這樣的網頁界面才是每個網頁設計人員應思考并追求的東西。一個不為用戶考慮的界面，無論這個網站有多么好的內容，這個好內容也是無用之物。兼具實用性與便利性的界面當然是重要的，但能夠喚起用戶的好奇心與興趣，使用戶停留網站，給人留下深刻印象的界面也是很重要的。

3 網頁界面藝術效果的構成要素

3.1 頁面結構

布局是內容組織的必然結果，它往往是自己逐漸形成的。一旦周全考慮了頁面的所有需求，并且確定了每一塊的內容，工作就變成了看著所想要的布局自己展現在你的眼前。這個過程類似拼圖游戲，只不過沒有最終完成的提示圖，但是每個部分都可以改變大小位置。網頁設計中，設計者要注意到網頁排版的“最佳視域”這一細節會引導用戶去觀看整個頁面，并且能夠創造出一種別稱之為“Diagonal Balance（對角線平衡）”的和諧狀態。人們在瀏覽頁面或布局的時候，視線往往趨向于從左上角移動到右下角，因為人們通常都是從左至右、又傷往下地閱讀，久而久之視線自然會沿著這一路徑移動。

其中，企業網站的頁面結構通常為比較簡單的上下結構式，可以說幾乎是統一的風格，頂部的左邊是網站的logo，右邊就是它的導航欄。門戶網站通常為上左右結構式，商業圖片往往很滿。通常會在頁面結構上也顯示出主次不夠突出、內容拖沓、繁瑣等不足。如果處理得不好，很容易會顯得呆板而無趣，但是如果使用大量的和整個網站顏色風格統一的圖標和圖片，網站看起來會顯得很生動。

3.2 色彩運用

網頁界面藝術設計離不開色彩的應用，當打開一個網站的時候，給用戶留下第一印象的既不是網站豐富的內容，也不是網站合理的布局，而是網站的色彩。尤其是在體現界面的時候，色彩對人的視覺效果非常明顯，一個網站設計的成功與否，在某種程度上取決于設計者對網頁界面設計顏色的運用和搭配。

國內外一些優秀的網頁界面設計師，他們可以對色彩運用的非常得當。在我們看來有些非常難看的顏色到了他們的手里很輕易的就搭配出一種很另類或和諧的美感，給人的感覺要么淡雅迷人，要么另類大膽，讓人覺得欣賞他們的網站是一個非常愉悅的過程。他們通常都比較喜歡采用不同的色調來表達不同欄目的主題，灰色是他們最愛用的顏色，因為灰色比較中庸，能和任何色彩搭配，大大的改變色彩的韻味，使對比更強烈，正文文字也大都采用灰色。而局部則喜歡用色彩絢麗的色條或色塊來區分不同的欄目。比如，要制作一個圣誕主題的網站，要求顏色運用對比強烈，我們可以選擇紅色和綠色的配色方案。在很多人看來紅色和綠色搭配就是“紅配綠，很俗氣”，其實相反色系兩色相配，即所謂紅配綠、藍配黃、橙配紫，這種搭配如果處理得好，出來的效果會很搶眼。使網頁看起來顯得很生動活波，使得紅顯得更紅，很符合網站的主題。

不同網頁的主題可以用不同的色彩來表現，以下為幾種常用色系：

第一，藍色。藍色是商業宣傳用色，在商業設計中強調科技、商務的企業形象時，大多選用藍色當標準色。一般用于企業宣傳類網站的設計中，往往給人以專業、科技的感覺。因此，藍色被普遍應用到企業網站和專業網站當中。

第二，綠色。綠色是自然色，有黃色和藍色兩種成分，綠色的性格最為平和、安穩，是一種柔順、恬靜、滿足及優美的色彩。給人以清新自然的感覺，可以大大舒緩視覺上的壓力。在商業網頁設計中，綠色所傳遞的是清爽、理想、希望和生長的意象，較符合服務業、衛生保健業、教育行業、農業類網頁設計的要求。綠色也可以用于與環保相關的主題，如旅游風景區網站。

第三，紅色。紅色是比較熱烈和強有力的顏色，在網頁顏色的應用中，單純以紅色為主色調的網站相對較少，多用作輔助色、點睛色，以達到陪襯、醒目的效果，會使網頁變的生機勃勃。紅色與黑色的搭配在商業設計中被譽為商業成功色，在網頁設計中也比較常見。紅黑搭配常被用于較前衛時尚、個性的娛樂休閑區網頁中，有很強的視覺感染力和號召力。

第四，黃色。黃色也是宣傳色中的一種，具有快樂，希望，智慧和輕快的個性。黃色給人輕松隨意的生活氣息，能夠體現出一種友善親近的效果，同時又容易引起味覺上的條件反射，給人以甜美和香酥感，在很多設計作品中黃色都被用來表現喜慶的氣氛和華麗的商品。同時黃色又是一種非常鮮明的色彩，它可以與許多種顏色搭配起來使用。

第五，橙色。是歡快活潑的光輝色彩，是暖色系中最溫暖的色，是一種富足、快樂而幸福的顏色。橙色稍稍混入黑色或白色，會變成一種穩重、含蓄又明快的暖色，但混入較多的黑色，就成為一種燒焦的色，橙色中加入較多的白色會帶來一種甜膩的感覺。橙色與淺綠色和淺藍色相配，可以構成最響亮、最歡樂的色彩。橙色與淡黃色相配有一種很舒服的過渡感。而橙色一般不能與紫色或深藍色相配，這將給人一種不干凈、晦澀的感覺。

另外，色彩之間的平衡與呼應也是十分重要的。色彩在頁面中可以形成很多的效果，通過強烈的對比，可以突出頁面的重點。還可以通過色彩調配，達到頁面穩重度的改變。一般的情況下，頁面上方的顏色總是很重，這樣才能壓住下面的顏色，如果不采取這種辦法，整個頁面將顯得很不穩重，底下的文字圖片，有飄出的意味。因此，要使整個頁面顯得很平衡，必須要有能鎮住其他顏色的色彩。一種比較突出的色彩，如果很突兀地放在頁面中，無論你是突出重點也好，還是LOGO圖標，都給整個頁面帶來了副作用。為此，你必須在相對稱的位置加上該色系的色彩以呼應，這樣可以弱化這種視覺的沖擊。

通常在一個頁面中盡量不要超過四種色彩，色彩太多會找不到主題色，會顯得沒有主次，令人眼花繚亂。同時還要注意文字的顏色與背景顏色的區分，太強或太弱都會印象瀏覽者得閱讀。同時，我們還可以適當的運用一些黑、白、灰的顏色搭配使用，可以產生意想不到的效果。在色彩的設計上，即要符合網站整體特征，又要適合所渲染信息的特征。一般采用同色系或相鄰色系對網站基礎信息進行渲染，對于突現主題的信息采用基礎信息色彩的補色或對比色進行渲染，從視覺上體現信息的權重與邏輯關系，達到突出重要、弱化次要地目的。

3.3 Flas及圖片的運用

國外一些網頁的flash banner大都以橫幅廣告條出現在頁面的導航欄下面，特別是韓國的網頁采用的都是精美的圖片或者是手繪風格的矢量插圖。國內很多網站也采用大幅的flash廣告條，但是通常都是著眼于如何去表現flas的酷、炫的感覺，使得瀏覽者過于關注flash而忽視了頁面的其他內容。而韓國的flash則更好的服務于網站的主題，和整個頁面搭配起來看得很舒服而不搶眼，他們的關鍵就在于整個flash不是全部變化，而只是局部在動，以及文字和背景的巧妙配合。韓國網頁設計師的手繪能力很強，頁面中大量采用手繪的矢量圖片，使得整個網站顯得精致而與眾不同，這點是我們值得借鑒的。

最近在雜志界開始吹起了復古風，六、七十年代的手繪插圖又開始流行，雜志書籍中大量使用矢量時尚插圖取代以前的照片，這股流行勢力很快也蔓延到了網絡上，特別是在時尚站點和兒童站點中大量運用手繪的插圖，會有很好的效果。

3.4 文字排版

在網頁界面中，眾多構成要素中文字是具有最佳的直觀傳達作用以及最高的明確性，文字包括標題、文字信息、文字鏈接。文字作為圖形符號，在處理文字造型時也適用圖形設計的基本原理，這些原理在文字的形態構成、空間排布、色彩配置等多方面都具有指導性的作用。通過設計與編排，文字的存在價值在界面中應體現為提高信息的明確程度與可讀性，加強界面的藝術性與視覺感染力，從而獲得良好的視覺傳達效果。

網站的內容排版因為要考慮到可讀性，很多欄目的文字編排都比較簡單，利于閱讀，而在一些內容較少的頁面如網站的廣告或宣傳頁上排版則富于變化，更類似于雜志內頁的排版。在文字排版時大部分人會覺的在文字排版時英文會比中文更美觀，那是因為形狀上中文字比英文字略高，并且文字的行間距往往比英文網站小，缺乏節奏感，容易給人擁擠雜亂和字塊堆積的感覺。這就需要我們在設計時，盡量避免在首頁放置大量的文字信息，盡量做到圖文穿插，以免大量文字給人造成視覺疲勞。

另外，文字的風格和編排應符合網頁主題。不同網頁主題需要不同的文字風格來配合，不同的文字編排也極大地影響這網頁的風格傾向。因此，不能孤立地進行網頁文字設計，而是講文字的設計和編排與網頁的主題結合起來。

一般來說，網頁的背景色應該柔和一些、素一些、淡一些，再配上深色的文字，使人看起來自然、舒暢。而為了追求醒目的視覺效果，可以為標題使用較深的顏色。如果一個網站用了背景顏色，必須要考慮到背景顏色的用色，與前景文字的搭配等問題。一般的網站側重的是文字，所以背景可以選擇純度或者明度較低的色彩，文字用較為突出的亮色。讓人一目了然。文字和背景的顏色搭配要合理、醒目、易讀。

當然，有些網站為了讓瀏覽者對網站留有深刻的印象，他在背景上作文章。比如一個空白頁的某一個部分用了很亮的一個大色塊，此時它為了吸引瀏覽者的視線，突出的是背景，所以文字就要顯得暗一些，這樣文字才能跟背景分離開來，便于瀏覽者閱讀文字。

3.5 頁面的立體感及細節處理

視覺層次非常重要，很多做出來的界面太過平淡、平面、平常，就是因為畫面沒有層次感。一個十分優秀的網站往往看起來都很有層次感，而這種層次感不是靠做幾個立體字來體現的，靠的是添加簡單的圖片或文字陰影效果和巧妙的利用構圖來形成視覺上的差異，或者通過加深減淡工具來改變元素的高光暗面等。或是應用透明的效果來烘托頁面的層次感和動態感覺，通過陰影，凹陷，透明來實現立體的網頁也是很不錯的。就是這種設計上的不拘泥于形式使網站的立體效果呼之欲出。我們應該學習韓國設計師做事的認真態度，他們的每一個按鈕、圖片的處理都及其講究，其實一些細微的部分不仔細看還不一定容易發現，但是如果少了這些細節的地方，整個網站的整體形象就要大打折扣了。

“細節決定成敗”，在設計領域了這句話更顯得重要。但細節是建立在一個整體基礎上的，在保持頁面協調統一的前提下，細節的刻畫能給頁面潤色不少。細節包括色彩上的打破，或者形態上的變化，文字的排版處理，還有圖標的應用等方面，甚至要做到精確到1個像素。一個成功的頁面設計者，至少會在做出頁面前已經把整個頁面構思好了，而且絕對不會很寬容地對待圖片中1個像素的差別。很多細節可能會被瀏覽者忽略，但對設計師來說絕不可放過，比如背景色、色彩漸變、各組件間間距、標題樣式、高亮樣式、字體/大小/顏色、行/段間距、插圖位置/邊緣處理、輸入框寬高/邊框色/背景色、按鈕的位置等。另外，只有看得多了，比較得多了，才能看得出這些細節。很多人會覺得這些細節沒有什么大礙，但多個不良的細節組合在一起就會讓人覺得不舒服。

4 結束語

網頁作為一種新的視覺表現形式，它的發展雖然沒有太長時間，但它兼容了傳統平面設計的特征，又具有其所沒有的優勢，成為今后信息交流的一個非常有效的途徑。作為一種綜合性的設計，對于網頁界面的設計來說，不僅要兼顧用戶的便利，同時也要把這個公司引人注目的地方一起展現出來。有個性、能夠給人留下深刻的印象是最好的。大部分的界面設計以上兩方面的內容都要考慮。 要考慮用戶的便利性還要使用人印象深刻，這似乎是矛盾的兩方向，但作為一個網頁的設計者，需要有調和這兩方面的能力。這就要求設計師具備全面的專業素質，懂得如何處理好內容與形式的關系，多途徑去探索網頁的風格。對隨時涌現的想法，要勇于付諸實踐，以鍛煉自己的創造性思維能力。如果具備了深厚的專業功底，又具有獨特的創造精神，并勇于嘗試不同的藝術風格，必能設計出讓瀏覽者過目不忘的優秀設計網頁，使人產生共鳴。

參考文獻：

[1] 魯道夫?阿恩海姆. 藝術與視知覺（新編）[M].長沙:湖南美術出版社,2008.

篇7

因為產品是物化的文化，是設計的具體體現。

我們在分析、研究產品開發、產品推廣、產品質量、產業結構乃至經濟發展的時候，實際上也是在評判工業設計。

因為工業設計是現代工業文明的靈魂，是現代科技與藝術的統一，也是科技與經濟、文化的統一。

21世紀初，工業設計在德國興起，促進了德國經濟的大發展；工業設計也創造了美國現代工業發展的神話，使美國能夠在半個多世紀內雄居世界經濟“大哥大”的寶座……

工業設計前景之設計競爭力是工業發展的重要競爭力

21世紀的市場競爭，是科學技術的競爭，同時也是工業設計的競爭。

什么是工業設計? 1980年，巴黎國際學術年會權威的論述是，賃借訓練、技術知識、經濟及視覺感受，而賦予材料、結構、構造、形狀、色彩、表面加工以及裝飾全新的品質和風格。

21世紀是知識經濟的時代。高度發展的科學技術與代表新世紀潮流的工業設計相結合，將為人類書寫美好的篇章。

由于工業設計是由工業設計師、結構工程師、價值分析師、模型工程師等專家集團組成的共同勞動，其本身就形成了一種特殊競爭力。專家們基于他們對技術、產品、市場、消費者、購買力、價格水平、生活習慣等的科學把握，開發、設計出了一大批具有競爭力的產品。如瑞士的機械手表，微軟的軟件……

日本千葉大學著名學者宮畸清教授在介紹日本經濟發展的過程時，談到日本產業振興和經濟增長有三要訣：一是艱苦奮斗的民族精神；二是領先一步的工業設計；三是不斷完善的經濟政策。這三者相輔相成，其中，工業設計對日本經濟的起飛發揮了巨大的推動作用。

亞洲金融危機之后，日本人痛定思痛，面對21世紀，又一次將“設計競爭力”作為日本經濟振興的法寶。他們用全新的設計思維，在策劃、在設計“太陽經濟”、智能建筑、地下城市、空間城市、模糊汽車等等。

工業設計是核心競爭力，是因為它可以科學地配置資源，投資少，見效快。據測算，工業品外觀每投入一美元，可帶來1500美元的收益。日本日立公司的數據則更具說服力，該公司每增加1000億日元的銷售收入，工業設計所占的作用占51%，而設備改造的作用只占12％，顯而易見，工業設計的主旨同可持續發展戰略是一脈相通的。在21世紀，工業設計將成為企業生存的關健和核心。商家將切實感受到，如果沒有卓越的產品設計，任何先進技術精良裝備與嚴格的管理都無法創造出精美的商品。

工業設計前景之“組織設計”是全新的革命

現代工業設計應該包括組織設計。

現代企業制度是20世紀組織設計最重要的成果。但是，企業制度的革命是永恒的。企業組織設計也沒有終點。

隨著信息化、自動化、全球化的出現，人們設計了“全球工廠”、“元紙貿易”、“戰略聯盟”、“電視直銷”、“網絡營銷”等各種生產和營銷組織形式d

我們需要設計“全球工廠”。在社會分工日趨細化的時代，“大而全”、“小而全”的企業已經難以在激烈的市場競爭中占據竟爭的優勢，商戰的嚴峻現實需要眾多的各具優勢的企業聯合起來，互相支持、互相補充，形成“全球工廠”。

耐克(NIKE)公司是世界上最大的旅游鞋供應商和制造商，公司將主要精力放在產品的設計和銷售上，產品的生產制造主要在新興國家和地區進行。耐克甚至連樣鞋也不生產。這就是“全球工廠”的初級階段。

我們需要設計“戰略聯盟”?？蛋仉娔X公司為迅速進入自己并不熟悉的個人電腦市場，獲得競爭優勢，一開始就與十幾家著名的軟硬件公司，如微軟、迪吉多等結成技術戰略聯盟，“借他人力量發展自己”?？蛋仉娔X的大部分零件也采用外包的形式來組織供應，公司本身僅僅掌握快速的研究開發能力及行銷網絡。由于實行輕巧的高彈性組織，配合低價策略，康柏很快占領了個人電腦市場，成為全球個人電腦的著名品牌。

工業設計前景之設計創意是企業人的基本素質

科學的工業設計，其靈魂是設計創意。

設計創意是21世紀企業入的基本素質。

我們所知道的有關設計創意的經典事例太多了。索尼的盛田昭夫苦于女兒的收錄機的聲音太大的煩躁，促發了“隨身聽”的構想：美國硅谷兩個青年電腦“發燒友”基于“讓每個消費者桌上都有一臺電腦”

的理想，領導了被認為是“20世紀最偉大的技術革命”的PC電腦潮流；海灣戰爭后賦閑的摩托羅拉工程師為了“讓普通人在移動中通訊”，輕松地將軍工技術轉化為民用，引發了“大哥大”的流行；“令婦孺都能操作攝象機”的目標，使索尼創造了“掌中寶”；“在拍攝中即時觀看影象”的設想，激發了夏普“彩色液晶顯示屏手提攝象機”的獨創......

21世紀的設計創意是在“世界產品大交流”的沖撞中產生的。目前世界市場各類商品的總量是150萬種，中國市場才40多萬種。由此可見，我國產品種類的市場空間還很大。企業應當大力激發設計師，多多創意，多多開發，積極投身于風起云涌的全球工業設計浪潮當中。

21世紀也是設計教育大發展時期。創意是需要教育的。創意也需要教育來普及。目前，各國都在加大設計學院的建設力度，如美國有35所工業設計的專門學院，日本與德國各有20所，韓國有15所，這些設計院校把目光都放在21世紀。未來世界級的服裝設計師、汽車設計師、建筑設計大師......將從這里誕生。

工業設計前景之“虛擬設計”是高科技設計的旗幟

21世紀的設計，應該是“虛擬設計”。

“虛擬設計”（Virtual Reality 簡稱VR）技術的概念，最早是由美國科學家拉厄爾于80年代初提出的，現在它已被廣泛應用于社會生活的各個方面，如“虛擬生產”、“虛擬貿易”、“虛擬市場”、“虛擬網絡”等等。而虛擬設計則是通過“虛擬現實”的手段，追求產品的設計完美和合理化。

虛擬設計通過“三維空間電腦圖象”達到：1）真實。借助電腦和其它技術，逼真地模擬人在自然環境中的各種活動，把握人對產品的真實需要；2）交互。實現人與所設計對象的操作與交流，以不斷改進設計模型；3）構想。強調三維圖形的立體顯示，使設計對象與人、環境更具現實感和客觀性。

美國福特汽車公司科隆研究中心設計部經理羅勃認為，采用虛擬設計技術，可使整個設計流程時間減少2/3。

21世紀，虛擬設計將在建筑設計、裝備設計、產品設計、服裝設計中發揮神奇的效用。

工業設計前景之“綠色設計”是新世紀的設計主題

綠色設計，是維護人類地球綠色環境的設計。綠色設計的目的是系統有序地探索人類產業發展與社會文明的關系，有效地避免高科技工業化社會與生態環境的沖突。

綠色設計要求必須從生態倫理學出發，掌握如下原則：

——在新產品中盡可能節約物質資源。

——實行語義學革命。隨著產品日趨多樣化，能賦予產品“生命與意義”的產品語義學，正在取代傳統的產品“機能與外型”的關系。要突出自然、環境的命題。

——設計創新。在造型、功能、色彩、選材等方面，努力向高、精、尖攀登。同時，要兼顧民族性和層次性

談到工業設計專業，可以先看看在上海"中國工業設計周"了解的兩組數據，其一是我國近20年來培養的工業設計專業畢業生僅3萬人左右，只相當于韓國目前該專業在校生的數量；其二是我國高校工業設計專業的畢業生，就業形勢不好，很多工業設計專業畢業生都不得不改行。每年約有30%至40%的人流向包裝和商標設計等行當，有40%至50%的人改行去搞裝潢、廣告，也有部分畢業生到網站進行網頁設計，真正去做工業設計的人很少。

為什么如此少量的畢業生就業要改行呢？難道真是市場飽和，還是市場不需要工業設計人才嗎？

一些專家指出，這是因為國內許多企業對工業設計的重要性不甚了解，更談不上重視。有的企業甚至認為工業設計就是產品外觀設計和包裝。許多企業的產品設計十幾年、甚至幾十年一成不變，如熱水瓶、自行車、床單等，"老面孔"傳了幾代人。

篇8

關鍵詞 網絡環境；人性化；工業藝術設計

中圖分類號：TB472 文獻標識碼：B 文章編號：1671-489X(2012)12-0099-02

Under Network Environment of Humanization Product Industry Art Design//Zhu Qiaozhi1,2, Zhang Wenjuan2

Abstract Industry design of the object is a product, but design of purpose is for the sake of satisfy people of demand, therefore see from the essence, product design be behavior of design, its point of departure and marriage are to promote person of overall development, continuously satisfy people day by day growth of material and spirit demand. In the meantime, humanization of industry design, also relate to art, because the art turn of industry design most ability body now modern thought, with network environment opposite should.

Key words network environment; humanization; industry art design

Author’s address

1 Qingdao University, Qingdao, Shandong, China 266000

2 Shouguang Technician School, Shouguang, Shandong, China 262700

1 人機工程學是網絡環境設計上最主要的條件之一

從人機工程學出發，所謂人性化產品，就是包含人機工程的產品，只要是“人”所使用的產品，都應在人機工程上加以考慮，產品的造型與人機工程無疑是結合在一起的?？梢詫⑺鼈兠枋鰹椋阂孕睦頌閳A心，生理為半徑，用以建立人與物（產品）之間和諧關系的方式，最大限度地挖掘人的潛能，綜合平衡地使用人的機能，保護人體健康，從而提高生產率。

僅從工業設計這一范疇來看，大至宇航系統、城市規劃、建筑設施、自動化工廠、機械設備、交通工具，小至家具、服裝、文具以及盆、杯、碗筷之類各種生產與生活所創造的“物”，在設計和制造時都必須把“人的因素”作為一個重要的條件來考慮。若將產品類別區分為專業用品和一般用品的話，專業用品在人機工程上則會有更多的考慮，它比較偏重于生理學的層面；而一般性產品則必須兼顧心理層面的問題，需要更多的符合美學及潮流的設計，也就是應以產品人性化的需求為主。

人機工程學因素往往是企業提高其競爭力的手法之一。若說“人性化產品”是與“人”合為一體的產品設計，“人機工程因素”則是設計工業產品時的人機界面所必須考慮的因素。

究竟什么樣的產品需要人機工程呢？在設計上又如何表現，才能成為符合人機工程學的產品呢？工業設計師指出，就電腦的相關部件和設備而言，如鍵盤、鼠標等輸入裝置，因使用者可能長時間利用其從事工作或娛樂，接觸的時間較長，在使用時也可能十分投入，因此，人機工程學就成了設計上最主要的條件之一。

2 “人、機、環境”是網絡環境下設計的基本要素

人機工程學的顯著特點是，在認真研究人、機、環境三個要素本身特性的基礎上，不單純著眼于個別要素的優良與否，而是將使用“物”的人和所設計的“物”以及人與“物”所共處的環境作為一個系統來研究。在人機工程學中將這個系統稱為“人――機――環境”系統。這個系統中，人、機、環境3個要素之間相互作用、相互依存的關系決定著系統總體的性能。本學科的人機系統設計理論，就是科學地利用3個要素間的有機聯系來尋求系統的最佳參數。

作為一個全息系統的局部，一個產品中包括了商品社會中的全部信息。一件設計優良的產品，必然是人、環境、經濟、技術、文化等因素巧妙融合、平衡的產物。開始一項產品設計的動機可能來自各個方面，有的是為了改進功能，有的是為了降低成本，有的是為了改變外觀，強化“柜臺效應”，以吸引購買者，更多的情況是上述幾方面兼而有之。于是，對設計師的要求就可能來自功能、技術、成本、使用者的愛好等各種角度。不同的產品設計的重點也大不相同，暖水瓶的設計顯然就要比香水瓶的設計考慮更多的人機問題；再以某設計所設計的電腦游戲遙感器為例，乍見此產品時，看似不符合人機工程學，但實際使用時卻很合手，操控性良好，而且遙感器外型頗酷，用此搖桿玩空戰游戲，有操控戰斗機的味道。相比于市場上其他同類型的產品，即使售價比一般產品高出許多，也一樣大受歡迎，足見其魅力所在。

但也有這樣一種產品，在市場上受到歡迎，是因其外型討好且成本不高所致，但缺點是產品輕，因此在使用時本來一只手操作很方便，卻不得不雙手并用才行，這就是該產品在人機工程學上的不足之處。但在成本、售價及市場因素的考慮下，廠商還是推出此種產品。而對于專業用品就不同了，例如美發師每天所使用的吹風機，除草機工人所使用的修剪機，就絕對不能輕視人機工程學在生理層面上的考慮。

然而，一個好的產品設計是可以涵蓋形態和人機因素的，產品的外形一樣也可以有機會作人機工程的發揮。以TEAGE為微軟所設計的易用鼠標球而言，該鼠標是特別為兒童體驗電腦而設計的，在方案決定之前對兒童的抓握方式進行了研究，黃白兩色相間的鼠標球使兒童在學習電腦時，增加了趣味性和功能性。該產品已經超脫了產品造型上的束縛，除讓其更好用之外，也同時賦予了產品新的意義與想象空間。

除了一般的大眾消費品之外，專為特殊族群所設計的產品在人機工程學上也有更多的考慮。如殘疾人用的瓷器套具，此套設計是專為殘疾人做的餐具，又不讓人直接看出它們是專為殘疾人做的。故而，設計師在充分考慮了人機工程學的基礎上，特別處理手把的凹凸，使患者拿在手里有一種心態上的平衡感，既能看到，又能摸到，但又不那么顯眼。

在整個研究過程中，人機工程師和工業設計師都必須全程參與，但在各個階段為主為輔的角色會有不同。例如，產品概念由工業設計師主導，測試則由人機工程師主導，每個步驟以劇本的形式來串連溝通。每件產品都有各自的在人機工程學上的特色，特別是消費性產品。以汽車內部設計來說，就有3個表達人機工程需求的方式。

一是操控界面，如方向盤的設計。

二是座椅及內裝設計。如一些大客車座椅，或者老板椅的靠背上部，都有一道鼓起來的凸包。對于大多數的中國人來說，這個凸包常常是頂在后腦勺，使得身體后靠在椅背時，不得不稍稍低頭。從設計上來說，這道凸包本來是用來墊靠頸部凹處，使人的頭頸更舒服的。問題的出現是由于這些座椅的設計和生產直接從國外引進，而生產者又沒有重新考慮中西方人在身材方面的不同，尺寸上完全照搬。結果西方人墊頸的凸包就頂住了中國人的后腦勺。

三是情報溝通系統，如導航系統設計及安全警報功能。

篇9

關鍵詞：產業集群 知識溢出 網絡關系 技術創新

技術創新是企業生存和持續發展的根本，也是一個產業集群長久地保持競爭優勢的關鍵。一個產業集群無論初始競爭優勢如何，但如果長期不進行技術創新，遲早會在激烈的市場競爭中被淘汰。因此，產業集群的創新問題被很多文獻所關注。一般認為，集群企業與分散的企業相比，具有創新環境優勢，這種優勢主要來源于知識溢出效應。 但也有不同的觀點，認為知識的溢出使企業創新資金被耗散，導致了企業創新動力不足。本文以我國傳統產業集群的創新發展現狀為背景，客觀地分析知識溢出與產業集群技術創新關系。

一、知識溢出的正效應

產業集群的創新優勢主要來源于群集所帶來的知識溢出效應、創新資源的可得性、“追趕效應”和“拉撥效應”、吸聚作用以及植根性等方面（劉友金等，2001）。產業集群由于社會網絡增進了信任和聯系，促進了信息和知識的流動，有利于隱含知識和敏感信息的傳播，帶來了技術創新的優勢（蔡鉑等，2003）。知識溢出導致的集群企業創新優勢主要表現在三個方面：

（一）知識溢出改變了集群企業創新的知識環境

企業的技術創新是在不斷學習過程中實現的，企業學習有多種途徑：一是企業及其個人在解決問題過程中會不斷地獲取知識和經驗，以此為基礎實現創新；二是企業不斷地吸收外部同類競爭對手的信息、顧客信息、科研機構的信息和直接聘請外部技術人員，實現知識積累和技術創新。一般情況下，企業靠自身知識積累實現技術創新速度緩慢，獲取外部企業和科研機構的技術信息成本較高。但在集群中，由于“近鄰效應”和社會化效應，企業正式和非正式的交流渠道多，知識轉移過程障礙少，特別是技術人員在集群企業間頻繁流動、密切交往，導致知識信息快速擴散，從而降低了企業相互學習的成本。集群企業不僅能夠較好地直接相互學習，而且可以共享集群知識。因此，集群企業與分散企業相比，多了一個學習渠道，或者說有更好的學習環境。

（二）知識溢出有利于企業的創新資源實現互補

企業為了開發新的產品和生產技術，需要把自己的知識和存在于其他企業內部的知識重新集成，需要企業在創新活動中相互合作、取長補短。但在遠距離條件下，會產生較高的合作成本。集群方式縮短了企業間的認知距離，集群內部長期形成的社會網絡關系也有利于企業實現創新合作。集群企業的創新合作更多地表現在共享知識上，企業在吸取集群其他企業知識同時，也在開發自己的知識，其中很大一部分溢出成為集群知識。在每個企業知識信息不斷生產和擴散的過程中，整個集群知識水平會不斷提高，反過來，較高的集群知識水平為企業進一步創新提供了平臺。也就是說，在知識要素流動及疊加的基礎上，企業更容易通過組合和再創造實現知識更新。我國一些傳統產業集群中，往往有大量同類和相關類企業，這些企業既有能力和資源方面的同類性，又有差異性，正是在同類和差異的基礎上才構成了集群企業特有的知識互動。有時，盡管企業之間并不一定存在著密切的聯系，但他們在相同的條件下從事經營，可以共同建設同一區域，由于對競爭對手的生產條件、產品比較了解，便于企業比較和發現自身的競爭優勢，推動生產的差別化、專業化。

（三）知識溢出容易使企業探尋到合適的創新路徑

企業創新能否成功，最終的檢驗標準是市場對新產品的認可度。隨著消費者收入水平不斷提高，產品需求市場變化加快，對單個企業來說，把握市場需求脈搏并非易事。單個企業獲取的信息畢竟有限性，因而創新決策充滿風險。集群是同行業企業的聚集，可以形成多個企業共同搜尋市場需求信息的局面。由于信息傳播，群內每一個企業都可以成為其他企業的信息源，每一個企業創新成功與失敗的結果都可以作為其他企業的決策參考。一般情況下，企業無需自己加以試驗，通過近距離觀察其他同類企業應用新技術的結果，就可以確認采用該項新技術的成本和市場收益，這有利于降低企業的決策成本，也有利于降低企業的創新成本和風險。集群引致大量顧客聚集，同時也形成了市場信息聚集，在這種環境中，企業能更快地把握市場需求變化，容易尋找到合適的產品創新路徑。

二、知識溢出的網絡關系負效應

創新取決于創新者預期成本和收益的比較，技術擴散和知識溢出在降低跟隨著創新成本的同時，也降低了創新者的收益，即知識溢出具有兩面性。Lamoreaux和Sokoloff(1997)對19世紀末至20世紀初美國玻璃產業集群區域內企業的創新產出進行了研究，發現產業集群并不是企業創新能力提高的充分條件，產業集群降低了原創企業技術創新收入現值的期望值，出現產業集群對技術創新的負效應。

知識溢出的負效應與集群內部的企業組織結構高度相關。如果集群內規模相近的中小企業數量很多，那么在溢出效應的情況下，技術創新帶來的外部經濟性會隨企業數量的增加而加大，這大大抑制了企業的創新動機（Henderson，1998 ）。我國傳統產業集群中，鞋類、紡織、服裝、陶瓷、玩具、家具、五金等類型的勞動密集型制造業占多數，進入這些行業的技術和資本門檻較低，因而集群企業規模普遍較小，甚至有很多微型企業和作坊式企業；加之多數企業從事同類產品生產或者最終消費品生產，內部分工程度不高，知識溢出導致集群內產品雷同化，出現惡性競爭。企業技術創新需要一定的人力和資本條件。企業規模較小、實力較弱、現金流量和專業技術人員不足是企業進行產品研發和工藝改進的一個內部約束。小企業普遍缺乏科技創新人才和資金支持，難以進行大規模的設備投資、技術改造和人力資本的投資。另外，創新具有較大的風險，即存在技術和市場方面的不確定性，如果創新的外部性很強強，企業的技術模仿動機會超過創新動機?？傊?，一個由大量中小企業構成的產業集群，企業平均規模較小，規模分布離差亦小，企業自主技術創新的內在動力就會較弱（李永剛，2004）。

知識溢出的負效應與知識產權保護乏力相關。集群內激烈的競爭環境是企業創新的動力的來源之一，但企業的創新產權得不到有效保護，即創新行為不能產生預期收益，創新動力就會減弱。如果沒有外部制度約束，加之顧客需求沒有進入挑剔階段，模仿產品或低質產品往往由于生產成本較低，可以制定更低的價格從而獲得一定收益，那些缺乏創新能力而求生存的企業必然選擇模仿，而不是創新。嚴格說，企業通過增加技術創新投入來提高收益相對于通過增加其它投入來提高收益的比率越小，企業用于技術創新的投入就越少，甚至不進行技術投入。目前，中國的知識產權保護尚不完善，在一些集群內，知識溢出強度超出一定限度，集群內的創新企業沒有能力排除集群內的其他企業從技術創新成果中受益，創新者積極性受到抑制，企業研發投入較少，缺失創新活動。更有甚者，一些集群中，制度建設缺失，管理松弛，市場秩序混亂，假冒偽劣生產者得不到應有的懲處。因此，套牌嚴重，抄襲成風，企業在產品、價格、營銷模式、廣告模式等方面都存在著嚴重的同質化、低質化現象。甚至在品牌命名、商標設計上都存在模仿。

過強的網絡關系也抑制了集群企業創新能力的提高。知識溢出與網絡關系密切相關，關系資產的存在是技術知識信息在集群內得以快速擴散的主要原因。不僅知識溢出本身存在正效應和負效應，而且過強關系嵌入也給企業創新帶來不利影響。因為特定的社會關系網絡具有封閉性和排他性，限制了外部信息、技術與人才的流入，使得模仿與跟隨策略就成為產業區內一種交易費用的制度安排（光等，2007）。企業技術創新所需知識來源是多渠道的，如技術引進，外部合作，自我積累，這幾種渠道對包括集群企業在內的所有企業都是一樣的。所不同的是，集群企業還可以享有集群內部知識擴散的好處，這得力于內部的關系網絡。但關系網絡很可能使企業的注意力集中內部知識而忽視外部知識，長此以往，企業視野變窄，惰性增強，缺乏主動獲取外部知識的積極性，從而失去創新能力。

三、結論和對策

知識溢出為集群企業創新提供了條件，知識溢出來源于集群企業的網絡關系，但知識溢出和網絡關系是把“雙刃劍”。知識溢出使企業模仿成本較低，特別在企業規模較小、技術同構、知識產權保護乏力的情況下，導致集群企業過度模仿和惡性競爭；過強的網絡關系很可能使企業關注內部知識而忽視外部知識，抑制企業創新能力的提高。因此，增強集群企業創新動力、提高集群創新能力需要從以下方面著力：一是健全和完善集群區域內對技術創新和專利的各項保護制度，這包括加強產品質量監控，堅決查處和制裁各種侵權行為，及時有效地處理知識產權糾紛，保護技術創新成果；二是引導企業增強商標意識、品牌意識、名牌意識，推進企業分工和差異化競爭，為提高技術創新企業和品牌建設企業的收益創造條件。三是要通過輿論宣傳、培訓輔導等形式，建立區域“誠信”文化，培育創新文化，樹立企業長期發展觀。四要樹立開放意識，引進外部企業、資本和人才，加強群內企業同外部企業、高校、研究結構等相關組織間的聯系和溝通，建立學習型產業集群。

參考文獻：

[1]劉友金，黃魯成.產業群集的區域創新優勢與我國高新區的發展[J].中國工業經濟，2001，（2）：33-37.

[2]蔡鉑，聶鳴.社會網絡對產業集群技術創新的影響[J].科學學與技術管理，2003，（7)）：58-59.

[3]Porter M. Clusters and new economics of competition[J].Harvard Business Review. 1998,79(6):77-90.

[4]葉建亮.知識溢出與企業集群[J].經濟科學，2001，（3）：23-30.

[5]Henderson D.Building Interactive Learning Networks:Lessons From the Welsh Medical Technology Forum.Regional Studies. 1998,32(8):783-787.

篇10

關鍵詞:javascript;樹形菜單;鋪展;隱藏

中圖分類號:TP301文獻標識碼:A文章編號:1009-3044(2009)24-7044-02

Design and Realization of a Kind of Dynamic Tree Menu

ZHANG Qiong-yao,YANG Meng,ZHAO Jing-jing,YANG Xin

(Comptuer Science and Technology, Huazhong Normal University, Wuhan 430079, China)

Abstract: The dynaimic effects in webpage are often realized by a kind of language called javascript,This paper talks about how to design and realize a kind of dynamic tree pared with common menu,it has so many advantages.After the realization of tree menu,the paper illustrate how to realize it and show the effects of this kind of tree menu.

Key words: javascript; tree menu; spreading; hide

在瀏覽網頁時,會時常看到這樣一些效果:新聞圖片不斷翻新變化,文字閃光并隨著鼠標移動,狀態欄的文字內容不斷移動等。這些動態效果都極大地豐富了網頁的動態效果。其中JavaScript是實現這些網頁動態效果的主要腳本語言之一。它是一種基于對象和事件驅動的腳本語言,其良好的跨平臺性和安全性使之成為一種功能非常強大的腳本設計語言而廣泛應用于動態網頁的制作中[1]。除此之外,JavaScript腳本語言還能實現如下功能[2]:網頁特效:網頁上的文字效果,圖片滾動,公告欄;提供表單客戶端驗證 JavaScript在客戶端填寫的表單發到服務器端前,做有效性測試,提高執行效率;動態響應事件如onload,onMouseOut,onMouseOver,onClick,針對用戶為用戶的動作設計動態反應等。

基于對JavaScript腳本語言的學習,本文探討了如何在網頁中嵌入JavaScript腳本語言來實現樹形菜單,分析設計樹形菜單中的關鍵技術,提出此技術在樹形菜單制作中的通用性和可發展性。

1 樹形菜單的提出與設計

在普通的菜單中,常常會出現這樣的矛盾:一個目錄在內容或邏輯上可以包含若干其他目錄,但普通菜單卻只能實現內容上的鏈接,不能實現這些目錄的歸類,使之隸屬于總目錄,以顯示出這些目錄間的關聯。為了解決此矛盾,這里提出樹形菜單的設計與實現中的關鍵技術,其設計流程圖如圖1所示。

1.1 設計父目錄與子目錄間關聯及其關鍵技術分析

設計一個網頁的樹形菜單,首先要根據具體網的站內容,設置父目錄和子目錄的標題以及各子目錄內容要鏈接到的具體網址。首先創建一個父目錄的數組來存放父目錄的內容以及點擊父目錄時代表其操作的標記,關鍵技術如下:

var menuitem=new Array()

{

menuitem[1]=KB9Child; //第一級父目錄

menuitem[2]=KB1Child ;//第二級父目錄

menuitem[3]=KB2Child ;//第三級父目錄

}

接下來要設計父目錄和子目錄之間的聯系,根據以上數組中各父目錄的標記,如:代表第一級父目錄,來設置第一級父目錄的內容。通過點擊各子目錄,跳轉至相應的鏈接網頁。關鍵技術如下:

計算機科學系 //父目錄

//孩子目錄

院系概況

人才培養

科學研究

師資力量

依此類推,實現其他的父目錄及其對應的子目錄間的關聯引用以上技術即可。只需按照數組Array中各父目錄的id設置目錄名稱,修改各目錄名稱及其鏈接地址即可。

1.2 設計子目錄的鋪展及其關鍵技術分析

在1.1的分析中,第一級父目錄的操作設置代碼onclick="expandIt(1)用來實現鼠標點擊父目錄時,其包含的子目錄鋪展開來,鼠標點擊父目錄,其目錄下的子目錄鋪展,點擊子目錄即可鏈接到子目錄對應的網頁地址。實現此功能的關鍵技術如下:

expandIt(index)

{

if (menuitem[index].style.display=="block")

displayall() ;

else

menuitem[index].style.display="block" ;

}

通過在父目錄操作中引入expandIt(index)函數來實現其子目錄的展開,當menuitem[index].style.display=="block"時,表明鼠標點擊,要求展開此父目錄下的所有子目錄,否則子目錄不鋪展。此技術同樣應用于其他所有父目錄下各子目錄的鋪展。

1.3 設計子目錄的隱藏及其關鍵技術分析

鼠標點擊某一父目錄,此目錄下的所有子目錄鋪展開來,當鼠標點擊其他父目錄時,在此之前的父目錄的各子目錄如果還是鋪展,其一,浪費了網頁的空間且不美觀;其二,點擊其他父目錄代表當前已經不關注此前點擊的目錄。由此就要設計子目錄的隱藏,即當鼠標點擊其他父目錄時,此前已經鋪展開的其他任何父目錄下的子目錄都應該隱藏。實現此功能的關鍵技術如下:

function displayall()

{

KB9Child.style .display ="none"

KB1Child.style .display ="none"

KB2Child.style .display ="none"

}

通過display()函數和Array()數組中父目錄的id來實現其他父目錄中子目錄的隱藏,設置其目錄的display為"none"來實現其隱藏。

以上的樹形菜單的具體設計過程和關鍵技術給出了樹形菜單的通用方法,利用嵌入JavaScript腳本語言編寫JavaScript語句,通過函數定義以及函數間的調用關系,實現父目錄中子目錄的鋪展與隱藏。

2 樹形菜單的實現效果

根據以上的設計,樹形菜單的效果及其大致功能截圖如下:

3 結束語

該文運用JavaScript腳本語言設計出樹形菜單,并給出實現子目錄菜單鋪展和隱藏的關鍵技術。在一定程度上此技術具有通用性,可以以此技術為模板,只需改變目錄的名稱和鏈接網址,即可實現所需樹形菜單,再把此技術嵌入具體網頁中,即可實現網頁中的樹形菜單,此外,此技術還具有可發展性,通過嵌入更多的JavaScript腳本語言可以實現樹形菜單跟隨鼠標移動的效果,普通菜單和樹形菜單間的互換,樹形菜單中父目錄順序的變換,目錄響應鼠標的拖動等動態效果。以此技術實現的樹形菜單所具有的通用性和可發展性已經在網頁制作中得到廣泛應用,隨著JavaScript腳本語言的不斷發展和豐富。

參考文獻: