前言:一篇好文章的誕生,需要你不斷地搜集資料、整理思路,本站小編為你收集了豐富的網(wǎng)頁設(shè)計(jì)主題范文,僅供參考,歡迎閱讀并收藏。
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì) 審美 美感
一、網(wǎng)頁設(shè)計(jì)的審美需求
1、網(wǎng)頁的審美
談到美,網(wǎng)頁這種特殊環(huán)境下的美與傳統(tǒng)的藝術(shù)上的審美有著明顯的區(qū)別,一般的藝術(shù)上只要能夠在欣賞者的心里產(chǎn)生共鳴就是美的;而網(wǎng)頁的布局上的審美卻要受到很多的限制,網(wǎng)頁設(shè)計(jì)面對(duì)的是大量用戶,由于更新速度的快捷,隨時(shí)都會(huì)反饋回來對(duì)網(wǎng)頁的批評(píng)建議等,可以根據(jù)實(shí)際情況進(jìn)行修改,這個(gè)過程可以在很短的時(shí)間里完成。同時(shí)網(wǎng)頁能融合文字、圖片、聲音、動(dòng)畫于一身。這是傳統(tǒng)藝術(shù)所達(dá)不到的。當(dāng)然最根本的在使用方面就限制了它不能夠隨意的揮灑自如,任設(shè)計(jì)師自由的發(fā)揮。
2、網(wǎng)頁的功能
網(wǎng)頁,最初就是在功能性的基礎(chǔ)之上發(fā)展起來的。使用者如何從網(wǎng)頁中更好得到功能,這就需要站在使用者的角度來看待網(wǎng)頁設(shè)計(jì)。作為設(shè)計(jì)師引導(dǎo)潮流沒有錯(cuò),但是更要貼近自己的使用對(duì)象,想他們所想,急他們所急,適時(shí)的將自己的設(shè)計(jì)風(fēng)格融入到作品中去,接受他們的檢驗(yàn),只有經(jīng)得起考驗(yàn)的設(shè)計(jì)才是好的設(shè)計(jì)。
二、網(wǎng)頁設(shè)計(jì)的幾點(diǎn)原則
1、要考慮上網(wǎng)者的環(huán)境。
在網(wǎng)絡(luò)世界里,涉及到各方面的內(nèi)容,使用者通常是打開很多的窗口,在一種紛繁復(fù)雜的情況下接受信息。假如他們?yōu)g覽的網(wǎng)頁是設(shè)計(jì)特別花哨,文字、動(dòng)畫等堆砌的極為雜亂,加劇了心理上的厭煩感,這種網(wǎng)頁能算得上美嗎?所以從使用環(huán)境里的功能的因素來考慮美才是最根本的。
2、考慮網(wǎng)頁的使用對(duì)象
考慮網(wǎng)頁的使用對(duì)象本身也是網(wǎng)頁審美的一個(gè)重要方面,網(wǎng)頁設(shè)計(jì)都是為每個(gè)具體的網(wǎng)站做宣傳,那么不考慮對(duì)象就如同閉門造車,這樣會(huì)造成其根本的功能的損失。例如一個(gè)兒童網(wǎng)站,設(shè)計(jì)得如同新聞專題的網(wǎng)頁一樣,純粹是文字。那么使自己的使用對(duì)象 ――兒童在瀏覽該網(wǎng)站的時(shí)候毫無興趣,阻礙了網(wǎng)站的基本的目的,從這個(gè)功能層面上來理解,設(shè)計(jì)的美是同使用對(duì)象分不開的。
3、考慮網(wǎng)頁的使用功能
網(wǎng)頁設(shè)計(jì)的美其實(shí)是一個(gè)滿足使用者需求的過程,使用起來方便快捷,排除使用中的問題,這就是美的,這就是純粹從功能上的要求出發(fā)的。假如我想上一個(gè)體育的網(wǎng)站了解當(dāng)天的足球戰(zhàn)報(bào),那么我上網(wǎng)的目的性就是非常的明確,直接看足球的結(jié)果。我的上網(wǎng)過程就是先敲入網(wǎng)址,盡快的找到足球的欄目,再找到比分的鏈接,設(shè)計(jì)師如果考慮到上這個(gè)網(wǎng)站的很多人都想知道足球的比分,那么在主頁上放一個(gè)流動(dòng)的臨時(shí)更新的框,就可以使上網(wǎng)站的使用者直接在主頁上看到想要看的東西,這樣快速而又方便的結(jié)果,其實(shí)質(zhì)上是一個(gè)網(wǎng)頁設(shè)計(jì)的成功的地方,這種網(wǎng)頁就是美的。反之假如把網(wǎng)頁設(shè)計(jì)得非常的“漂亮”(這里指的是純粹的從藝術(shù)審美上的漂亮,滿足一般的形式美的要求的,而不考慮使用環(huán)境的情況),但過程復(fù)雜,增加了使用者的不便,沒有為使用對(duì)象考慮,就是失敗。
4、網(wǎng)站的自身形象設(shè)計(jì)
還有一個(gè)美的因素也不能不考慮,就是網(wǎng)站本身,通過自己的設(shè)計(jì)使網(wǎng)站的形象得到提升,使網(wǎng)站的形象在每個(gè)使用者的心目中扎根。這是現(xiàn)在網(wǎng)頁設(shè)計(jì)中普遍不受重視的,例如網(wǎng)站的名稱或者是網(wǎng)址沒有得到強(qiáng)化,盡管使用了之后覺得好,但是第二次使用時(shí)卻記不起是什么網(wǎng)站,收藏夾里太多也找起來不方便。因此假如網(wǎng)頁設(shè)計(jì)時(shí)注意了網(wǎng)站的名稱和網(wǎng)址的因素,加強(qiáng)網(wǎng)站自身形象設(shè)計(jì),從這個(gè)功能上來說是設(shè)計(jì)成功之處,也是網(wǎng)頁設(shè)計(jì)美的一個(gè)觀念的異化。
三、網(wǎng)頁美的基本標(biāo)準(zhǔn)
1、簡(jiǎn)潔實(shí)用
網(wǎng)絡(luò)特殊環(huán)境下,以最高效率的方式將用戶所要想得到的信息傳送出去,使用方便,越滿足使用者的要求,就越顯示出其功能美。
2、整體性好
一個(gè)網(wǎng)站強(qiáng)調(diào)的就是一個(gè)整體,只有圍繞一個(gè)統(tǒng)一的目標(biāo)所做的設(shè)計(jì)才是成功的。
3、網(wǎng)站形象突出
一個(gè)符合美的標(biāo)準(zhǔn)的網(wǎng)頁是能夠使網(wǎng)站的形象得到最大限度的提升的。
4、頁面用色協(xié)調(diào),布局符合形式美的要求
布局有條理,充分利用美的形式,使網(wǎng)頁富有可欣賞性,提高檔次。
一個(gè)網(wǎng)站單一顏色,讓人感覺單調(diào)乏味;顏色過多讓人感覺輕浮花俏。必須有一種或兩種主題色,不至于讓客戶迷失方向,也不到于單調(diào),乏味。
5、交互式強(qiáng)
發(fā)揮網(wǎng)絡(luò)的優(yōu)勢(shì),使每個(gè)使用者都參與到其中來,這樣的設(shè)計(jì)才能算成功的設(shè)計(jì)。
四、設(shè)計(jì)界面的應(yīng)用方法
設(shè)計(jì)界面所包含的因素運(yùn)用中必須有側(cè)重、有強(qiáng)調(diào)的把握。設(shè)計(jì)因素雖多,但它仍是一個(gè)不可分割的整體。它的結(jié)果是物化的形,但這個(gè)形卻是代表了時(shí)代、民族等方面的意識(shí),并最終反映出人的“美”的心理活動(dòng)。
設(shè)計(jì)界面的運(yùn)用,核心是設(shè)計(jì)分析。在一些大公司都有許多的成功案例可為借鑒。如柯尼卡公司設(shè)計(jì)相機(jī),首先不是繪制“美”的形和考慮技術(shù)的進(jìn)步,而是進(jìn)行對(duì)象人的日常行為分析,作出故事版(STORY)。它先假定對(duì)象人的年齡為35歲,名:Xxxx,從而分析他的家庭、喜好與憎惡,分析他的日常行為,進(jìn)而考察其人在什么場(chǎng)合需要僚機(jī),從而為設(shè)計(jì)提供概念(CONCEPT)與目標(biāo)(TARGET),進(jìn)行設(shè)計(jì)。經(jīng)過分析,設(shè)計(jì)師有了明確的概念與目標(biāo),并隨信息的交互產(chǎn)生了創(chuàng)造力。
另一方面,設(shè)計(jì)師自身對(duì)社會(huì)環(huán)境也要進(jìn)行深入的認(rèn)識(shí)與考察,對(duì)設(shè)計(jì)的作品取向有明晰的認(rèn)識(shí)。日本設(shè)計(jì)師佐野邦雄先生曾作一圖――生活的變遷與設(shè)計(jì)師的課題,將日本及世界上某些非常有影響性的事件進(jìn)行了歸納,進(jìn)而對(duì)設(shè)計(jì)有了深入的認(rèn)識(shí)與感悟。所以,要運(yùn)用好設(shè)計(jì)的界面,理性的認(rèn)識(shí)是首要的,其次就是創(chuàng)造性的,而且是有實(shí)效性的分析、處理信息。設(shè)計(jì)不是一成不變的,分析方法也不是一成不變的,設(shè)計(jì)的界面同樣是在人一物的信息交流中變化發(fā)展的。
以上談了幾個(gè)涉及到網(wǎng)頁設(shè)計(jì)的美的相關(guān)的功能的影響,綜合以上的概述,下面總結(jié)以下網(wǎng)頁美的基本標(biāo)準(zhǔn)。
五、設(shè)計(jì)界面的運(yùn)用原則
1、合理性原則
即保證在系統(tǒng)設(shè)計(jì)基礎(chǔ)上的合理與明確。任何的設(shè)計(jì)都既要有定性也要有定量的分析,是理性與感性思維相結(jié)合。努力減少非理性因素,而以定量?jī)?yōu)化、提高為基礎(chǔ)。設(shè)計(jì)不應(yīng)人云亦云,一定要在正確、系統(tǒng)的事實(shí)和數(shù)據(jù)的基礎(chǔ)上,進(jìn)行嚴(yán)密地理論分析,能以理服人、以情感人。
2、動(dòng)態(tài)性原則
即要有四維空間或五維空間的運(yùn)作觀念。一件作品不僅是二維的平面或三絕的立體,也要有時(shí)間與空間的變換,情感與思維認(rèn)識(shí)的演變等多維因素。
3、多樣化原則
即設(shè)計(jì)因素多樣化考慮。當(dāng)前越來越多的專業(yè)調(diào)查人員與公司出現(xiàn),為設(shè)計(jì)帶來豐富的資料和依據(jù)。但是,如何獲取有效信息,如何分析設(shè)計(jì)信息實(shí)際上是一個(gè)要有創(chuàng)造性思維與方法的過程體系。
4、交互性原則
即界面設(shè)計(jì)強(qiáng)調(diào)交互過程。一方面是物的信息傳達(dá),另一方面是人的接受與反饋,對(duì)任何物的信息都能動(dòng)地認(rèn)識(shí)與把握。
關(guān)鍵詞:互聯(lián)網(wǎng);網(wǎng)站前端開發(fā);CSS樣式
中圖分類號(hào):TP37 文獻(xiàn)標(biāo)識(shí)碼:A 文章編號(hào):1009-3044(2016)01-0215-02
現(xiàn)代社會(huì)互聯(lián)網(wǎng)技術(shù)的發(fā)展和廣泛應(yīng)用,快速推動(dòng)了人類社會(huì)信息時(shí)代的發(fā)展,由此帶動(dòng)和影響了現(xiàn)代社會(huì)各方面技術(shù)的變革和發(fā)展,因此對(duì)于互聯(lián)網(wǎng)技術(shù)本身依托的技術(shù)和平臺(tái)在其應(yīng)用過程中也是非常關(guān)鍵,下面就以筆者所教授的課程《靜態(tài)網(wǎng)頁設(shè)計(jì)》所涉及的網(wǎng)站前端開發(fā)技術(shù)中CSS樣式的應(yīng)用進(jìn)行闡述。
《靜態(tài)網(wǎng)頁設(shè)計(jì)》這門課程是針對(duì)互聯(lián)網(wǎng)技術(shù)專業(yè)學(xué)生的靜態(tài)網(wǎng)頁制作及編程的基礎(chǔ)課,是知識(shí)性和技能性相結(jié)合的課程,此課程任務(wù)是要求講解網(wǎng)頁制作標(biāo)記語言及腳本語言的相關(guān)理論知識(shí),以及實(shí)際操作。達(dá)到熟練掌握HTML、XHTML、CSS等標(biāo)記語言及Web標(biāo)準(zhǔn)布局的基本應(yīng)用。課程目標(biāo)是能熟練掌握靜態(tài)網(wǎng)頁頁面布局及代碼的編寫。課程的主要內(nèi)容包括:1、HTML超文本標(biāo)記語言及XHTML可擴(kuò)展超文本標(biāo)記語言。2、CSS即“層疊樣式表”,使用樣式控制頁面中的元素。
CSS也叫層疊樣式表,它現(xiàn)在是網(wǎng)站前端開發(fā)不可或缺的一部分。程序開發(fā)者可以對(duì)任何頁面中的任意元素使用CSS,使之前認(rèn)為不可能的效果成為可能。在本課程講述到CSS應(yīng)用部分時(shí),因?yàn)镃SS的屬性非常多,所以學(xué)生在靜態(tài)網(wǎng)頁設(shè)計(jì)中使用起來記不清楚或者容易混淆,比如本文中所要講述的“如何使用CSS屬性控制網(wǎng)頁上超鏈接文本的格式”,因?yàn)槌溄釉诰W(wǎng)頁上使用的頻率非常高,因此超鏈接文本格式的設(shè)計(jì)也非常重要,CSS可控制超鏈接文本格式的樣式如下:
a:link是超級(jí)鏈接的初始狀態(tài)
a:visited是訪問過后的情況
a:hover是把鼠標(biāo)放上去時(shí)懸停的狀況
a:active 是鼠標(biāo)點(diǎn)擊時(shí)
如上所示在CSS中也把設(shè)置超鏈接文本格式樣式的屬性稱作偽類,下面列舉超鏈接樣式案例:
1)使用CSS標(biāo)記選擇符設(shè)置整個(gè)網(wǎng)頁超鏈接文本格式的樣式a{color:#339;text-decoration:none; }
//對(duì)整個(gè)網(wǎng)頁有鏈接的文字顏色樣式設(shè)置為color:#939;并超鏈接文本初始狀態(tài)無下劃線text-decoration:none;
如下代碼視圖和效果圖:
2)使用CSS類選擇符設(shè)置網(wǎng)頁超鏈接文本格式的樣式
.linkyangshi{color:#339;text-decoration:none; }
//對(duì)整個(gè)網(wǎng)頁有鏈接的文字顏色樣式設(shè)置為color:#339;并超鏈接文本初始狀態(tài)無下劃線text-decoration:none;
對(duì)應(yīng)HTML代碼:
超鏈接文本
通過這樣的設(shè)置可以控制鏈接內(nèi)的CSS類名為“l(fā)inkyangshi”超鏈接的樣式。
如下代碼視圖和效果圖:
3)使用CSS偽類設(shè)置超鏈接文本格式的樣式
a:link{ color:#399;text-decoration:none;}
//是超級(jí)鏈接的初始狀態(tài):超鏈接文本顏色為#399,并且文字無下劃線;
a:visited{ color:#939;text-decoration:none;}
//是鼠標(biāo)點(diǎn)擊超鏈接文本時(shí)的狀態(tài):超鏈接文本顏色為#939,并且文字無下劃線;
a:hover{ color:#999;text-decoration:underline;}
//是把鼠標(biāo)放在超鏈接文本上的狀態(tài):超鏈接文本顏色為#999,并且文字帶下劃線;
a:active{ color:#d33;text-decoration:underline;}
//是鼠標(biāo)點(diǎn)擊超鏈接文本時(shí)的狀態(tài):超鏈接文本顏色為#d33,并且文字帶下劃線;
如下代碼視圖和效果圖:
初始狀態(tài):
指向鏈接:
激活鏈接:
訪問過后:
由上所述,CSS層疊樣式在網(wǎng)頁設(shè)計(jì)中的使用非常靈活,僅就上述實(shí)例的應(yīng)用可以使用多種方法,雖然其在網(wǎng)站前端開發(fā)設(shè)計(jì)中只是其中的一部分,但就其對(duì)前端設(shè)計(jì)中網(wǎng)頁的標(biāo)準(zhǔn)布局和修飾前端設(shè)計(jì)的作用真是必不可少。
參考文獻(xiàn):
[1] 網(wǎng)頁設(shè)計(jì)中重要并且簡(jiǎn)單易用的CSS,,2012.10.11.
關(guān)鍵詞: 網(wǎng)頁藝術(shù)設(shè)計(jì) 內(nèi)容 原則 特點(diǎn)
隨著網(wǎng)站設(shè)計(jì)的發(fā)展,網(wǎng)頁設(shè)計(jì)越來越趨向于一門藝術(shù)而不僅僅是一項(xiàng)技術(shù)。網(wǎng)頁的藝術(shù)設(shè)計(jì),逐漸被網(wǎng)站建設(shè)者所重視。作為一名網(wǎng)站前期設(shè)計(jì)人員,我根據(jù)自己的實(shí)踐經(jīng)驗(yàn)和多年積累,從網(wǎng)頁藝術(shù)設(shè)計(jì)的內(nèi)容、原則和特點(diǎn)三個(gè)方面入手,深入分析了網(wǎng)頁設(shè)計(jì)的藝術(shù)性。
一、網(wǎng)頁藝術(shù)設(shè)計(jì)的內(nèi)容
1.圍繞主題,明確設(shè)計(jì)風(fēng)格。
網(wǎng)頁設(shè)計(jì)的第一步就是要分析和明確建站者通過網(wǎng)站要達(dá)到的目的及瀏覽者要獲取的信息,從而確定網(wǎng)頁的主題思想及圍繞主題進(jìn)行條理性處理,針對(duì)瀏覽者的習(xí)慣、愛好,從而明確網(wǎng)頁設(shè)計(jì)的風(fēng)格。網(wǎng)頁設(shè)計(jì)者應(yīng)圍繞主題,運(yùn)用藝術(shù)形式美法傳達(dá)網(wǎng)頁內(nèi)容和表現(xiàn)網(wǎng)頁風(fēng)格,既要內(nèi)容充實(shí),又要吸引瀏覽者的注意力,使網(wǎng)頁信息傳送效率最大化。
2.形態(tài)元素。
網(wǎng)頁藝術(shù)設(shè)計(jì)的形態(tài)元素包括各種格式的文本、圖形、圖像、表格、色彩、動(dòng)畫、音頻和視頻等。豐富的多媒體造型元素在網(wǎng)頁藝術(shù)設(shè)計(jì)中的運(yùn)用十分廣泛,極大地豐富了網(wǎng)頁藝術(shù)設(shè)計(jì)的表現(xiàn)力,使瀏覽者可以享受到更加完美的視聽效果。
3.版式設(shè)計(jì)。
所謂網(wǎng)頁的版式設(shè)計(jì),是指在有限的屏幕空間上將各種多媒體元素進(jìn)行有機(jī)的排列組合,將理性思維個(gè)性化地表現(xiàn)出來,是一種具有個(gè)人風(fēng)格和藝術(shù)特色的視聽傳達(dá)方式。它在傳達(dá)信息的同時(shí),也使瀏覽者產(chǎn)生感官上的美感和精神上的享受。
二、網(wǎng)頁藝術(shù)設(shè)計(jì)的原則
網(wǎng)頁作為傳播信息的一種新興載體,同其他出版物如報(bào)紙、雜志等在設(shè)計(jì)上有許多共同之處,也要遵循一些設(shè)計(jì)的基本原則。但是,由于策劃、制作、表現(xiàn)形式、欣賞方式和社會(huì)功能的不同,在網(wǎng)頁設(shè)計(jì)中需根據(jù)網(wǎng)頁設(shè)計(jì)的特點(diǎn)遵循定位準(zhǔn)確、技術(shù)合理、個(gè)性突出、形象統(tǒng)一的原則。
1.定位準(zhǔn)確。
網(wǎng)頁設(shè)計(jì)的第一步,就是明確設(shè)計(jì)的主題,有明確的主題,并按照視覺心理規(guī)律和形式將主題主動(dòng)地傳達(dá)給觀賞者。訴求的目的,是使主題在適當(dāng)?shù)沫h(huán)境里被人們即時(shí)地理解和接受,以滿足人們的實(shí)用和需求。這就要求視覺設(shè)計(jì)不但要單純、簡(jiǎn)練、清晰和精確,而且在強(qiáng)調(diào)藝術(shù)性的同時(shí),更應(yīng)該注重通過獨(dú)特的風(fēng)格和強(qiáng)烈的視覺沖擊力,來鮮明地突出設(shè)計(jì)主題,使瀏覽者產(chǎn)生不同的心理刺激和感受,或使瀏覽者得到一定的功能滿足。這就需要通過定位來明確網(wǎng)頁的主題及其傳達(dá)。具體可以通過對(duì)網(wǎng)頁的空間層次、主從關(guān)系、視覺秩序,以及彼此間的邏輯性的把握運(yùn)用來達(dá)到。
2.技術(shù)合理。
網(wǎng)頁設(shè)計(jì)既是藝術(shù)設(shè)計(jì),又是技術(shù)設(shè)計(jì)。技術(shù)和藝術(shù)的結(jié)合,形成了網(wǎng)頁的形式美感。網(wǎng)頁的技術(shù)設(shè)計(jì)是為內(nèi)容和形式服務(wù)的。網(wǎng)頁設(shè)計(jì)的許多視覺效果都需要技術(shù)的支持才能實(shí)現(xiàn),網(wǎng)頁技術(shù)應(yīng)該為網(wǎng)頁內(nèi)容和形式的表達(dá)服務(wù),如果缺乏相應(yīng)的技術(shù)支持,網(wǎng)頁設(shè)計(jì)的藝術(shù)的表現(xiàn)空間就會(huì)大打折扣。同時(shí)也要避免濫用技術(shù),將各種特效,不管是否有利于網(wǎng)頁內(nèi)容和形式的表達(dá),全部都應(yīng)用到網(wǎng)頁中,會(huì)造成內(nèi)容與形式的脫節(jié),不利于網(wǎng)頁主題的表達(dá)。
3.個(gè)性突出。
在符合網(wǎng)頁設(shè)計(jì)的主題要求下,具有獨(dú)特藝術(shù)風(fēng)格和個(gè)性的網(wǎng)頁,才具有更強(qiáng)烈的視覺沖擊力,更能鮮明地突出網(wǎng)頁設(shè)計(jì)主題。網(wǎng)頁的藝術(shù)個(gè)性與設(shè)計(jì)師的設(shè)計(jì)思維、審美意識(shí)、審美趣味息息相關(guān),設(shè)計(jì)師要注意提高自身的文化藝術(shù)修養(yǎng),掌握社會(huì)審美情趣和審美心態(tài)的多樣性變化,這樣才能創(chuàng)造出充滿創(chuàng)新精神和個(gè)性的藝術(shù)作品。網(wǎng)頁的藝術(shù)個(gè)性要符合時(shí)代精神,既要汲取以往時(shí)代美的因素,又要捕捉當(dāng)今社會(huì)的信箱氣息,創(chuàng)造符合當(dāng)代審美習(xí)慣的優(yōu)秀的作品。
4.形象統(tǒng)一。
網(wǎng)頁是由多頁面和多元素組合而成,每一個(gè)頁面都可獨(dú)立進(jìn)行版面的設(shè)計(jì)和編排,每一個(gè)多媒體元素都呈現(xiàn)不同的風(fēng)格,因此網(wǎng)頁整體視覺印象的統(tǒng)一,是有效傳達(dá)信息、突出網(wǎng)頁個(gè)性的基本前提。網(wǎng)頁形象統(tǒng)一是在文化內(nèi)涵和文化意境上使網(wǎng)頁之間體現(xiàn)出一種連貫性和整體性,體現(xiàn)整體的風(fēng)格和個(gè)性。
三、網(wǎng)頁藝術(shù)設(shè)計(jì)的特點(diǎn)
1.交互性與持續(xù)性。
網(wǎng)頁與一般媒體的單向信息交流不同,它是一種多向的信息交流媒體,具有即時(shí)交互性的特點(diǎn)。即時(shí)的交互性是網(wǎng)頁成為熱點(diǎn)的主要原因,也是網(wǎng)頁設(shè)計(jì)時(shí)必須考慮的問題。在網(wǎng)絡(luò)環(huán)境下,人們不再是一個(gè)傳統(tǒng)媒體方式的被動(dòng)接受者,而是以一個(gè)主動(dòng)參與者的身份加入到網(wǎng)絡(luò)信息的加工處理和之中。這種持續(xù)的交互,使網(wǎng)頁藝術(shù)設(shè)計(jì)不像印刷品設(shè)計(jì)那樣,發(fā)表之后就意味著設(shè)計(jì)的結(jié)束。網(wǎng)頁設(shè)計(jì)人員必須根據(jù)網(wǎng)站各個(gè)階段的經(jīng)營(yíng)目標(biāo),配合網(wǎng)站不同時(shí)期的經(jīng)營(yíng)策略,以及用戶的反饋信息,經(jīng)常地對(duì)網(wǎng)頁進(jìn)行調(diào)整和修改。
2.多種媒體的綜合性。
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、動(dòng)畫、視頻等。隨著網(wǎng)絡(luò)帶寬的增加、芯片處理速度的提高,以及跨平臺(tái)的多媒體文件格式的推廣,設(shè)計(jì)者必須綜合運(yùn)用多種媒體元素來設(shè)計(jì)網(wǎng)頁,以滿足和豐富瀏覽者對(duì)網(wǎng)絡(luò)信息傳輸質(zhì)量提出的更高要求。目前國(guó)內(nèi)網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術(shù)的改進(jìn)和流媒體技術(shù)的推動(dòng)下,Internet網(wǎng)上出現(xiàn)實(shí)時(shí)的音頻和視頻服務(wù),典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此,多種媒體的綜合運(yùn)用是網(wǎng)頁藝術(shù)設(shè)計(jì)的特點(diǎn)之一,是未來的發(fā)展方向。
3.版式的不可控性。
網(wǎng)頁的顯示效果會(huì)隨著顯示終端的變化而出現(xiàn)不可控性,這些不可控性顯示如下。
(1)同一網(wǎng)頁頁面,不同的操作系統(tǒng)顯示效果會(huì)不一樣。
(2)網(wǎng)頁瀏覽者可以控制網(wǎng)頁頁面在瀏覽器中的顯示方式,如文字、大小、編碼等。
(3)采用不同的分辨率,顯示效果也會(huì)不一樣。
4.技術(shù)與藝術(shù)結(jié)合的緊密性。
設(shè)計(jì)是主觀和客觀共同作用的結(jié)果,是在自由和不自由之間進(jìn)行的,設(shè)計(jì)者是在掌握客觀規(guī)律基礎(chǔ)上得到了完全的自由,一種想象和創(chuàng)造的自由。網(wǎng)絡(luò)技術(shù)主要表現(xiàn)為客觀因素,藝術(shù)創(chuàng)意主要表現(xiàn)為主觀因素,網(wǎng)頁設(shè)計(jì)者應(yīng)該積極主動(dòng)地掌握現(xiàn)有的各種網(wǎng)絡(luò)技術(shù)規(guī)律,將技術(shù)和藝術(shù)有機(jī)結(jié)合,才能創(chuàng)造更多優(yōu)秀的作品。技術(shù)的不足限制藝術(shù)表達(dá)的方式,技術(shù)的進(jìn)步才能激發(fā)藝術(shù)創(chuàng)作的潛能。網(wǎng)絡(luò)技術(shù)與藝術(shù)創(chuàng)意的緊密結(jié)合,使網(wǎng)頁藝術(shù)設(shè)計(jì)由平面設(shè)計(jì)擴(kuò)展到立體設(shè)計(jì),由視覺藝術(shù)擴(kuò)展到空間聽覺藝術(shù),技術(shù)發(fā)展促進(jìn)了技術(shù)與藝術(shù)的緊密結(jié)合,把瀏覽者帶入一個(gè)真正現(xiàn)實(shí)中的虛擬世界。
網(wǎng)頁設(shè)計(jì)是在技術(shù)的支持下充分調(diào)動(dòng)藝術(shù)創(chuàng)造力和想象力,是技術(shù)和藝術(shù)的結(jié)合體,伴隨著媒體藝術(shù)的發(fā)展而發(fā)展,也是平面設(shè)計(jì)在網(wǎng)絡(luò)世界的延伸。隨著時(shí)代的發(fā)展和要求,網(wǎng)頁的藝術(shù)性顯得越來越重要,成為網(wǎng)站建設(shè)者關(guān)注的重點(diǎn)。
參考文獻(xiàn):
[1]鬲波飛.網(wǎng)頁設(shè)計(jì)之視覺信息傳達(dá)分析[J].湖南大學(xué)學(xué)報(bào)(社會(huì)科學(xué)版),2001,15,(4):15-19.
[2]唐良瑞,李丹.網(wǎng)頁設(shè)計(jì)的諸要素分析[J].北方工業(yè)大學(xué)學(xué)報(bào),2000,12,(1):15-19.
[3]趙殿澤.構(gòu)成藝術(shù)[M].沈陽:遼寧美術(shù)出版社,1986.
所謂CBE—DUCAM模式,就是能力———本位教育模式,以培養(yǎng)能力為主,采取產(chǎn)學(xué)結(jié)合的方式,對(duì)學(xué)生進(jìn)行集中培養(yǎng)。CBE—DUCAM模式強(qiáng)調(diào)以能力作為課程開發(fā)的中心,以能力為主線設(shè)計(jì)課程,而不是以學(xué)科知識(shí)體系為核心。所傳授的知識(shí)是為能力培訓(xùn)服務(wù)的,以“必需、夠用”為原則。此模式對(duì)學(xué)生的評(píng)價(jià)不是以專業(yè)知識(shí)的掌握,而是以獲取從事某種職業(yè)所需的能力為標(biāo)準(zhǔn)?!肮W(xué)四合”是指教育與產(chǎn)業(yè)結(jié)合、學(xué)校與企業(yè)結(jié)合、教學(xué)與生產(chǎn)結(jié)合、學(xué)習(xí)與就業(yè)結(jié)合。工學(xué)四合”的核心。即兼顧各個(gè)主體的利益,把握各個(gè)要素的系統(tǒng)聯(lián)系,建立開放的工作機(jī)制,落實(shí)具體的行動(dòng)舉措。情境教學(xué)是把學(xué)習(xí)的主題與學(xué)生的生活實(shí)際結(jié)合起來,教師、學(xué)生運(yùn)用協(xié)作探討的方式在情感的交流、思維的碰撞中進(jìn)行體驗(yàn)、感悟,逐漸熏陶、培養(yǎng)學(xué)生技能知識(shí)的一種教學(xué)模式,CBE-DUCAM教學(xué)法的實(shí)施方式主要有:換位教學(xué)、角色扮演、熱點(diǎn)討論法。
二、課程改革的方案設(shè)計(jì)
(一)教學(xué)過程的“三明治”化
其具體的做法是:學(xué)生一入學(xué),就先到工廠、企業(yè)進(jìn)行一年的工業(yè)訓(xùn)練,然后回校學(xué)習(xí)1-2年的理論知識(shí),最后一年再去工廠、企業(yè)實(shí)習(xí)。學(xué)生在低年級(jí)的時(shí)候,理論知識(shí)相對(duì)抽象;而在高年級(jí)進(jìn)行操作的時(shí)候,則不得不回頭再去溫習(xí)理論。而且由于學(xué)習(xí)技能比較晚,因此畢業(yè)時(shí)在記憶和應(yīng)用的熟練程度上都往往不足。所謂三明治其實(shí)就是上下兩層面包,中間夾肉。在學(xué)院里,我們將“技術(shù)能力”稱為面包,“學(xué)習(xí)能力”稱為肉片。而所謂的“三明治教學(xué)法”就是先學(xué)技術(shù)、再學(xué)理論、最后再學(xué)技術(shù)的一種排課方式。具體來說,就是在大一新生剛?cè)雽W(xué)的時(shí)候,先進(jìn)入企業(yè)跟著經(jīng)驗(yàn)豐富的校外聘教師兼企業(yè)技術(shù)工作人員學(xué)習(xí)網(wǎng)頁的創(chuàng)作,實(shí)踐時(shí)間一年。從大二開始,在學(xué)生有了感性的操作認(rèn)識(shí)以后,再安排進(jìn)行網(wǎng)頁設(shè)計(jì)理論課程的學(xué)習(xí)。這部分是整個(gè)教學(xué)的核心內(nèi)容,決定著學(xué)生將來在行業(yè)里的長(zhǎng)遠(yuǎn)發(fā)展。而學(xué)生在前面實(shí)踐操作的基礎(chǔ)上,正可以結(jié)合自身的經(jīng)驗(yàn)來加深對(duì)理論的了解,達(dá)到更好的教學(xué)效果。到大三再次強(qiáng)化操作技術(shù),再一次的進(jìn)入企業(yè)進(jìn)行實(shí)習(xí)以便讓學(xué)生掌握最新的創(chuàng)作潮流、技術(shù)手段、制作工具及運(yùn)作流程,并充分結(jié)合前面學(xué)習(xí)的理論知識(shí),創(chuàng)作出代表自身最高水平的畢業(yè)作品。不但如此,在畢業(yè)作品創(chuàng)作的過程中,更能夠大大激發(fā)學(xué)生的勇氣和自信,讓他們可以從容應(yīng)對(duì)激烈的就業(yè)競(jìng)爭(zhēng)??偠灾?,“三明治教學(xué)法”是一套在實(shí)踐中行之有效的教學(xué)方法。吃“三明治”的目標(biāo)是讓學(xué)生可以順利就業(yè),并且為其在這個(gè)行業(yè)中長(zhǎng)遠(yuǎn)的發(fā)展打下良好基礎(chǔ)。
(二)課程的設(shè)置
聘請(qǐng)相應(yīng)領(lǐng)域的專家,組成專家委員會(huì)進(jìn)行專業(yè)分析,在專業(yè)分析的基礎(chǔ)上,形成最終的成果,即DACUM課程表及說明。以網(wǎng)頁設(shè)計(jì)這門課程為例,在專業(yè)分析的基礎(chǔ)上形成的DACUM課程設(shè)置。以網(wǎng)頁設(shè)計(jì)為例。在進(jìn)行教學(xué)之前,需要編寫課程教材(包括輔助教材),教材由課程教師組織編寫,現(xiàn)場(chǎng)專家參與其中。根據(jù)DUCAM表,每項(xiàng)綜合能力編成一本教材,綜合能力下面的每項(xiàng)專項(xiàng)能力作為一節(jié)。仍以網(wǎng)頁設(shè)計(jì)為例,綜合設(shè)計(jì)能力由20項(xiàng)專項(xiàng)能力組成,這本教材就由20小節(jié)組成。
(三)學(xué)生的學(xué)習(xí)實(shí)訓(xùn)環(huán)境
工學(xué)四合形式下情境教學(xué)要求實(shí)施教學(xué)的全景設(shè)計(jì)。模擬真實(shí)的環(huán)境,把場(chǎng)景的設(shè)計(jì)和問題的生成盡可能放到一個(gè)近似真實(shí)的環(huán)境中,甚至就是真實(shí)環(huán)境的再現(xiàn)或者就是真實(shí)場(chǎng)景的一部分。例如,可以在企業(yè)開設(shè)一個(gè)臨時(shí)課堂給實(shí)習(xí)的學(xué)生上課,也可以在學(xué)校本部開設(shè)模擬生產(chǎn)化的實(shí)訓(xùn)環(huán)境。
三、改革目標(biāo)和創(chuàng)新之處:
(一)改革目標(biāo)
在真實(shí)的職業(yè)環(huán)境中,通過先進(jìn)的教學(xué)手段,學(xué)生根據(jù)自己的個(gè)性差異將職業(yè)能力、職業(yè)知識(shí)、職業(yè)品質(zhì)“遷移”到自己的學(xué)生體會(huì)和工作體會(huì)中,實(shí)現(xiàn)學(xué)生學(xué)習(xí)與就業(yè)的直接銜接。
(二)創(chuàng)新之處
1.使用CBE—DUCAM教學(xué)模式培養(yǎng)學(xué)生學(xué)習(xí)的能力。情境化學(xué)習(xí)不只是讓學(xué)生有意識(shí)地模仿,而是要強(qiáng)調(diào)模仿是為了更好地創(chuàng)造。情景學(xué)習(xí)理論為工學(xué)四合教育提供了理論基礎(chǔ),職業(yè)教育通過與企業(yè)的合作,為學(xué)生提供了一個(gè)真實(shí)的實(shí)踐環(huán)境。
2.教學(xué)過程的“三明治”化。工學(xué)四合形式下情境教學(xué)要求實(shí)施教學(xué)的全景設(shè)計(jì)。包括兩個(gè)方面內(nèi)容:一是環(huán)境的全景,是指模擬真實(shí)的環(huán)境,把場(chǎng)景的設(shè)計(jì)和問題的生成盡可能放到一個(gè)近似真實(shí)的環(huán)境中,甚至就是真實(shí)環(huán)境的再現(xiàn)或者就是真實(shí)場(chǎng)景的一部分。二是問題的全景,盡可能把實(shí)際環(huán)境中所出現(xiàn)的類似或者相關(guān)問題囊括進(jìn)去。
1網(wǎng)頁設(shè)計(jì)中的視覺規(guī)律
由于網(wǎng)頁風(fēng)格的不同,人們?cè)跒g覽網(wǎng)頁的同時(shí)會(huì)產(chǎn)生不同的視覺和心理感受,這種感受大部分來源于網(wǎng)頁頁面的視覺傳達(dá),為了使網(wǎng)頁獲得最大的視覺傳達(dá)功能,使網(wǎng)絡(luò)真正成為可讀性強(qiáng)的媒體,設(shè)計(jì)師在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)必須考慮到人們視覺流向的心理和生理特點(diǎn),由此確定各種視覺構(gòu)成元素之間的關(guān)系和秩序。因此,設(shè)計(jì)時(shí)應(yīng)該研究各種視覺造型元素之間的關(guān)系,如距離、位置、面積等問題。
視覺規(guī)律的形成是由人類的視覺特性所決定的。瀏覽者的閱讀行為在瀏覽不同性質(zhì)的網(wǎng)站和肩負(fù)不同的閱讀任務(wù)時(shí)候都表現(xiàn)出基本上恒定的習(xí)慣,首先是水平運(yùn)動(dòng),常常是掃過網(wǎng)頁內(nèi)容的最上半部分,因此,上部和中上部被稱為“最佳視域”,也就是最優(yōu)選的地方。然后,向下移,瀏覽下面區(qū)域。最后,從網(wǎng)頁左邊的部分進(jìn)行垂直掃描。
在網(wǎng)頁設(shè)計(jì)中,靈活而合理地運(yùn)用視覺流程和最佳視域,組織好自然流暢的視覺導(dǎo)向,直接影響網(wǎng)頁傳播的準(zhǔn)確性與有效性。所以,在網(wǎng)頁設(shè)計(jì)中,既要立足信息的傳達(dá),又要符合人們的視覺和思維習(xí)慣,設(shè)計(jì)網(wǎng)頁時(shí)注意各種信息要素的合理分布,使各類信息要素的位置、間隙、大小保持一定的節(jié)奏感和美感。
2網(wǎng)頁設(shè)計(jì)中的審美需求
人們對(duì)美的追求是不斷深入的,網(wǎng)頁設(shè)計(jì)同樣如此。網(wǎng)頁不光是把各種東西放上去,能看就行,更要考慮如何使受眾能更好地和更有效率地接收網(wǎng)頁上的信息。這就需要從審美的方面入手,制作出清晰、整體性好的頁面,使人瀏覽起來產(chǎn)生愉悅感,更容易接受信息。在網(wǎng)頁設(shè)計(jì)中,更多的是追求平面視覺傳達(dá)效果,將各種元素有效的結(jié)合,這種結(jié)合要遵循一定的原則,如我們經(jīng)常所說的變化統(tǒng)
一、條理與反復(fù)、對(duì)比和調(diào)和、均齊與平衡等,以及對(duì)網(wǎng)頁中文字、圖形、色彩的設(shè)計(jì)。
2.1網(wǎng)頁的內(nèi)容與形式的表現(xiàn)必須統(tǒng)一和具有秩序
形式表現(xiàn)必須服從內(nèi)容要求,當(dāng)我們把大量的信息放到網(wǎng)頁上去的時(shí)候,既要考慮整體感,又要注重細(xì)節(jié)的編排。這就要求設(shè)計(jì)師清晰的思考內(nèi)容與形式如何最佳的結(jié)合,如何使頁面看起來既整體,又豐富。
2.2突出主題要素
每個(gè)網(wǎng)頁都應(yīng)有明確的主題,并按照視覺心理規(guī)律和形式將主題主動(dòng)地傳達(dá)給觀賞者,使主題在適當(dāng)?shù)沫h(huán)境里被人們即時(shí)地理解和接受。
作為主題要素,必須注意編排的位置,使其成為人們?yōu)g覽時(shí)的視覺焦點(diǎn),從而產(chǎn)生深刻的印象。如果沒有這個(gè)主題要素,瀏覽者的視線將會(huì)無所適從,或者導(dǎo)致視線流動(dòng)偏離設(shè)計(jì)的初衷。網(wǎng)頁設(shè)計(jì)中各構(gòu)成要素在組合時(shí),要注意其結(jié)構(gòu)的輕重大小、虛實(shí)、多少等對(duì)比因素,加強(qiáng)視覺力度,以強(qiáng)化頁面的整體吸引力。
3網(wǎng)頁中的各構(gòu)成要素
3.1風(fēng)格定位
對(duì)于設(shè)計(jì)某個(gè)網(wǎng)站來說,要做的第一步工作就是確定網(wǎng)站整體的風(fēng)格,不同的網(wǎng)站需要有不同的風(fēng)格,其風(fēng)格要與主題內(nèi)容相統(tǒng)一。目前,網(wǎng)頁的種類很多,較為常見的有:新聞機(jī)構(gòu)類、政府機(jī)關(guān)類、科教文化類、娛樂藝術(shù)類、電子商務(wù)類、個(gè)性化網(wǎng)頁類。這些不同性質(zhì)的網(wǎng)頁應(yīng)體現(xiàn)不同的風(fēng)格,比如,娛樂類網(wǎng)頁風(fēng)格應(yīng)體現(xiàn)活潑生動(dòng)一些,政府機(jī)關(guān)類網(wǎng)頁應(yīng)體現(xiàn)出比較莊重、嚴(yán)肅的感覺。在統(tǒng)一的風(fēng)格頁面中,添加圖片、文字、動(dòng)畫等元素,來豐富頁面內(nèi)容,在添加這些元素的過程中也要注意色調(diào)的統(tǒng)一,這就需要設(shè)計(jì)師具備良好的美術(shù)修養(yǎng)。
3.2版面排版
網(wǎng)頁的版式設(shè)計(jì)同報(bào)刊雜志等平面媒體的版式設(shè)計(jì)有很多共同之處,它在網(wǎng)頁的藝術(shù)設(shè)計(jì)中占據(jù)著重要的地位。但網(wǎng)頁的排版與書籍雜志的排版又有很多差異。印刷品都有固定的規(guī)格尺寸,網(wǎng)頁則不然,它的尺寸是由讀者來控制的。這使網(wǎng)頁設(shè)計(jì)者不能精確控制頁面上每個(gè)元素的尺寸和位置。而且,網(wǎng)頁的組織結(jié)構(gòu)不像印刷品那樣為線性組合,這給網(wǎng)頁的版式設(shè)計(jì)帶來了一定的難度。當(dāng)我們確定了網(wǎng)頁總體風(fēng)格之后,我們要根據(jù)現(xiàn)有的圖片、文字等素材進(jìn)行頁面劃分,文字作為最原始、最有力的信息傳遞方式,在網(wǎng)頁設(shè)計(jì)中也是至關(guān)重要的。
3.3色彩的運(yùn)用
在網(wǎng)頁設(shè)計(jì)中,好的色彩搭配是網(wǎng)頁設(shè)計(jì)成功的一半。在一個(gè)色彩搭配具備專業(yè)水平的網(wǎng)站,即使只使用很少的圖形,仍會(huì)帶給瀏覽者深刻的印象和舒適的視覺感受。一般來說,色彩,在一個(gè)頁面不應(yīng)超過三個(gè),其中擇一為主色調(diào);應(yīng)恰當(dāng)使用顏色蘊(yùn)含的文化心理信息。色彩的運(yùn)用遵循“總體協(xié)調(diào),局部對(duì)比”的原則,也就是主頁的整體色彩應(yīng)該是和諧統(tǒng)一的,只有局部運(yùn)用一些強(qiáng)烈的色彩對(duì)比。
不同網(wǎng)頁的主題可以用不同的色彩來表現(xiàn)。以下為幾種常用色系:
(1)藍(lán)色,是商業(yè)宣傳用色,能使網(wǎng)頁顯得非常有專業(yè)水準(zhǔn)。體現(xiàn)出一種專業(yè)和正式氛圍。藍(lán)色往往也被用為嚴(yán)肅莊重的場(chǎng)合,體現(xiàn)出一種凝重和肅穆。(2)綠色,是自然色,給人以清新自然的感覺,可以大大舒緩視覺上的壓力。綠色可以用于與環(huán)保相關(guān)的主題,如旅游風(fēng)景區(qū)網(wǎng)站。(3)紅色,是比較熱烈的顏色,會(huì)使網(wǎng)頁變得生機(jī)勃勃。紅色也是運(yùn)動(dòng)的色彩,有很強(qiáng)的視覺感染力和號(hào)召力。(4)黃色系也是宣傳色系中的一種。黃色給人輕松隨意的生活氣息,能夠體現(xiàn)出一種友善和多維的效果。同時(shí),黃色又是一種非常鮮明的色彩,它可以與許多種顏色搭配起來使用。
此外,我們還可以適當(dāng)?shù)倪\(yùn)用一些黑、白、灰的顏色搭配使用,可以產(chǎn)生意想不到的效果。
一個(gè)頁面中盡量不要超過4種色彩,色彩太多找不到主題色,會(huì)顯得沒有主次,令人眼花繚亂。再者,需要注意的是文字的顏色與背景顏色的區(qū)分,對(duì)比太強(qiáng)或太弱都會(huì)影響瀏覽者的閱讀。
【關(guān)鍵詞】網(wǎng)頁 主頁 搜索引擎 INTERNET HTTP
隨著信息化時(shí)代的到來,越來越多的企事業(yè)單位及個(gè)人為展示自我形象在Internet上編寫多媒體主頁。主頁(組織其他網(wǎng)頁的網(wǎng)頁),業(yè)內(nèi)人士有個(gè)貼切的稱謂叫“虛擬店鋪”,即在Internet高速公路上設(shè)置一個(gè)店鋪門面,以便在高速公路上行走的人能很方便找到自己的店鋪。一個(gè)WWW形式的主頁可以使資料的組織與存取更加透明化,用戶只需用Netscape、IE等瀏覽器就能瀏覽該主頁內(nèi)容。因此如何掌握原則,利用技巧設(shè)計(jì)一個(gè)獨(dú)具風(fēng)格、生動(dòng)形象的主頁在激烈的競(jìng)爭(zhēng)中取勝值得研究和探討。
一、網(wǎng)頁設(shè)計(jì)原則
根據(jù)網(wǎng)頁設(shè)計(jì)的特點(diǎn)和制作網(wǎng)頁的經(jīng)驗(yàn),一般應(yīng)遵循以下原則:
(一)提綱挈領(lǐng)。主頁的作用好比一個(gè)精美的廣告,以下內(nèi)容必不可少:1.醒目的標(biāo)題,即標(biāo)示出你的網(wǎng)站。標(biāo)題可以是單位和公司的名稱、標(biāo)語徽號(hào)或圖像等;2.清楚無誤的電子郵件地址和聯(lián)絡(luò)方法,如通訊地址或單位電話等。
(二)賞心悅目。主頁又好比是一本書的封面,要使瀏覽者過目不忘,看一眼就能被吸引住,不僅要有精美的圖像和漂亮的字款,更要層次分明,令人耳目一新,切忌雜亂無章。
(三)易于漫游。主頁上的圖像要力求簡(jiǎn)樸,圖像愈大、色彩愈深,其下載的時(shí)間就愈長(zhǎng)。因此,在設(shè)計(jì)網(wǎng)頁時(shí)圖象的色彩不要超過計(jì)劃64種,整個(gè)頁面的圖像大小最好保持在20KB之內(nèi),以便畫面的傳送速度控制在15秒鐘之內(nèi),從而使得主頁運(yùn)作流暢,在“時(shí)間就是金錢”的快節(jié)奏生活中,主頁一定要便于查找,否則用戶很難滿意。如果你有豐富的信息資源要告訴用戶,需編制較長(zhǎng)的頁面或使用較多的連接項(xiàng)目的話,最好的方法是建立多個(gè)主頁,使每個(gè)主頁載有不同類別的信息,若能讓用戶在主頁上以關(guān)鍵字或詞語查找到所需要的信息,這樣定會(huì)受到歡迎。
(四)及時(shí)更新。主頁制定好后,不能一勞永逸,必須不斷的更新內(nèi)容、變換形式來吸引用戶瀏覽你的主頁。對(duì)于編寫多媒體主頁的單位來說,應(yīng)將更新主頁的工作納入單位的公關(guān)及資料編制管理規(guī)范中,使其常新吸引讀者。
以上是作者根據(jù)自己的經(jīng)驗(yàn)給出設(shè)計(jì)網(wǎng)頁的四條基本原則,當(dāng)然任何經(jīng)驗(yàn)和原則都不是一成不變的,伴隨著日新月異的網(wǎng)絡(luò)技術(shù)的演進(jìn)與更新,這些原則也在不斷發(fā)生變化。
二、網(wǎng)頁設(shè)計(jì)技巧
在設(shè)計(jì)網(wǎng)頁時(shí)有許多技巧,倘若我們能將這些小技巧恰當(dāng)?shù)挠迷谧约旱腤eb頁面上,將會(huì)使網(wǎng)頁更具有技巧性和趣味性。
(一)輸入設(shè)置密碼
為了防止一些破環(huán)者在自己的站點(diǎn)上亂貼東西,使用密碼認(rèn)可證就可以控制那些添加在web上的新內(nèi)容了,大多數(shù)的HTTP服務(wù)器都支持一些基本鑒定協(xié)議,不需要由網(wǎng)絡(luò)管理管理權(quán)限就能夠設(shè)置一個(gè)詳細(xì)的權(quán)力許可目錄。只要你可以對(duì)目錄進(jìn)行寫入操作,就允許你建立密碼保護(hù)自己。
如下建立一個(gè)叫Chance的目錄僅允許那些用computer作為用戶名,001作為密碼的使用者進(jìn)入。
首先,寫一個(gè)新文件包含用戶名和密碼,把它存儲(chǔ)在服務(wù)器當(dāng)中(考慮到安全的原因,最好不要放到根目錄)。許多HTTP服務(wù)器能讓你通過htpasswd命令建立這些文件,你在UNIX的提示符下鍵入htpasswd - c/directory/path/.htpassword computer(其中c/directory/path/以你在系統(tǒng)上的真實(shí)路徑來代替)。接著會(huì)提示你輸入computer的密碼,鍵入兩次001。最后你應(yīng)檢查一下那個(gè)*.htpassword文件中是否包含一些形如computer:ylia3tjWkhCK2之類的東西。
在Chance目錄中建一個(gè)*.htaccess文件設(shè)置權(quán)限,它要包含以下文本
AuthUserFile/directory/path/。Htpasswd
AuthGroupeFile/dev/null
AuthName ByPassword AuthType Basic
Repuire user cmputer
這時(shí),你就能夠把AuthName改稱任何值了,當(dāng)然,也可以建立多個(gè)用戶名和密碼(甚至一個(gè)組)。
由于基本鑒定的實(shí)現(xiàn)很簡(jiǎn)單,它傳送密碼時(shí)使用的是無加密文本UUENCODE方式,任何人都能在網(wǎng)絡(luò)上看到這個(gè)數(shù)據(jù)包,雖然他們并不知道那個(gè)存放著密碼,但把文件捉住后就能輕易的解密。所以它并不符合工業(yè)安全標(biāo)準(zhǔn),對(duì)于重要的事情還是不要依靠鑒定協(xié)議為好。
(二)彈出提示信息
為了在打開主頁之前彈出一句問候語或?yàn)g覽此主頁時(shí)應(yīng)注意問題之類的對(duì)話框.可把下面的代碼加入到中。
alert(‘\n朋友:\n你們好?。躰歡迎光臨本站。\n’)
在alter(‘’)中加入你要說的話,每一行用\n隔開,需要注意的是在程序中alter(‘’)短語應(yīng)一行寫完其中不能換行。
(三)強(qiáng)力搜索引擎
經(jīng)常上網(wǎng)的朋友一般都要用到搜索引擎,但是制作一個(gè)出色的搜索引擎就需要具有高深的專業(yè)知識(shí)和花費(fèi)足夠多得時(shí)間和精力,為了使自己的頁面具有較強(qiáng)的搜索能力,給主頁加一個(gè)強(qiáng)力搜索引擎,可以將一下代碼加入到HomePage中,得到網(wǎng)易――Yeah的強(qiáng)力搜索引擎。
colspan=5 nowrap bgcolor=#BAID34>
中文搜索引擎
 ;
查詢:
查詢要決
總之,在Internet上自己的網(wǎng)頁,建立、完善、維護(hù)自己的Web站點(diǎn)有很多的技巧和方法。
參考文獻(xiàn):
由于不同的搜索引擎在網(wǎng)頁支持方面存在差異,因此在設(shè)計(jì)時(shí)不要只注意外觀漂亮,許多平常設(shè)計(jì)網(wǎng)頁時(shí)常用到的元素到了搜索引擎那里會(huì)產(chǎn)生問題。
框架結(jié)構(gòu)(Frame Sets)
有些搜索引擎(如FAST)是不支持框架結(jié)構(gòu)的,他們的“蜘蛛”程序無法閱讀這樣的網(wǎng)頁。
圖象區(qū)塊(Image Maps)
除AltaVista、Google和Northern Light(現(xiàn)已停止公共搜索服務(wù))明確支持圖像區(qū)塊鏈接外,其他引擎是不支持它的。當(dāng)“蜘蛛”程序遇到這種結(jié)構(gòu)時(shí),往往會(huì)感到茫然不知所措。因此盡量不要設(shè)置Image Map鏈接。
特效鏈接
我們經(jīng)常看到有些網(wǎng)站為導(dǎo)航鏈接加上了特效,如點(diǎn)擊某個(gè)項(xiàng)目會(huì)展開下層鏈接等。這些效果一般通過JavaScript實(shí)現(xiàn),視覺上非常新穎,但在“蜘蛛”程序的眼里則沒那么誘人,相反它無法解讀這種鏈接。為了讓搜索引擎順利檢索到你的網(wǎng)頁,建議還是犧牲掉一些花哨的東西。
FLASH
雖然FLASH制作的網(wǎng)頁視覺效果較好,但搜索引擎對(duì)此卻不太感冒,個(gè)案表明這一類的網(wǎng)站很難被百度搜索引擎索引。明智的做法是提供FLASH和非FLASH網(wǎng)頁兩種選擇,這樣即增加了網(wǎng)頁的觀賞性,又照顧到了搜索引擎的情緒。
動(dòng)態(tài)網(wǎng)頁(Dynamic Pages)
任何地址中帶“?”號(hào)、“& ”號(hào)(及其他類似符號(hào))的網(wǎng)頁都會(huì)把“蜘蛛”程序擋在門外。這些網(wǎng)頁通常由CGI、PHP、ASP等程序產(chǎn)生,技術(shù)上較先進(jìn),但不適合搜索引擎的“蜘蛛”程序。雖然目前有的大型搜索引擎(如Google)已具備檢索動(dòng)態(tài)網(wǎng)頁的能力,但相當(dāng)一部分?jǐn)?shù)引擎還是不支持它的。而且即使是能夠索引動(dòng)態(tài)網(wǎng)頁的Google,也在多個(gè)場(chǎng)合中明確表示不保證檢索全部的動(dòng)態(tài)網(wǎng)頁。
因此,除非是超大型網(wǎng)站,為方便起見不得不采用動(dòng)態(tài)網(wǎng)頁生成技術(shù),否則還是盡量使用靜態(tài)網(wǎng)頁為好。
加密網(wǎng)頁
除非你不希望搜索引擎檢索你的網(wǎng)頁,否則不要給你的網(wǎng)頁加密。
網(wǎng)頁容量
包括圖像在內(nèi)的網(wǎng)頁字節(jié)數(shù)最好不要超過50K。體型龐大的網(wǎng)頁下載速度慢,不僅會(huì)讓普通訪問者等得心急如焚,有時(shí)也會(huì)使“蜘蛛”程序感到不耐煩。
獨(dú)立域名與付費(fèi)虛擬主機(jī)
目前搜索引擎都不愿收錄位于免費(fèi)主頁空間上的網(wǎng)站。其理由是,既然你認(rèn)為自己的網(wǎng)站如此重要,以至于需要登錄搜索引擎讓天下人都知道,那么你沒有理由還將它放在免費(fèi)服務(wù)器上。更何況免費(fèi)主頁通常速度較慢,會(huì)影響大家搜索信息的效率。
1.1 基于網(wǎng)頁設(shè)計(jì)中藝術(shù)色彩方面的創(chuàng)新方法隨著網(wǎng)頁藝術(shù)設(shè)計(jì)的快速發(fā)展,色彩作為設(shè)計(jì)過程中的主要元素,給人更加直觀的印象和感受,易于影響到人們的情緒和心情。那么在設(shè)計(jì)中運(yùn)用不同的色彩往往更能凸顯出藝術(shù)的沖擊力,給人更為新穎的感覺,因此,關(guān)于在色彩方面的加工與設(shè)計(jì)顯得尤為重要。而其中最為重要的兩種表現(xiàn)形式是選用的自由化模式和色彩的簡(jiǎn)約模式。前者傾向于對(duì)色彩的集中度突顯、自由化組合,使得網(wǎng)頁的個(gè)性特征得以體現(xiàn),讓網(wǎng)頁風(fēng)格不同于常見的形式,以恰當(dāng)?shù)纳式M合設(shè)計(jì),給不同的客戶帶來有益的影響。需要注意的是,設(shè)計(jì)者在藝術(shù)色彩的設(shè)計(jì)與選用的過程中,要以訪問者的角度給予情感和心理方面的情緒變化融入,進(jìn)而形成獨(dú)特的藝術(shù)魅力;后者則強(qiáng)調(diào)在色彩選用和設(shè)計(jì)的過程中遵循簡(jiǎn)約的風(fēng)格,讓網(wǎng)頁設(shè)計(jì)效果讓人看起來更加舒服、美觀。尤其在近年來的網(wǎng)頁藝術(shù)設(shè)計(jì)發(fā)展當(dāng)中,這項(xiàng)創(chuàng)新理念的發(fā)揮已經(jīng)逐漸成為眾多設(shè)計(jì)者首選的方式,其優(yōu)勢(shì)在于能夠?qū)崿F(xiàn)很多繁雜藝術(shù)設(shè)計(jì)無法體現(xiàn)的樸素、極簡(jiǎn)風(fēng)格,讓設(shè)計(jì)者擬定的主題更加清晰和顯著。例如:在網(wǎng)頁設(shè)計(jì)中,如何合理搭配與運(yùn)用色彩,使其與藝術(shù)動(dòng)態(tài)網(wǎng)頁文字相呼應(yīng)和匹配,為訪問者呈現(xiàn)出更有層次感和對(duì)比效果的變化,將設(shè)計(jì)者想要表達(dá)的心理感受體現(xiàn)出來。如圖所示的操作界面中,為了匹配“2004高雄表演藝術(shù)”中心主題,設(shè)計(jì)者需使用100%純度的黑色作為主色彩,以達(dá)到形成和背景巨大反差的目的,同時(shí)在底色方面以透明灰色鏤空形式來表現(xiàn)“mityhaircutsdesign”等字體,更具吸引力,呈現(xiàn)出動(dòng)態(tài)變化的特征。
1.2 保證留白的合理性在網(wǎng)頁藝術(shù)設(shè)計(jì)的過程中,很多設(shè)計(jì)者認(rèn)為要充分利用每一塊空間位置,才能呈現(xiàn)出最佳的效果。事實(shí)上并非如此,優(yōu)秀新穎的網(wǎng)頁設(shè)計(jì)不必非要利用到每一個(gè)位置,適當(dāng)?shù)牧舭滋幚砀転樵L問者留下好的印象和感受。留白旨在突顯出藝術(shù)作品中虛實(shí)結(jié)合、相得益彰的良好成效,它的科學(xué)合理性設(shè)計(jì),不僅能在視覺呈現(xiàn)方面顯得平衡感十足,保持動(dòng)靜結(jié)合、虛實(shí)相應(yīng)的觀感體驗(yàn),而且簡(jiǎn)潔、合理的內(nèi)容分布,則有效提高了訪問者的效率,有助于相關(guān)工作處理獲得便捷,進(jìn)而無形中促使更多的訪問者加以瀏覽和關(guān)注,增強(qiáng)整體的網(wǎng)頁設(shè)計(jì)效果。此外,將Flas運(yùn)用到網(wǎng)頁設(shè)計(jì)當(dāng)中,突顯出一些廣告等信息的新穎性,增強(qiáng)吸引效果,借助Flash自身的動(dòng)畫特效優(yōu)勢(shì)和特點(diǎn),表現(xiàn)出設(shè)計(jì)者寄予的思想和感情,像網(wǎng)頁中諸如旗幟與按鈕類型的廣告設(shè)計(jì),均能夠利用Flash的動(dòng)畫效果來呈現(xiàn)。
2總結(jié)
摘要:信息是人們溝通的主要內(nèi)容,在現(xiàn)今這個(gè)隨處都充斥著各種信息的世界里,傳遞信息的媒介也越來越得到重視。其中互聯(lián)網(wǎng)技術(shù)便是現(xiàn)今傳遞信息的主要媒介之一,信息的承載體便是網(wǎng)頁。在繁復(fù)繽紛的信息世界里,要如何將網(wǎng)頁所表達(dá)的內(nèi)容快速有效地傳遞給讀者,這便要求網(wǎng)頁在設(shè)計(jì)的時(shí)候所需要的獨(dú)特的視覺效果,具有一定的視覺審美。本文對(duì)傳統(tǒng)風(fēng)格的網(wǎng)頁中所表現(xiàn)出的視覺欣賞習(xí)慣和視覺審美心理進(jìn)行分析,并探討在視覺效果中所表現(xiàn)的出的網(wǎng)頁內(nèi)涵。并總結(jié)出傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)上的視覺表現(xiàn)情況,并提出在進(jìn)行網(wǎng)頁設(shè)計(jì)時(shí)提高視覺審美的相關(guān)建議。
關(guān)鍵詞:網(wǎng)頁設(shè)計(jì);傳統(tǒng)風(fēng)格;視覺欣賞;審美心理;視覺表現(xiàn)
1.網(wǎng)頁設(shè)計(jì)中的視覺表現(xiàn)的重要性在進(jìn)行網(wǎng)頁設(shè)計(jì)的時(shí)候,在一定的版面空間里,必須要將網(wǎng)頁內(nèi)容通過一定的視覺信息傳遞出來,而這些視覺信息在版面進(jìn)行排版的時(shí)候就必須要滿足一定的審美要求。只有提高整個(gè)版面視覺審美,整個(gè)網(wǎng)頁才能夠給人以強(qiáng)烈的視覺沖擊并突出設(shè)計(jì)主題,這樣就能夠做到表現(xiàn)形式和宣傳內(nèi)容相契合的境界[1]。網(wǎng)頁就是要宣傳或者是表達(dá)一定的內(nèi)容,只有主題和表達(dá)的形式高度統(tǒng)一且內(nèi)容直觀易懂,人們才能更好地了解網(wǎng)頁宣傳內(nèi)容。
2.傳統(tǒng)風(fēng)格的網(wǎng)頁中的視覺表現(xiàn)情況縱觀各大網(wǎng)站中的首頁,幾乎被簡(jiǎn)約平面的現(xiàn)代設(shè)計(jì)風(fēng)格鋪滿,在設(shè)計(jì)中幾乎不再有強(qiáng)烈的視覺沖擊效果。也正是由于這一情況,在國(guó)內(nèi),一種以西方網(wǎng)頁設(shè)計(jì)技術(shù)為參考,加入中國(guó)傳統(tǒng)文化的網(wǎng)頁設(shè)計(jì)風(fēng)格正在各大網(wǎng)頁風(fēng)靡。這種設(shè)計(jì)風(fēng)格主要是被應(yīng)用在中國(guó)的傳統(tǒng)節(jié)日以及相應(yīng)的文化藝術(shù)為主題的網(wǎng)頁設(shè)計(jì)中。據(jù)調(diào)查顯示,這類網(wǎng)頁設(shè)計(jì)更加符合中國(guó)人的視覺欣賞習(xí)慣和欣賞心理,給人以強(qiáng)烈的視覺沖擊和足夠的留白進(jìn)行空間的想象。
2.1傳統(tǒng)風(fēng)格的網(wǎng)頁中的視覺欣賞習(xí)慣
“如果一幅畫的目的首先是為了吸引注意力,那么簡(jiǎn)約性和有選擇的強(qiáng)調(diào)就會(huì)在這幅畫中使用,因?yàn)樗鼈兙哂袉酒鹆彤a(chǎn)生驚訝的效果?!痹诂F(xiàn)今互聯(lián)網(wǎng)技術(shù)發(fā)達(dá)的狀態(tài)下,網(wǎng)頁是傳播信息的重要媒介,更是一副寫著重要信息必須在瞬間吸引人眼球的畫作。在傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)中,巧妙的應(yīng)用留白來突出重點(diǎn)內(nèi)容,減弱次要信息的分布比例,并利用其簡(jiǎn)潔具有代表性的圖形來使得整個(gè)網(wǎng)頁中的視覺元素分布更具有條例,做到虛實(shí)對(duì)比,疏密適宜,充滿設(shè)計(jì)的張力并具有一定的流動(dòng)性,且整體布局清晰合理。這類的設(shè)計(jì)更加符合中國(guó)人的審美習(xí)慣,網(wǎng)頁瀏覽用戶能夠在最快的時(shí)間內(nèi)找出網(wǎng)頁重點(diǎn)信息,并對(duì)網(wǎng)頁的設(shè)計(jì)審美所震撼,從而增加用戶瀏覽網(wǎng)頁的時(shí)間。
2.2傳統(tǒng)風(fēng)格的網(wǎng)頁中的視覺欣賞心理〖HT〗在網(wǎng)頁的設(shè)計(jì)中,必須充分的考慮用戶在瀏覽時(shí)的欣賞心理情況和用戶的審美體驗(yàn)。在用戶對(duì)網(wǎng)頁進(jìn)行審美的時(shí)候,通常會(huì)對(duì)畫面所表達(dá)的視覺元素的形式產(chǎn)生一定的聯(lián)想,并和內(nèi)心的某種元素相連接,這就是用戶在對(duì)網(wǎng)頁進(jìn)行視覺欣賞時(shí)所產(chǎn)生的審美心理。尤其是頁面所呈現(xiàn)出來的流動(dòng)的線條,具有代表性的圖形形狀以及色彩的搭配調(diào)和,整個(gè)頁面布局的變化統(tǒng)一情況等都會(huì)在用戶心中產(chǎn)生一個(gè)主觀的心理因素,尤其是畫面中所表現(xiàn)出的情感和愿望以及用戶對(duì)于頁面的喜好都會(huì)直接流露出來[2]。而這些感受又會(huì)和用戶內(nèi)心的某種隱秘的情緒相結(jié)合,其具體的體現(xiàn)就在于用戶對(duì)于頁面的瀏覽時(shí)間以及對(duì)于頁面內(nèi)容的觀看情況。
2.3傳統(tǒng)風(fēng)格的網(wǎng)頁中的網(wǎng)頁內(nèi)涵
傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)不僅符合中國(guó)人的審美習(xí)慣,在設(shè)計(jì)的時(shí)候還會(huì)多加的考慮審美者的心理變化情況。在中國(guó)的水墨畫作中,流暢的線條和簡(jiǎn)約的描繪風(fēng)格再配上大面積的留白效果便制造出了其獨(dú)特的審美意境,且這些意境又將整個(gè)畫面的表達(dá)內(nèi)容給予了深刻的內(nèi)涵。這一國(guó)畫精粹也被充分的應(yīng)用在了網(wǎng)頁設(shè)計(jì)的編排之中。此處就以故宮博物館的網(wǎng)頁為例,在頁面中利用紅黑兩色作為主要色彩,表現(xiàn)其莊嚴(yán)肅穆之氣,更是其歷經(jīng)風(fēng)霜之氣。其整個(gè)畫面布局左右對(duì)稱,顯得隆重大氣,而局部又呈現(xiàn)出靈活多變的形式,不乏活力。整個(gè)網(wǎng)頁中建部分均為留白,而留白中又有了紅色的渲染,使得整個(gè)畫面氣勢(shì)磅礴有充滿了想象力。整個(gè)網(wǎng)頁中文字寥寥,只有“紫禁城”、“故宮博物院歡迎您”幾個(gè)醒目的大字,且字體硬朗,大氣恢弘。整個(gè)畫面呈現(xiàn)出莊嚴(yán)肅穆,讓人十分向往。這便是整個(gè)宣傳網(wǎng)頁所要達(dá)到的目的。
3.對(duì)于網(wǎng)頁設(shè)計(jì)中的視覺效果設(shè)計(jì)時(shí)的建議
3.1網(wǎng)頁設(shè)計(jì)中的空間安排
留白,是傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)中最為常用的表達(dá)方式。它能夠給讀者留下足夠的想象和理解的空間。通常頁面中的圖形和文字的編排一定要大小合適,其中右邊的文字要相對(duì)較少,可以使用小號(hào)的字將文字放在右下方,使其上方大面積留白,而但文字和圖片較為重要的時(shí)候,可以將其微微上靠一些,這樣可以占用較多空間其更為醒目具有強(qiáng)調(diào)作用。此時(shí)的整個(gè)畫面因?yàn)榱舭缀途幣攀沟卯嬅媪鲿掣挥泄?jié)奏[3]。
3.2網(wǎng)頁設(shè)計(jì)中的形象塑造
形象塑造主要是一些傳統(tǒng)風(fēng)格的形象的表達(dá),例如書法,其行云流水的筆墨,不僅能夠充分的展現(xiàn)出畫面的流動(dòng)飄逸之感,更隱含了其獨(dú)特的韻味。而如果是小篆、楷體等字體的書法寫作,則顯得莊嚴(yán)肅穆,此刻配合篆刻則顯得正式莊重。除了書法還有很多例如古琴、臉譜、年畫、剪紙、皮影等諸多傳統(tǒng)元素都可以生動(dòng)細(xì)膩的刻畫網(wǎng)頁中的形象。這樣的形象不僅傳遞了網(wǎng)頁的設(shè)計(jì)理念更是表現(xiàn)了對(duì)民族文化的傳承。
3.3網(wǎng)頁設(shè)計(jì)中的色彩運(yùn)用在上文中以故宮博物館的網(wǎng)頁為例時(shí)就曾談到其所使用的紅黑二色的調(diào)配,顯示出其莊嚴(yán)肅殺之氣,使得整個(gè)畫面大氣磅礴。網(wǎng)頁設(shè)計(jì)的主色調(diào)就是確定了整個(gè)網(wǎng)頁的視覺重心,表達(dá)了其網(wǎng)頁的風(fēng)格和主題[2]。傳統(tǒng)風(fēng)格的網(wǎng)頁設(shè)計(jì)中,對(duì)于網(wǎng)頁的背景顏色的調(diào)和更為注重,合適的背景顏色不僅能夠緩解主色調(diào)所帶來的視覺疲勞還能夠有效的渲染烘托畫面主題。在設(shè)計(jì)中,往往會(huì)將畫面主色彩和墨色相互交合渲染,從而使其具有更為濃重的文化氛圍,在上述的例子中,其留白部分便是主色彩紅色和墨色的渲染,使得整個(gè)畫面更具有神秘感,令人向往。
(作者單位:西華師范大學(xué)計(jì)算機(jī)學(xué)院)
參考文獻(xiàn)
[1]賀盈.網(wǎng)頁設(shè)計(jì)中視覺藝術(shù)表現(xiàn)方法初探[J]. 重慶文理學(xué)院學(xué)報(bào)(自然科學(xué)版). 2006(03)