摘要: 在互聯(lián)網(wǎng)飛速發(fā)展的今天,互聯(lián)網(wǎng)已經(jīng)成為人們快速獲取、發(fā)布和傳遞信息的重要渠道,正以前所未有的影響影響著人類活動。網(wǎng)站設計越來越接近于成為一門藝術而不僅僅是一項技術。網(wǎng)頁設計中的特定字體、圖形、圖像、標志等往往表現(xiàn)為點、線、面、顏色、運動、主次等視覺因素,這些因素的不同運用會影響讀者的視覺習慣和心理變化。多媒體和動態(tài)網(wǎng)頁不斷地進入人們的視線。吸引瀏覽用戶的是一個視覺效果極佳、信息豐富、使用方便的網(wǎng)頁,因此網(wǎng)頁設計顯得尤為重要。一、網(wǎng)頁的布局
其實這需要具體情況具體分析:比如內容很大,就要考慮使用“國字號”或者角字;如果內容不是太多,說明性的東西比較多,可以考慮標題文字類型;這些框架結構的一個共同特點是瀏覽方便、速度快,但結構變化不靈活;如果是想展示企業(yè)形象的企業(yè)網(wǎng)站,或者想彰顯個人風采的個人主頁,封面是首選; Flash類型比較靈活一些,好的Flash極大的豐富了網(wǎng)頁,但是不能表達過多的文字信息。圖片頁面有大小不一,縱橫差異。圖片和文字都需要同時展示給觀眾,不能簡單的列在一頁上,否則會很亂。關于具體的網(wǎng)頁布局,常見的有“國”字型、邊角型、標題文字型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變量型等。關于它們,在網(wǎng)頁設計中有詳細的描述,可以在相關書籍或網(wǎng)上找到。因為只有不斷的改變,才會完善和豐富我們的網(wǎng)頁。二、網(wǎng)頁設計技巧
一個完美的主頁設計需要積累豐富的知識,掌握大量的技巧。
框架的使用
框架最常見的用途是導航。一組框架通常包括一個包含導航欄的框架和另一個顯示主要內容頁面的框架。
使用框架有以下優(yōu)點:訪問者的瀏覽器不需要為每個頁面重新加載與導航相關的圖形;每個框架都有自己的滾動條(如果內容太大,窗口放不下),因此訪問者可以獨立滾動這些框架。例如,當內容頁面的框架較長時,如果導航欄位于不同的框架中,則向下滾動到頁面底部的訪問者無需滾動回頂部即可使用導航欄。
使用框架有以下缺點:很難實現(xiàn)不同框架中元素的精確圖形對齊;測試導航可能很耗時。三、網(wǎng)頁藝術設計的原則
網(wǎng)頁作為傳播信息的載體,在設計上與報刊雜志等其他出版物有很多相似之處,也應遵循一些基本的設計原則。但是,由于表現(xiàn)形式、運行方式和社會功能的不同,網(wǎng)頁設計有其特殊的規(guī)律。網(wǎng)頁的藝術設計是技術與藝術的結合,內容與形式的統(tǒng)一。網(wǎng)頁設計的要素:
在一個網(wǎng)站中,最重要的頁面就是首頁,所以這里我們以首頁為例來說明網(wǎng)頁制作中的版面設計問題。從版式設計的角度來看,一個與眾不同的首頁必須包含文字、圖片、排版、主色四大要素。這四個要素相輔相成,缺一不可。
1.圖片元素
要設計一個漂亮的主頁,首先要成為計算機圖形專家,僅此一項就足以讓初學者花上一年半的時間。圖片的要求與頁面內容有關。對于一些隨意的主頁,比如股票、醫(yī)療網(wǎng)站,訪問者并不關心你能不能拍出精彩的圖片。有時他們覺得放置圖片會影響訪問速度。他們關心的恰恰相反,像一些靠圖片吸引訪問者的主頁,圖片是一個極其重要的元素。如果沒有合適的圖片,整個頁面都會黯然失色,這將是一個不完整的主頁。這就需要學習photoshop等圖形圖像處理軟件,還要有一定的美術基礎,比如審美和創(chuàng)作能力。
2.色彩元素
顏色在網(wǎng)頁中起著重要作用。搭配合理清新的色調,彌補首頁其他方面的不足。頁面的配色與網(wǎng)站的主題密不可分。一個網(wǎng)站必須有一種或兩種主題顏色。不會使觀者迷失方向而顯得單調。一般來說,頁面的正文盡量使用黑色等較深的顏色,與背景形成鮮明的對比,按鈕、邊框等要有顏色。
如果首頁的色彩處理得當,可以錦上添花,達到事半功倍的效果。色彩運用的總原則應該是“整體協(xié)調,局部對比”,即:首頁的整體色彩效果要和諧,只有局部和小區(qū)域可以有一些強烈的色彩對比。在色彩的運用上,可以根據(jù)首頁內容的需要,采用不同的主色調。因為顏色具有象征意義,例如:嫩綠、翠綠、金黃色,灰褐色可以分別象征春、夏、秋、冬。其次,有專業(yè)的標識顏色,如:軍警用的橄欖綠,醫(yī)療保健用的白色等。顏色也有鮮明的心理感受
,例如冷、暖的感覺,進、退的效果等。另外,色彩還有民族性,各個民族由于環(huán)境、文化、傳統(tǒng)等因素的影響,對于色彩的喜好也存在著較大的差異。充分運用色彩的這些特性,可以使我們的主頁具有深刻的藝術內涵,從而提升主頁的文化品位。3.文字要素
文字、標題、圖片等的組合,會在頁面上形成各種各樣的線條和形狀。這些線條與形狀的組合,構成了主頁的總體藝術效果。必須注意藝術地搭配好這些線條和形狀,才能增強頁面的藝術魅力。
4、版面編排
主頁的設計首先涉及到的是頁面的版面編排問題?!鞍婷婢幣拧睂嶋H上就是中國古代畫論中的“經(jīng)營位置”。主頁作為一種版面,既有文字,又有圖片。文字有大有小,還有標題和正文之分;圖片也有大小,而且有橫有豎之別。圖片和文字都需要同時展示給觀眾,總不能簡單地羅列在一個頁面上,這樣往往會搞得雜亂無章。因此必須根據(jù)內容的需要,將這些圖片和文字按照一定的次序進行合理的編排和布局,使它們組成一個有機的整體,展現(xiàn)給廣大的觀眾。
網(wǎng)頁設計造型要素中的點
商業(yè)網(wǎng)頁設計中的點是構成網(wǎng)頁的最基本單位,是指頁面中具備點的視覺特點、體積較小的物象。相對于整體背景而言一個單獨的點是相比較而言的;是有大小、形狀和體積的。點的大小、形態(tài)、位置不同,所產(chǎn)生的視覺效果、心理作用也不同。一個網(wǎng)頁往往需要有數(shù)量不等,形狀各異的點來構成,可以是具體產(chǎn)品、商品標志等,也可以是感覺上的點。
點在設計中即可以起一種穩(wěn)定造型的作用,亦可起到活潑生動、吸引視覺中心的作用,使用得當,甚至可以畫龍點睛;點的形狀、方向、大小、位置、聚集與發(fā)散,還能夠給人帶來不同的心理感受。
動態(tài)網(wǎng)頁
動態(tài)網(wǎng)頁是最常用的網(wǎng)站建設的一種表達形式,其優(yōu)點在于可以根據(jù)先前所制定好的程序界面,根據(jù)用戶的不同請求返回相應的數(shù)據(jù)??梢哉f是一對多的關系。從而達到資源的最大利用和節(jié)省服務器上的物理資源。如果今后需要改變站點風格,只需要重新制作前臺所訪問的數(shù)據(jù)即可。只要數(shù)據(jù)庫結構不變,可以很快的進行改版的。通過執(zhí)行asp、php、jsp、.net等程序生成客戶端網(wǎng)頁代碼的網(wǎng)頁。動態(tài)頁面通常可以通過網(wǎng)站后臺管理系統(tǒng)對網(wǎng)站的內容進行更新管理。發(fā)布新聞,發(fā)布公司產(chǎn)品,交流互動,博客,網(wǎng)上調查等,這都是動態(tài)網(wǎng)站的一些功能,也是我們常見的。動態(tài)網(wǎng)頁是需要語言環(huán)境支持的,動態(tài)頁面常見的擴展名有:.asp、 .php、 .jsp 、.cgi 等。動態(tài)頁面的“動態(tài)”是網(wǎng)站與客戶端用戶互動的意思,而非網(wǎng)頁上有動畫的就是動態(tài)頁面。
多媒體 網(wǎng)頁不同于傳統(tǒng)媒體之處,就在于信息的動態(tài)更新和即時交互性。即時的交互性是Web成為熱點的主要原因,也是網(wǎng)頁設計時必須考慮的問題。傳統(tǒng)媒體(如廣播、電視節(jié)目、報刊雜志等)都以線性方式提供信息,即按照信息提供者的感覺、體驗和事先確定的格式來傳播。而在Web環(huán)境下,人們不再是一個傳統(tǒng)媒體方式的被動接受者,而是以一個主動參與者的身份加入到信息的加工處理和發(fā)布之中。這種持續(xù)的交互,使網(wǎng)頁藝術設計不像印刷品設計那樣,發(fā)表之后就意味著設計的結束。網(wǎng)頁設計人員必須根據(jù)網(wǎng)站各個階段的經(jīng)營目標,配合網(wǎng)站不同時期的經(jīng)營策略,以及用戶的反饋信息,經(jīng)常地對網(wǎng)頁進行調整和修改。例如,為了保持瀏覽者對網(wǎng)站的新鮮感,很多大型網(wǎng)站總是定期或不定期的進行改版,這就需要設計者在保持網(wǎng)站視覺形象一貫性的基礎上,不斷創(chuàng)作出新的網(wǎng)頁設計作品。
目前網(wǎng)頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網(wǎng)絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設計者綜合運用多種媒體元素來設計網(wǎng)頁,以滿足和豐富瀏覽者對網(wǎng)絡信息傳輸質量提出的更高要求。目前國內網(wǎng)頁已經(jīng)出現(xiàn)了模擬三維的操作界面,在數(shù)據(jù)壓縮技術的改進和推動下,Internet網(wǎng)上出現(xiàn)實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網(wǎng)上電影、網(wǎng)上直播等。因此,多種媒體的綜合運用是網(wǎng)頁藝術設計的特點之一,是未來的發(fā)展方向。
通過對網(wǎng)站設計的學習,我了解到網(wǎng)頁設計的布局框架以及網(wǎng)頁設計中不同因素的不同使用都會影響讀者的視覺習慣和心理變化。要吸引別人就首先應當抓住不同要素的特點加以利用,還要懂得如何去表現(xiàn)不同的特征和感覺,并把各個要素之間聯(lián)合起來不斷增加豐富、流暢、活潑的氣氛,給網(wǎng)頁文化注入新的血液,不斷地嘗試不斷地改進,只有不斷的變化才會提高。
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!