建站常識(shí)
網(wǎng)頁(yè)設(shè)計(jì)的藝術(shù)處理原則
2006-01-06 21:54:00
一、風(fēng)格定位
網(wǎng)頁(yè)的美化首先要考慮風(fēng)格的定位。任何網(wǎng)頁(yè)都要根據(jù)主題的內(nèi)容決定其風(fēng)格與形式,因?yàn)橹挥行问脚c內(nèi)容的完美統(tǒng)一,才能達(dá)到理想的宣傳效果。目前網(wǎng)頁(yè)的應(yīng)用范圍日益擴(kuò)大,幾乎包括了所有的行業(yè),林林總總,包羅萬(wàn)象,但歸納起來(lái)大體有這么幾個(gè)大類(lèi):新聞機(jī)構(gòu)、政府機(jī)關(guān)、科教文化、娛樂(lè)藝術(shù)、電子商務(wù)、網(wǎng)絡(luò)中心等。對(duì)于不同性質(zhì)的行業(yè),應(yīng)體現(xiàn)出不同的主頁(yè)風(fēng)格,就像穿著打扮,應(yīng)依不同的性別以及年齡層次而異一樣。例如:政府部門(mén)的主頁(yè)風(fēng)格一般應(yīng)比較莊重,而娛樂(lè)行業(yè)則可以活潑生動(dòng)一些;文化教育部門(mén)的主頁(yè)風(fēng)格應(yīng)該高雅大方,而商務(wù)主頁(yè)則可以貼近民俗,使大眾喜聞樂(lè)見(jiàn)。
網(wǎng)頁(yè)風(fēng)格的形成主要依賴(lài)于網(wǎng)頁(yè)的版式設(shè)計(jì),依賴(lài)于頁(yè)面的色調(diào)處理,還有圖片與文字的組合形式等。這些問(wèn)題看似簡(jiǎn)單,但往往需要網(wǎng)頁(yè)的設(shè)計(jì)和制作者具有一定的美術(shù)素質(zhì)和修養(yǎng)。還有,動(dòng)畫(huà)效果也不宜在網(wǎng)頁(yè)設(shè)計(jì)中濫用,特別是一些內(nèi)容比較嚴(yán)肅的主頁(yè)。網(wǎng)頁(yè)畢竟主要依靠文字和圖片來(lái)傳播信息,它不是動(dòng)畫(huà)片,更不是電視或電影。至于在網(wǎng)頁(yè)中適當(dāng)鏈接一些影視作品,那是另外一回事。
二、版面編排
網(wǎng)頁(yè)的設(shè)計(jì)首先涉及到的是頁(yè)面的版面編排問(wèn)題。“版面編排”實(shí)際上就是中國(guó)古代畫(huà)論中的“經(jīng)營(yíng)位置”。網(wǎng)頁(yè)作為一種版面,既有文字,又有圖片。文字有大有小,還有標(biāo)題和正文之分;圖片也有大小,而且有橫有豎之別。圖片和文字都需要同時(shí)展示給觀眾,總不能簡(jiǎn)單地羅列在一個(gè)頁(yè)面上,這樣往往會(huì)搞得雜亂無(wú)章。因此必須根據(jù)內(nèi)容的需要,將這些圖片和文字按照一定的次序進(jìn)行合理的編排和布局,使它們組成一個(gè)有機(jī)的整體,展現(xiàn)給廣大的觀眾??梢砸罁?jù)如下幾條來(lái)做:
1.主次分明,中心突出。在一個(gè)頁(yè)面上,必然考慮視覺(jué)的中心,這個(gè)中心一般在屏幕的中央,或者在中間偏上的部位。因此,一些重要的文章和圖片一般可以安排在這個(gè)部位,在視覺(jué)中心以外的地方就可以安排那些稍微次要的內(nèi)容,這樣在頁(yè)面上就突出了重點(diǎn),做到了主次有別。
2.大小搭配,相互呼應(yīng)。較長(zhǎng)的文章或標(biāo)題,不要編排在一起,要有一定的距離,同樣,較短的文章,也不能編排在一起。對(duì)待圖片的安排也是這樣,要互相錯(cuò)開(kāi),造成大小之間有一定的間隔,這樣可以使頁(yè)面錯(cuò)落有致,避免重心的偏離。
3.圖文并茂,相得益彰。文字和圖片具有一種相互補(bǔ)充的視覺(jué)關(guān)系,頁(yè)面上文字太多,就顯得沉悶,缺乏生氣。頁(yè)面上圖片太多,缺少文字,必然就會(huì)減少頁(yè)面的信息容量。因此,最理想的效果是文字與圖片的密切配合,互為襯托,既能活躍頁(yè)面,又使主頁(yè)有豐富的內(nèi)容。
三、線(xiàn)條和形狀
文字、標(biāo)題、圖片等的組合,會(huì)在頁(yè)面上形成各種各樣的線(xiàn)條和形狀。這些線(xiàn)條與形狀的組合,構(gòu)成了主頁(yè)的總體藝術(shù)效果。必須注意藝術(shù)地搭配好這些線(xiàn)條和形狀,才能增強(qiáng)頁(yè)面的藝術(shù)魅力。
1.直線(xiàn)(矩形)的應(yīng)用。直線(xiàn)條的藝術(shù)效果是流暢、挺拔、規(guī)矩、整齊,所謂有輪有廓。直線(xiàn)和矩形在頁(yè)面上的重復(fù)組合可以呈現(xiàn)井井有條、涇渭分明的視覺(jué)效果。一般應(yīng)用于比較莊重、嚴(yán)肅的主頁(yè)題材。
2.曲線(xiàn)(弧形)的應(yīng)用。曲線(xiàn)的效果是流動(dòng)、活躍,具有動(dòng)感。曲線(xiàn)和弧形在頁(yè)面上的重復(fù)組合可以呈現(xiàn)流暢、輕快,富有活力的視覺(jué)效果。一般應(yīng)用于青春、活潑的主頁(yè)題材。
3.曲、直線(xiàn)(矩形、弧形)的綜合應(yīng)用。把以上兩種線(xiàn)條和形狀結(jié)合起來(lái)運(yùn)用,可以大大豐富主頁(yè)的表現(xiàn)力,使頁(yè)面呈現(xiàn)更加豐富多彩的藝術(shù)效果。這種形式的主頁(yè),適應(yīng)的范圍更大,各種主題的主頁(yè)都可以應(yīng)用。但是,在頁(yè)面的編排處理上,難度也會(huì)相應(yīng)大一些,處理得不好會(huì)產(chǎn)生凌亂的效果。最簡(jiǎn)單的途徑是,在一個(gè)頁(yè)面上以一種線(xiàn)條(形狀)為主,只在局部的范圍內(nèi)適當(dāng)用一些其它線(xiàn)條(形狀)。
四、色彩處理
色彩是人的視覺(jué)最敏感的東西。網(wǎng)頁(yè)的色彩處理得好,可以錦上添花,達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào),局部對(duì)比”,也就是:網(wǎng)頁(yè)的整體色彩效果應(yīng)該是和諧的,只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。在色彩的運(yùn)用上,可以根據(jù)網(wǎng)頁(yè)內(nèi)容的需要,分別采用不同的主色調(diào)。因?yàn)樯示哂邢笳餍?,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標(biāo)志色,例如:軍警的橄欖綠,醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺(jué),例如冷、暖的感覺(jué),進(jìn)、退的效果等。另外,色彩還有民族性,各個(gè)民族由于環(huán)境、文化、傳統(tǒng)等因素的影響,對(duì)于色彩的喜好也存在著較大的差異。充分運(yùn)用色彩的這些特性,可以使我們的網(wǎng)頁(yè)具有深刻的藝術(shù)內(nèi)涵,從而提升主頁(yè)的文化品位。
下面介紹幾種常用的配色方案:
1.暖色調(diào)。即紅色、橙色、黃色、赭色等色彩的搭配。這種色調(diào)的運(yùn)用,可使主頁(yè)呈現(xiàn)溫馨、和煦、熱情的氛圍。
2.冷色調(diào)。即青色、綠色、紫色等色彩的搭配。這種色調(diào)的運(yùn)用,可使主頁(yè)呈現(xiàn)寧?kù)o、清涼、高雅的氛圍。
3.對(duì)比色調(diào)。即把色性完全相反的色彩搭配在同一個(gè)空間里。例如:紅與綠、黃與紫、橙與藍(lán)等。這種色彩的搭配,可以產(chǎn)生強(qiáng)烈的視覺(jué)效果,給人亮麗、鮮艷、喜慶的感覺(jué)。當(dāng)然,對(duì)比色調(diào)如果用得不好,會(huì)適得其反,產(chǎn)生俗氣、刺眼的不良效果。這就要把握“大調(diào)和,小對(duì)比”這一個(gè)重要原則,即總體的色調(diào)應(yīng)該是統(tǒng)一和諧的,局部的地方可以有一些小的強(qiáng)烈對(duì)比。
最后,還要考慮網(wǎng)頁(yè)底色(背景色)的深、淺。這里借用攝影中的一個(gè)術(shù)語(yǔ),就是“高調(diào)”和“低調(diào)”。底色淺的稱(chēng)為高調(diào);底色深的稱(chēng)為低調(diào)。底色深,文字的顏色就要淺,以深色的背景襯托淺色的內(nèi)容(文字或圖片);反之,底色淡的,文字的顏色就要深些,以淺色的背景襯托深色的內(nèi)容(文字或圖片)。這種深淺的變化在色彩學(xué)中稱(chēng)為“明度變化”。有些網(wǎng)頁(yè),底色是黑的,但文字也選用了較深的色彩,由于色彩的明度比較接近,讀者在閱覽時(shí),眼睛就會(huì)感覺(jué)很吃力,影響了閱讀效果。當(dāng)然,色彩的明度也不能變化太大,否則屏幕上的亮度反差太強(qiáng),同樣也會(huì)使讀者的眼睛受不了。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2007-12-04 17:23:00] 網(wǎng)站上的推薦信息怎么推才恰當(dāng)
- [2007-12-19 13:57:00] 活動(dòng)網(wǎng)站設(shè)計(jì)之北美故事
- [2007-05-19 17:42:00] 常見(jiàn)Web2_0網(wǎng)站配色
- [2010-02-24 09:00:00] 網(wǎng)站體驗(yàn)七武器
- [2010-06-21 22:36:00] 可用性在于細(xì)節(jié)
- [2009-07-15 08:03:00] 表單設(shè)計(jì)之基于選擇的輸入(9)
- [2009-07-16 14:43:00] 設(shè)計(jì)中的同理心
- [2016-09-08 14:22:00] iPhone 7中國(guó)下周上市!售5388元起:你能想到的最全匯總都在這!
- [2006-09-01 10:09:00] 使用預(yù)定義框架集為網(wǎng)頁(yè)添加框架
- [2007-10-24 16:27:00] 設(shè)計(jì)師決勝商界的十大金科玉律
- [2011-11-10 00:15:06] 視覺(jué)社交網(wǎng)站Pinterest崛起的秘密
- [2009-06-04 08:18:00] 微軟Bing交互設(shè)計(jì)與用戶(hù)體驗(yàn)
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
青島flash網(wǎng)站 微信營(yíng)銷(xiāo)的優(yōu)勢(shì) 網(wǎng)站設(shè)計(jì)趨勢(shì) 企業(yè)網(wǎng)站設(shè)計(jì) 青島抖音小程序開(kāi)發(fā) css 青島網(wǎng)站營(yíng)銷(xiāo) 網(wǎng)站設(shè)計(jì)資訊 互聯(lián)網(wǎng) 平面設(shè)計(jì) HTML5 IT資訊 視覺(jué)靈感 手機(jī)網(wǎng)站 英文網(wǎng)站建設(shè) 外貿(mào)網(wǎng)站設(shè)計(jì) 微網(wǎng)站 SEO優(yōu)化 青島好的網(wǎng)站優(yōu)化公司 微官網(wǎng)帶來(lái)的好處 青島網(wǎng)站設(shè)計(jì)哪家好 空白和簡(jiǎn)潔的設(shè)計(jì) 高端網(wǎng)站設(shè)計(jì) 網(wǎng)站制作 如何做網(wǎng)站優(yōu)化 搜索引擎 舒適的界面 青島SEO 集團(tuán)官網(wǎng) 審美