萬企互聯-專注高端網站建設
掃描關注萬企互聯微信公眾賬號

掃一掃微信二維碼

設計師網頁設計經驗淺談

經驗之談?2019-05-29? 1387

  在信息技術飛速發展的今天,人們獲取信息的方式更多是來源于互聯網。而吸引瀏覽用戶的則是視覺效果出色、信息量豐富、使用起來便捷的網頁,所以網頁設計尤為重要。本文從網頁設計的角度出發,介紹一些設計中要素和技巧,例如框架、CSS樣式的使用等等。
  
  互聯網成為人們快速獲取、發布和傳遞信息的重要渠道,它在人們政治、經濟、生活等各個方面發揮著重要的作用。網頁設計伴隨著網絡的快速發展而快速興起,作為上網的主要依托,由于人們使用網絡的頻繁而變得非常的重要。網頁講究的是排版布局,其功能主要就是提供一種形式給每個上網者,讓他們能夠了解網站提供的信息。

設計經驗

  一、 網頁設計的要素
  
  在一個網站中,最重要的頁面當屬主頁,所以在此以主頁為例,說明在網頁制作中版面設計的問題。從版面設計來講,一個有特色的主頁,必須包含有四個要素:文字,圖片,排列方式和主色調,這四者相輔相成,缺一不可。
  
  1.圖片要素
  
  要設計出漂亮的主頁,首先要成為計算機圖形高手,僅這一點就可以讓初學者花上一年半載的時間。圖片的要求與頁面的內容有關,一些較隨意的主頁像股票、醫藥站點等,來訪者并不在乎你能否做出精彩的圖片,有些時候他們反而覺得放置圖象后影響了訪問速度,他們關心的只是頁面內容;相反像一些需要靠圖象來吸引訪客的主頁,如游戲介紹、影視介紹、風光名勝等站點,圖象是一個極為重要的要素,在這里缺少了恰當的圖象,整個頁面就會黯然失色、就是一個不完整的主頁。這需要去學習像photoshop這樣的圖形圖像處理軟件,還要有一定的美術基礎,如審美觀、創意技巧等,
  
  2.排列方法要素
  
  主頁的第二個要素是排列方法,即網頁布局。網頁作為一種版面,既有文字,又有圖片;文字有大有小,還有標題和正文之分;圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀眾,不能簡單地將其羅列在一個頁面上,否則會搞得雜亂無章。關于具體的網頁布局,常見的有“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等,關于它們,在網頁設計的相關書籍中或者在網絡上都可以看到詳細的敘述。比如如果內容非常多,就要考慮用“國字型”或拐角型;而如果內容不算太多而一些說明性的東西比較多,則可以考慮標題正文型;而如果是一個企業網站想展示一下企業形象或個人主頁想展示個人風采,封面性是首選;Flash型更靈活一些,好的Flash大大豐富了網頁,但是它不能表達過多的文字信息。還沒有提到的就是變化型了,只有不斷的變化才會提高,才會不斷豐富我們的網頁。
  
  3.色彩要素
  
  色彩在網頁所占比重很大。有了合理清新的色調,會彌補主頁上的其它不足。頁面的色彩搭配是與網站的主題分不開的,一個網站必須有一種或兩種主題色。不至于讓瀏覽者迷失方向,也不至于單調乏味。一般來說,頁面的主體文字應盡量使用黑色等較深的顏色,與背景對比明顯,按鈕、邊框等使用彩色。例如教育類網站使用藍色為主題色,再用紅色和黑色作為配色,就能表達出嚴肅、穩重的效果。
  
  二、 網頁設計技巧
  
  一張完美的主頁設計需要積累豐富的知識以及掌握大量的技巧。在這里筆者從框架和CSS樣式的運用兩方面來介紹網頁設計的技巧。
  
  1.框架的使用
  
  FRAME(框架)是Web上經常會看到的頁面結構。框架的最常見用途就是導航。一組框架通常包括一個含有導航條的框架和另一個要顯示主要內容頁面的框架。
  
  使用框架具有以下優點:訪問者的瀏覽器不需要為每個頁面重新加載與導航相關的圖形;每個框架都具有自己的滾動條(如果內容太大,在窗口中顯示不下),因此訪問者可以獨立滾動這些框架。例如,當框架中的內容頁面較長時,如果導航條位于不同的框架中,那么向下滾動到頁面底部的訪問者就不需要再滾動回頂部來使用導航條。
  
  使用框架具有以下缺點:可能難以實現不同框架中各元素的精確圖形對齊;對導航進行測試可能很耗時間。
  
  許多專業 Web 設計人員不喜歡使用框架,并且許多瀏覽 Web 的人也不喜歡框架。在大多數情況下,這種反感是因為遇到了那些使用框架效果不佳或不必要地使用框架的站點(例如,每當訪問者單擊導航按鈕時就重新加載導航框架內容的框架集)。如果框架使用得法(例如,在允許其他框架的內容發生更改的同時,使一個框架中的導航控件保持靜態),則這些框架對于某些站點可能非常有用。
  
  2. CSS樣式的使用
  
  CSS(層疊樣式表)是一種制作網頁的新技術,它的全稱是級聯樣式表,即Cascading StyleSheets的縮寫,又稱之為風格樣式表單。CSS是在網頁制作過程中普遍用到的技術。采用了CSS技術控制的網頁,設計者會更輕松、有效地對頁面的整體布局、顏色、字體、鏈接、背景以及同一頁面的不同部分、不同頁面的外觀和格式等效果實現更加精確地控制。
  
  三、網頁設計經驗談
  
  一般的來說,絕大多數普通受眾圖形,插件,applets和其它有關的高級Web瀏覽器特性。對我們來說,頁面的實用可能比漂亮更重要,對于用戶來說,沒有什么比頁面能夠快速下載更重要了,簡而言之,精簡你的站點,這是一條最佳的捷徑。
  
  另外還要注意,不要依賴圖形。就站點設計而言,的確能夠通過成功的圖形設計招徠或者丟失訪問者。并非所有的訪問者可以完全看到圖片,某些人為了加快存取網絡的速度已經關閉了瀏覽器端的圖形。簡而言之,圖形并不能正確的在客戶端加載。然而,圖形經常被用來作為導航按鈕。
  
  第三要注意,僅僅在需要的時候使用幀(FRAME)。 使用幀可以把一個瀏覽器分成幾個不同的窗口,對于站點的結構的把握是一個不錯的方法。但是,你還是必須知道,還是有人在使用不支持幀的瀏覽器。在你開始打算設計一個幀的時候,你該仔細的考慮考慮你是否的確真的需要。經常,你這樣的需求可以通過表格來組織站點的結構。
  
  網頁設計涉及到對多種軟件、多種知識的學習和應用,以及個人的審美觀等等。所以要想制作出漂亮的網頁,需要一個逐步學習和經驗積累的過程。網頁設計還有更多的技巧,有待于我們去挖掘和研究。

文章關鍵詞
經驗談
網頁設計
北京pk彩票官网