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

目前網頁中使用的多媒體視聽元素主要有文字、圖像、聲音、視頻等,隨著網絡帶寬的增加、芯片處理速度的提高以及跨平臺的多媒體文件格式的推廣,必將促使設計者綜合運用多種媒體元素來設計網頁,以滿足和豐富瀏覽者對網絡信息傳輸質量提出的更高要求。目前國內網頁已經出現了模擬三維的操作界面,在數據壓縮技術的改進和推動下,Internet網上出現實時的音頻和視頻服務,典型的有在線音樂、在線廣播、網上電影、網上直播等。因此,多種媒體的綜合運用是網頁藝術設計的特點之一,是未來的發展方向。
通過對網站設計的學習,我了解到網頁設計的布局框架以及網頁設計中不同因素的不同使用都會影響讀者的視覺習慣和心理變化。要吸引別人就首先應當抓住不同要素的特點加以利用,還要懂得如何去表現不同的特征和感覺,并把各個要素之間聯合起來不斷增加豐富、流暢、活潑的氣氛,給網頁文化注入新的血液,不斷地嘗試不斷地改進,只有不斷的變化才會提高。
我們專注高端建站,小程序開發、軟件系統定制開發、BUG修復、物聯網開發、各類API接口對接開發等。十余年開發經驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!