現(xiàn)在,在一般人的眼中,"網(wǎng)站"幾乎就代表著"互聯(lián)網(wǎng)",網(wǎng)站本身的價值正在被人們不斷的發(fā)現(xiàn),不斷的認可,"如何設計一個成功的網(wǎng)站?"是現(xiàn)在越來越多的網(wǎng)頁設計人員所一直思考、關注的問題。設計網(wǎng)站需要考慮的因素非常之多,從前期的網(wǎng)站開始時的定位、設定網(wǎng)站框架、整理資料,到具體制作中的設計環(huán)節(jié),再到*的調(diào)試、發(fā)布、宣傳過程這是一個環(huán)環(huán)相扣的過程。
一、 網(wǎng)站的整體風格和創(chuàng)意設計
網(wǎng)站的整體風格及其創(chuàng)意設計是最難的。難就難在沒有一個固定的程式可以參照和模仿。給你一個主題,任何兩人都不可能設計出完全一樣的網(wǎng)站。
(一)、風格是什么,如何樹立網(wǎng)站風格?
風格(style)是抽象的。是指站點的整體形象給瀏覽者的綜合感受。這個“整體形象”包括站點的CI(標志,色彩,字體,標語),版面布局,瀏覽方式,交互性,文字,語氣,內(nèi)容價值,存在意義,站點榮譽等等諸多因素。舉個例子:我們覺得網(wǎng)易是平易近人的,迪斯尼是生動活潑的,IBM是專業(yè)嚴肅的。這些都是網(wǎng)站給人們留下的不同感受。
風格是獨特的,是站點不同與其他網(wǎng)站的地方?;蛘呱?,或者技術,或者是交互方式,能讓瀏覽者明確分辨出這是你的網(wǎng)站獨有的。
風格是有人性的。通過網(wǎng)站的外表,內(nèi)容,文字,交流可以概括出一個站點的個性,情緒。風格的形成不是一次定位的,你可以在實踐中不斷強化,調(diào)整,修飾,直到有一天,網(wǎng)友們寫信告訴你:"我喜歡你的站點,因為它很有風格!"
(二)、創(chuàng)意是什么,如何產(chǎn)生創(chuàng)意?
創(chuàng)意(idea)是網(wǎng)站生存的關鍵。這一點相信大家都已經(jīng)認同。然而作為網(wǎng)頁設計師, 最苦惱的就是沒有好的創(chuàng)意來源。
創(chuàng)意到底是什么,如何產(chǎn)生創(chuàng)意呢?
創(chuàng)意是引人入勝,精彩萬分,出奇不意的;創(chuàng)意是捕捉出來的點子,是創(chuàng)作出來的奇招....這些講法都說出了創(chuàng)意的一些特點
根據(jù)美國廣告學教授詹姆斯的研究,創(chuàng)意思考的過程分五階段:
1.準備期--研究所搜集的資料,根據(jù)舊經(jīng)驗,啟發(fā)新創(chuàng)意;
2.孵化期--將資料咀嚼消化,使意識自由發(fā)展,任意結合;
3.啟示期--意識發(fā)展并結合,產(chǎn)生創(chuàng)意;
4.驗證期--將產(chǎn)生的創(chuàng)意討論修正;
5.形成期--設計制作網(wǎng)頁,將創(chuàng)意具體化。
需要一提的是:創(chuàng)意的目的是更好的宣傳推廣網(wǎng)站。如果創(chuàng)意很好,卻對網(wǎng)站發(fā)展毫無意義,那么,我們寧可放棄這個創(chuàng)意!
二、主頁的藝術處理
主頁的設計主要是網(wǎng)頁設計軟件的操作與技術應用的問題。但是,要使主頁設計、制作得漂亮,必然離不開對主頁進行藝術的加工和處理,這就要涉及到美術的一些基本常識。
(一)、風格定位
主頁的美化首先要考慮風格的定位。任何主頁都要根據(jù)主題的內(nèi)容決定其風格與形式,因為只有形式與內(nèi)容的完美統(tǒng)一,才能達到理想的宣傳效果。目前主頁的應用范圍日益擴大,幾乎包括了所有的行業(yè),但歸納起來大體有這么幾個大類:新聞機構、*機關、科教文化、娛樂藝術、電子商務、網(wǎng)絡中心等。對于不同性質的行業(yè),應體現(xiàn)出不同的主頁風格。例如:**的主頁風格一般應比較莊重,而娛樂行業(yè)則可以活潑生動一些;文化教育*的主頁風格應該高雅大方,而商務主頁則可以貼近民俗,使大眾喜聞樂見。
主頁風格的形成主要依賴于主頁的版式設計,依賴于頁面的色調(diào)處理,還有圖片與文字的組合形式等。這些問題看似簡單,但往往需要主頁的設計和制作者具有一定的美術素質和修養(yǎng)。
還有,動畫效果也不宜在主頁設計中濫用,特別是一些內(nèi)容比較嚴肅的主頁。主頁畢竟主要依靠文字和圖片來傳播信息,它不是動畫片,更不是電視或電影。
(二)、版面編排
主頁的設計首先涉及到的是頁面的版面編排問題。主頁作為一種版面,既有文字,又有圖片。文字有大有小,還有標題和正文之分;圖片也有大小,而且有橫有豎之別。圖片和文字都需要同時展示給觀眾,總不能簡單地羅列在一個頁面上,這樣往往會搞得雜亂無章。因此必須根據(jù)內(nèi)容的需要,將這些圖片和文字按照一定的次序進行合理的編排和布局,使它們組成一個有機的整體,展現(xiàn)給廣大的觀眾??梢砸罁?jù)如下幾條來做:
1.主次分明,中心突出。在一個頁面上,必然考慮視覺的中心,這個中心一般在屏幕的中央,或者在中間偏上的部位。因此,一些重要的文章和圖片一般可以安排在這個部位,在視覺中心以外的地方就可以安排那些稍微次要的內(nèi)容,這樣在頁面上就突出了重點,做到了主次有別。
2.大小搭配,相互呼應。較長的文章或標題,不要編排在一起,要有一定的距離,同樣,較短的文章,也不能編排在一起。對待圖片的安排也是這樣,要互相錯開,造成大小之間有一定的間隔,這樣可以使頁面錯落有致,避免重心的偏離。
3.圖文并茂,相得益彰。文字和圖片具有一種相互補充的視覺關系,頁面上文字太多,就顯得沉悶,缺乏生氣。頁面上圖片太多,缺少文字,必然就會減少頁面的信息容量。因此,最理想的效果是文字與圖片的密切配合,互為襯托,既能活躍頁面,又使主頁有豐富的內(nèi)容。
(三)、線條和形狀
文字、標題、圖片等的組合,會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合,構成了主頁的總體藝術效果。必須注意藝術地搭配好這些線條和形狀,才能增強頁面的藝術魅力。
1.直線(矩形)的應用。直線條的藝術效果是流暢、挺拔、規(guī)矩、整齊,所謂有輪有廓。直線和矩形在頁面上的重復組合可以呈現(xiàn)井井有條、涇渭分明的視覺效果。一般應用于比較莊重、嚴肅的主頁題材。
2.曲線(弧形)的應用。曲線的效果是流動、活躍,具有動感。曲線和弧形在頁面上的重復組合可以呈現(xiàn)流暢、輕快,富有活力的視覺效果。一般應用于青春、活潑的主頁題材。
3.曲、直線(矩形、弧形)的綜合應用。把以上兩種線條和形狀結合起來運用,可以大大豐富主頁的表現(xiàn)力,使頁面呈現(xiàn)更加豐富多彩的藝術效果。這種形式的主頁,適應的范圍更大,各種主題的主頁都可以應用。
(四)、色彩處理
色彩是人的視覺最敏感的東西。主頁的色彩處理得好,可以錦上添花,達到事半功倍的效果。色彩總的應用原則應該是“總體協(xié)調(diào),局部對比”,也就是:主頁的整體色彩效果應該是和諧的,只有局部的、小范圍的地方可以有一些強烈色彩的對比。在色彩的運用上,可以根據(jù)主頁內(nèi)容的需要,分別采用不同的主色調(diào)。因為色彩具有象征性,例如:嫩綠色、翠綠色、金黃色、灰褐色就可以分別象征著春、夏、秋、冬。其次還有職業(yè)的標志色,例如:軍警的橄欖綠,醫(yī)療衛(wèi)生的白色等。色彩還具有明顯的心理感覺,例如冷、暖的感覺,進、退的效果等。充分運用色彩的這些特性,可以使我們的主頁具有深刻的藝術內(nèi)涵,從而提升主頁的文化品位。
*,還要考慮主頁底色(背景色)的深、淺。有些主頁,底色是黑的,但文字也選用了較深的色彩,由于色彩的明度比較接近,讀者在閱覽時,眼睛就會感覺很吃力,影響了閱讀效果。當然,色彩的明度也不能變化太大,否則屏幕上的亮度反差太強,同樣也會使讀者的眼睛受不了。
三、網(wǎng)頁的色彩
網(wǎng)頁的色彩是樹立網(wǎng)站形象的關鍵之一,色彩搭配卻是網(wǎng)友們感到頭疼的問題。網(wǎng)頁的背景,文字,圖標,邊框,超鏈接...,應該采用什么樣的色彩,應該搭配什么色彩才能*的表達出預想的內(nèi)涵呢?
網(wǎng)頁制作用彩色還是非彩色好呢?根據(jù)專業(yè)的研究機構研究表明:彩色的記憶效果是黑白的3.5倍。也就是說,在一般情況下,彩色頁面較完全黑白頁面更加吸引人。
我們通常的做法是:主要內(nèi)容文字用非彩色(黑色),邊框,背景,圖片用彩色。這樣頁面整體不單調(diào),看主要內(nèi)容也不會眼花。
非彩色的搭配: 黑白是最基本和最簡單的搭配,白字黑底,黑底白字都非常清晰明了?;疑侨f能色,可以和任何彩色搭配,也可以幫助兩種對立的色彩和諧過渡。如果你實在找不出合適的色彩,那么用灰色試試,效果絕對不會太差。
(一)、色彩的心理感覺。
不同的顏色會給瀏覽者不同的心理感受。
紅色---是一種激奮的色彩。刺激效果,能使人產(chǎn)生沖動,憤怒,熱情,活力的感覺。
綠色---介于冷暖兩中色彩的中間,顯得和睦,寧靜,健康,安全的感覺。 它和金黃,淡白搭配,可以產(chǎn)生優(yōu)雅,舒適的氣氛。
橙色---也是一種激奮的色彩,具有輕快,歡欣,熱烈,溫馨,時尚的效果。
黃色---具有快樂,希望,智慧和輕快的個性,它的明度*。
藍色---是*涼爽,清新,專業(yè)的色彩。它和白色混合,能體現(xiàn)柔順,淡雅,浪漫的氣氛(象天空的色彩:)
白色---具有潔白,明快,純真,清潔的感受。
黑色---具有深沉,神秘,寂靜,悲哀,壓抑的感受。
灰色---具有中庸,平凡,溫和,謙讓,中立和高雅的感覺。
每種色彩在飽和度,透明度上略微變化就會產(chǎn)生不同的感覺。以綠色為例,黃綠色有青春,旺盛的視覺意境,而藍綠色則顯得幽寧,陰深。
(二)、網(wǎng)頁色彩搭配的原理
1.色彩的鮮明性。網(wǎng)頁的色彩要鮮艷,容易引人注目。
2.色彩的獨特性。要有與眾不同的色彩,使得大家對你的印象強烈。
3.色彩的合適性。就是說色彩和你表達的內(nèi)容氣氛相適合。如用粉色體現(xiàn)女性站點的柔性。
4.色彩的聯(lián)想性。不同色彩會產(chǎn)生不同的聯(lián)想,藍色想到天空,黑色想到黑夜,紅色想到喜事等,選擇色彩要和你網(wǎng)頁的內(nèi)涵相關聯(lián)。
(三)、網(wǎng)頁色彩掌握的過程
隨著網(wǎng)頁制作經(jīng)驗的積累,我們用色有這樣的一個趨勢:單色->五彩繽紛->標準色->單色。一開始因為技術和知識缺乏,只能制作出簡單的網(wǎng)頁,色彩單一;在有一定基礎和材料后,希望制作一個漂亮的網(wǎng)頁,將自己收集的*的圖片,最滿意色彩堆砌在頁面上;但是時間一長,卻發(fā)現(xiàn)色彩雜亂,沒有個性和風格;第三次重新定位自己的網(wǎng)站,選擇好切合自己的色彩,推出的站點往往比較成功;當*設計理念和技術達到頂峰時,則又返樸歸真,用單一色彩甚至非彩色就可以設計出簡潔精美的站點。
(四)、網(wǎng)頁色彩搭配的技巧
1.用一種色彩。這里是指先選定一種色彩,然后調(diào)整透明度或者飽和度,(說得通俗些就是將 色彩變淡或則加深),產(chǎn)生新的色彩,用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一,有層次感。
2.用兩種色彩。先選定一種色彩,然后選擇它的對比色,整個頁面色彩豐富但不花稍。
3.用一個色系。簡單的說就是用一個感覺的色彩,例如淡藍,淡黃,淡綠;或者土黃,土灰,土藍。確定色彩的方法各人不同,
4.用黑色和一種彩色。比如大紅的字體配黑色的邊框感覺很"跳"。
注意在網(wǎng)頁配色中,忌諱的是:
1.不要將所有顏色都用到,盡量控制在三種色彩以內(nèi)。
2.背景和前文的對比盡量要大,(絕對不要用花紋繁復的圖案作背景),以便突出主要文字內(nèi)容。
四、設計網(wǎng)站的標志(logo)
一個網(wǎng)站的標志(logo)。就如同商標一樣,logo是你站點特色和內(nèi)涵的集中體現(xiàn),看見logo就讓大家聯(lián)想起你的站點。標志可以是中文,英文字母,可以是符號,圖案,可以是動物或者人物等等。比如:soim是用soim的英文作為標志,新浪用字母sina+眼睛作為標志。標志的設計創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容。
(1).網(wǎng)站有代表性的人物,動物,花草,可以用它們作為設計的藍本,加以卡通化和藝術化,例如迪斯尼的米老鼠,搜狐的卡通狐貍,鯊威體壇的籃球鯊魚。
(2).網(wǎng)站有專業(yè)性的,可以以本專業(yè)有代表的物品作為標志。比如*銀行的銅板標志,奔馳汽車的方向盤標志。
(3).最常用和最簡單的方式是用自己網(wǎng)站的英文名稱作標志。采用不同的字體,字母的變形,字母的組合可以很容易制作好自己的標志。
五、網(wǎng)頁設計人員的風格
作為一個在網(wǎng)絡環(huán)境下的設計人員應該怎樣利用自己的設計來滿足人們的需求,迎合他們的要求,同時如何保持自己的風格,使自己真正作為一個倡導潮流的人。
網(wǎng)頁人員的風格就是在運用自己的所擁有的手段,包括所擁有的審美的素質、應用軟件的能力、以及感受生活的敏銳的覺察力,來建立起自己獨特的設計形式、獨特的作風。首先來說他的這種風格不能背離人們的現(xiàn)實太遠,這個現(xiàn)實就是人們習慣了的網(wǎng)頁的布局,雖然可能經(jīng)過長期的努力可能會使這種局面得以改觀,但是在目前的情況下如果一味的求自己的風格就會嚴重的脫離用戶要一步一步的將自己的風格反映出來,不能脫離人們的現(xiàn)實太遠。當然由于自己的習慣、修養(yǎng)以及其它的因素的作用,這個風格體現(xiàn)的方式大相徑庭
享譽世界的德國廣告設計大師岡特`蘭堡說過“一名設計師的作品停在一個水平及風格上不變化,那就是死亡”。平面設計如此,在網(wǎng)頁設計上同樣如此, 一個網(wǎng)頁設計師沒有自己的風格是很可悲的,因為這樣他永遠就只能是在一個低水平的層次上徘徊,或者只是拾人牙慧。永遠都沒有自己的東西融入到網(wǎng)頁設計中,成就不了好的成績,只有在不斷的探索和實踐中總結經(jīng)驗,提高自己的同時樹立起自己的獨特的設計理念,才能夠形成自己的風格,開辟出網(wǎng)頁設計的新天地。同時也要不斷的在形成自己的風格的同時,嘗試一些不同的風格,尋求突破,“不破不立”,只有不斷的嘗試,因為只有不斷的豐富自己的同時,才有機會贏得這種嘗試的成功。經(jīng)常有意識的這樣去實踐,就有可能達到自己的設計的新境界!