網站設計的藝術處理原則
海南中立科技 | 2011-12-02 00:03:12 | 閱讀:13444
主頁的設計主要是網頁設計軟件的操作與技術應用的問題。但是,要使主頁設計、制作得漂亮,必然離不開對主頁進行藝術的加工和處理,這就要涉及到美術的一些基本常識。本文將介紹一些主頁設計中經常涉及到的藝術處理原則,供各位在進行主頁制作的時候參考。一、風格定位主頁的美化首先要考慮風格的定位。任何主頁都要根據主題的內容決定其風格與形式,因為只有形式與內容的完美統一,才能達到理想的宣傳效果。目前主頁的應用范圍日益擴大,幾乎包括了所有的行業,林林總總,包羅萬象,但歸納起來大體有這么幾個大類:新聞機構、zf機關、科教文化、娛樂藝術、電子商務、網絡中心等。對于不同性質的行業,應體現出不同的主頁風格,就像穿著打扮,應依不同的性別以及年齡層次而異一樣。例如:zf部門的主頁風格一般應比較莊重,而娛樂行業則可以活潑生動一些;文化教育部門的主頁風格應該高雅大方,而商務主頁則可以貼近民俗,使大眾喜聞樂見。主頁風格的形成主要依賴于主頁的版式設計,依賴于頁面的色調處理,還有圖片與文字的組合形式等。這些問題看似簡單,但往往需要主頁的設計和制作者具有一定的美術素質和修養。還有,動畫效果也不宜在主頁設計中濫用,特別是一些內容比較嚴肅的主頁。主頁畢竟主要依靠文字和圖片來傳播信息,它不是動畫片,更不是電視或電影。至于在主頁中適當鏈接一些影視作品,那是另外一回事。二、版面編排主頁的設計首先涉及到的是頁面的版面編排問題!鞍婷婢幣拧睂嶋H上就是中國古代畫論中的“經營位置”。主頁作為一種版面,既有文字,又有圖片。文字有大有小,還有標題和正文之分;圖片也有大小,而且有橫有豎之別。圖片和文字都需要同時展示給觀眾,總不能簡單地羅列在一個頁面上,這樣往往會搞得雜亂無章。因此必須根據內容的需要,將這些圖片和文字按照一定的次序進行合理的編排和布局,使它們組成一個有機的整體,展現給廣大的觀眾?梢砸罁缦聨讞l來做:1、主次分明,中心突出。在一個頁面上,必然考慮視覺的中心,這個中心一般在屏幕的中央,或者在中間偏上的部位。因此,一些重要的文章和圖片一般可以安排在這個部位,在視覺中心以外的地方就可以安排那些稍微次要的內容,這樣在頁面上就突出了重點,做到了主次有別。2、大小搭配,相互呼應。較長的文章或標題,不要編排在一起,要有一定的距離,同樣,較短的文章,也不能編排在一起。對待圖片的安排也是這樣,要互相錯開,造成大小之間有一定的間隔,這樣可以使頁面錯落有致,避免重心的偏離。3、圖文并茂,相得益彰。文字和圖片具有一種相互補充的視覺關系,頁面上文字太多,就顯得沉悶,缺乏生氣。頁面上圖片太多,缺少文字,必然就會減少頁面的信息容量。因此,最理想的效果是文字與圖片的密切配合,互為襯托,既能活躍頁面,又使主頁有豐富的內容。三、線條和形狀文字、標題、圖片等的組合,會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合,構成了主頁的總體藝術效果。必須注意藝術地搭配好這些線條和形狀,才能增強頁面的藝術魅力。1、直線(矩形)的應用。直線條的藝術效果是流暢、挺拔、規矩、整齊,所謂有輪有廓。直線和矩形在頁面上的重復組合可以呈現井井有條、涇渭分明的視覺效果。一般應用于比較莊重、嚴肅的主頁題材。2、曲線(弧形)的應用。曲線的效果是流動、活躍,具有動感。曲線和弧形在頁面上的重復組合可以呈現流暢、輕快,富有活力的視覺效果。一般應用于青春、活潑的主頁題材。3、曲、直線(矩形、弧形)的綜合應用。把以上兩種線條和形狀結合起來運用,可以大大豐富主頁的表現力,使頁面呈現更加豐富多彩的藝術效果。這種形式的主頁,適應的范圍更大,各種主題的主頁都可以應用。但是,在頁面的編排處理上,難度也會相應大一些,處理得不好會產生凌亂的效果。最簡單的途徑是,在一個頁面上以一種線條(形狀)為主,只在局部的范圍內適當用一些其它線條(形狀)。四、色彩處理色彩是人的視覺最敏感的東西。主頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應用原則應該是“總體協調,局部對比”,也就是:主頁的整體色彩效果應該是和諧的,只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上,可以根據主頁內容的需要,分別采用不同的主色調。因為色彩具有象征性,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業的標志色,例如:軍警的橄欖綠,醫療衛生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進、退的效果等。另外,色彩還有民族性,各個民族由于環境、文化、傳統等因素的影響,對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性,可以使我們的主頁具有深刻的藝術內涵,從而提升主頁的文化品位。vartagarray=['設計','平面設計','裝飾設計','包裝設計','標志設計','視覺','色彩','品牌','家裝設計','畫冊設計','施工圖','標志','酒店設計','廣告','廣告設計','文字','創意','商標','包裝','建筑動畫','每周一星','vi設計','字體','LOGO','家裝效果圖','裝飾效果圖','深圳設計師網絡展','效果','平面','設計理論','空間','字體設計','作品','LOGO設計','藝術','專賣店設計','畫冊','深圳','品牌知識','建筑表現','廣場設計','企業形象','矢量','花紋','招聘','原創','商標設計','形象設計','印刷','矢量素材','基礎','技巧','封面','創意設計','裝飾表現','鳥瞰圖','華清設計','時尚','網頁設計','海報設計','布局','視覺設計','背景','素材','構圖','封面設計','效果圖','海報','文字設計','時代','名片設計','景觀表現','建筑效果圖','欣賞','原則','水路圖','風格','包裝,紙盒','郵政','網站設計','CI設計','視覺傳達設計','雜志','有事您說話','正非設計','品牌設計','圖案','室內設計','宣傳冊設計','設計公司','動畫','web3d','webmax','職位搜索','論壇','公司','設計理念','玻璃','湘子','湘子簽名設計'];vartagencarray=['%C9%E8%BC%C6','%C6%BD%C3%E6%C9%E8%BC%C6','%D7%B0%CA%CE%C9%E8%BC%C6','%B0%FC%D7%B0%C9%E8%BC%C6','%B1%EA%D6%BE%C9%E8%BC%C6','%CA%D3%BE%F5','%C9%AB%B2%CA','%C6%B7%C5%C6','%BC%D2%D7%B0%C9%E8%BC%C6','%BB%AD%B2%E1%C9%E8%BC%C6','%CA%A9%B9%A4%CD%BC','%B1%EA%D6%BE','%BE%C6%B5%EA%C9%E8%BC%C6','%B9%E3%B8%E6','%B9%E3%B8%E6%C9%E8%BC%C6','%CE%C4%D7%D6','%B4%B4%D2%E2','%C9%CC%B1%EA','%B0%FC%D7%B0','%BD%A8%D6%FE%B6%AF%BB%AD','%C3%BF%D6%DC%D2%BB%D0%C7','vi%C9%E8%BC%C6','%D7%D6%CC%E5','LOGO','%BC%D2%D7%B0%D0%A7%B9%FB%CD%BC','%D7%B0%CA%CE%D0%A7%B9%FB%CD%BC','%C9%EE%DB%DA%C9%E8%BC%C6%CA%A6%CD%F8%C2%E7%D5%B9','%D0%A7%B9%FB','%C6%BD%C3%E6','%C9%E8%BC%C6%C0%ED%C2%DB','%BF%D5%BC%E4','%D7%D6%CC%E5%C9%E8%BC%C6','%D7%F7%C6%B7','LOGO%C9%E8%BC%C6','%D2%D5%CA%F5','%D7%A8%C2%F4%B5%EA%C9%E8%BC%C6','%BB%AD%B2%E1','%C9%EE%DB%DA','%C6%B7%C5%C6%D6%AA%CA%B6','%BD%A8%D6%FE%B1%ED%CF%D6','%B9%E3%B3%A1%C9%E8%BC%C6','%C6%F3%D2%B5%D0%CE%CF%F3','%CA%B8%C1%BF','%BB%A8%CE%C6','%D5%D0%C6%B8','%D4%AD%B4%B4','%C9%CC%B1%EA%C9%E8%BC%C6','%D0%CE%CF%F3%C9%E8%BC%C6','%D3%A1%CB%A2','%CA%B8%C1%BF%CB%D8%B2%C4','%BB%F9%B4%A1','%BC%BC%C7%C9','%B7%E2%C3%E6','%B4%B4%D2%E2%C9%E8%BC%C6','%D7%B0%CA%CE%B1%ED%CF%D6','%C4%F1%EE%AB%CD%BC','%BB%AA%C7%E5%C9%E8%BC%C6','%CA%B1%C9%D0','%CD%F8%D2%B3%C9%E8%BC%C6','%BA%A3%B1%A8%C9%E8%BC%C6','%B2%BC%BE%D6','%CA%D3%BE%F5%C9%E8%BC%C6','%B1%B3%BE%B0','%CB%D8%B2%C4','%B9%B9%CD%BC','%B7%E2%C3%E6%C9%E8%BC%C6','%D0%A7%B9%FB%CD%BC','%BA%A3%B1%A8','%CE%C4%D7%D6%C9%E8%BC%C6','%CA%B1%B4%FA','%C3%FB%C6%AC%C9%E8%BC%C6','%BE%B0%B9%DB%B1%ED%CF%D6','%BD%A8%D6%FE%D0%A7%B9%FB%CD%BC','%D0%C0%C9%CD','%D4%AD%D4%F2','%CB%AE%C2%B7%CD%BC','%B7%E7%B8%F1','%B0%FC%D7%B0%A3%AC%D6%BD%BA%D0','%D3%CA%D5%FE','%CD%F8%D5%BE%C9%E8%BC%C6','CI%C9%E8%BC%C6','%CA%D3%BE%F5%B4%AB%B4%EF%C9%E8%BC%C6','%D4%D3%D6%BE','%D3%D0%CA%C2%C4%FA%CB%B5%BB%B0','%D5%FD%B7%C7%C9%E8%BC%C6','%C6%B7%C5%C6%C9%E8%BC%C6','%CD%BC%B0%B8','%CA%D2%C4%DA%C9%E8%BC%C6','%D0%FB%B4%AB%B2%E1%C9%E8%BC%C6','%C9%E8%BC%C6%B9%AB%CB%BE','%B6%AF%BB%AD','web3d','webmax','%D6%B0%CE%BB%CB%D1%CB%F7','%C2%DB%CC%B3','%B9%AB%CB%BE','%C9%E8%BC%C6%C0%ED%C4%EE','%B2%A3%C1%A7','%CF%E6%D7%D3','%CF%E6%D7%D3%C7%A9%C3%FB%C9%E8%BC%C6'];parsetag();
