萬企互聯-专注高端网站建筑
扫描关注萬企互聯微信公众账号

掃一掃微信二維碼

設計師網頁設計經驗淺談

經驗之談?2019-5-29? 1561

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

設計經驗

  一、 網頁設計的要素
  
  在一個網站中,最重要的頁面當屬主頁,所以在此以主頁爲例,說明在網頁制作中版面設計的問題。從版面設計來講,一個有特色的主頁,必須包罗有四個要素:文字,圖片,排列方式和主色調,這四者相輔相成,缺一不行。
  
  1.圖片要素
  
  要設計出美丽的主頁,首先要成爲計算機圖形高手,僅這一點就可以讓初學者花上一年半載的時間。圖片的要求與頁面的內容有關,一些較隨意的主頁像股票、醫藥站點等,來訪者並不在乎你能否做出精彩的圖片,有些時候他們反而覺得放置圖象後影響了訪問速度,他們關心的只是頁面內容;相反像一些需要靠圖象來吸引訪客的主頁,如遊戲介紹、影視介紹、風光名勝等站點,圖象是一個極爲重要的要素,在這裏缺少了恰當的圖象,整個頁面就會黯然失色、就是一個不完整的主頁。這需要去學習像photoshop這樣的圖形圖像處理軟件,還要有一定的美術基礎,如審美觀、創意技巧等,
  
  2.排列方法要素
  
  主頁的第二個要素是排列方法,即網頁结构。網頁作爲一種版面,既有文字,又有圖片;文字有大有小,還有標題和正文之分;圖片頁有大小而且有橫豎之別。圖片和文字都需要同時展示給觀衆,不能簡單地將其羅列在一個頁面上,否則會搞得雜亂無章。關于具體的網頁结构,常見的有“國”字型、拐角型、標題正文型、左右框架型、上下框架型、綜合框架型、封面型、Flash型、變化型等,關于它們,在網頁設計的相關書籍中或者在網絡上都可以看到詳細的敘述。好比如果內容非常多,就要考慮用“國字型”或拐角型;而如果內容不算太多而一些說明性的東西比較多,則可以考慮標題正文型;而如果是一個企業網站想展示一下企業形象或個人主頁想展示個人風采,封面性是首選;Flash型更靈活一些,好的Flash大大豐富了網頁,但是它不能表達過多的文字信息。還沒有提到的就是變化型了,只有不斷的變化才會提高,才會不斷豐富我們的網頁。
  
  3.色彩要素
  
  色彩在網頁所占比重很大。有了合理清新的色調,會彌補主頁上的其它不足。頁面的色彩搭配是與網站的主題分不開的,一個網站必須有一種或兩種主題色。不至于讓浏覽者迷失方向,也不至于單調乏味。一般來說,頁面的主體文字應盡量使用黑色等較深的顔色,與配景對比明顯,按鈕、邊框等使用彩色。例如教育類網站使用藍色爲主題色,再用紅色和黑色作爲配色,就能表達出嚴肅、穩重的效果。
  
  二、 網頁設計技巧
  
  一張完美的主頁設計需要積累豐富的知識以及掌握大量的技巧。在這裏筆者從框架和CSS樣式的運用兩方面來介紹網頁設計的技巧。
  
  1.框架的使用
  
  FRAME(框架)是Web上經常會看到的頁面結構。框架的最常見用途就是導航。一組框架通常包罗一個含有導航條的框架和另一個要顯示主要內容頁面的框架。
  
  使用框架具有以下優點:訪問者的浏覽器不需要爲每個頁面重新加載與導航相關的圖形;每個框架都具有自己的滾動條(如果內容太大,在窗口中顯示不下),因此訪問者可以獨立滾動這些框架。例如,當框架中的內容頁面較長時,如果導航條位于差异的框架中,那麽向下滾動到頁面底部的訪問者就不需要再滾動回頂部來使用導航條。
  
  使用框架具有以下缺點:可能難以實現差异框架中各元素的精確圖形對齊;對導航進行測試可能很耗時間。
  
  许多专业 Web 设计人员不喜欢使用框架,而且许多扫瞄 Web 的人也不喜欢框架。在大多数情况下,这种反感是因为遇到了那些使用框架效果不佳或不须要地使用框架的站点(例如,每当访问者单击导航按钮时就重新加载导航框架内容的框架集)。如果框架使用得法(例如,在同意其他框架的内容发生更改的同时,使一个框架中的导航控件保持静态),则这些框架对于某些站点可能非常有用。
  
  2. CSS样式的使用
  
  CSS(层叠样式表)是一种制作网页的新技术,它的全称是级联样式表,即Cascading StyleSheets的缩写,又称之为风格样式表单。CSS是在网页制作过程中普遍用到的技术。接纳了CSS技术利用的网页,设计者会更轻松、有效地对页面的整体结构、颜色、字体、链接、配景以及同一页面的差异部门、差异页面的外观和格式等效果实现更加精确地利用。
  
  三、网页設計經驗谈
  
  一般的來說,絕大多數一般受衆圖形,插件,applets和其它有關的高級Web浏覽器特性。對我們來說,頁面的實用可能比美丽更重要,對于用戶來說,沒有什麽比頁面能夠快速下載更重要了,簡而言之,精簡你的站點,這是一條最佳的捷徑。
  
  另外還要注意,不要依賴圖形。就站點設計而言,的確能夠通過乐成的圖形設計招徕或者丟失訪問者。並非所有的訪問者可以完全看到圖片,某些人爲了加快存取網絡的速度已經關閉了浏覽器端的圖形。簡而言之,圖形並不能正確的在客戶端加載。然而,圖形經常被用來作爲導航按鈕。
  
  第三要注意,仅仅在需要的时候使用帧(FRAME)。 使用帧可以把一个扫瞄器分成几个差异的窗口,对于站点的结构的掌握是一个不错的方法。但是,你还是必须知道,还是有人在使用不支持帧的扫瞄器。在你开始计划设计一个帧的时候,你该仔细的考虑考虑你是否的确真的需要。经常,你这样的需求可以通过表格来组织站点的结构。
  
  網頁設計涉及到對多種軟件、多種知識的學習和應用,以及個人的審美觀等等。所以要想制作出美丽的網頁,需要一個逐步學習和經驗積累的過程。網頁設計還有更多的技巧,有待于我們去挖掘和研究。

文章關鍵詞
經驗談
網頁設計
鹹陽網站建設 鹹陽網絡公司 鹹陽微信營銷 八五互聯 第一主機 八百號影院 念兒設計