網頁設計技巧

來源:互聯網
上載者:User

  網站的頁面多種多樣,風格各異,網頁的品質直接影響著網站的效果。網頁設計的過程中,需要注意哪些方面的事項,有哪幾方面影響著網頁的設計效果呢?

  一、頁面平鋪

  把頁面平鋪開,主要的物件有:導覽列、LOGO、Banner、按鈕、圖片、文字。

  1.導覽列

  導覽列如果設計得恰到好處,是會給網頁本身增色很多。導覽列有一排、兩排、多排、圖片導航和Frame架構快捷導航等等各種情況的設計。有時候是橫排,有時候則是豎排。另外還有一些動態導覽列,如很精彩的Flash導航。

  2.LOGO

  LOGO並不是每個網站多要有的,他是網站為了給大家一個比較直觀的資訊的表達工具。LOGO的位置通常在頁面的左上方。這個地方最明顯和直觀,可以第一時間給人於默化的效果;網站的LOGO,一般以靜態居多,也有動態,但是LOGO的特點都是在表達網站的資訊,是一個網站的直接的表現視窗。

  3.BANNER(廣告條)類型

  Banner設計注意點:Banner有動態和靜態兩種。在瀏覽網頁的過程中,雖然閃爍的圖案會產生瞬間記憶刺激,引起注意,但這種記憶往往為壓迫性的,久之易產生負面效應,從而模糊記憶。而穩定的畫面不易引發特殊的關注,但如果有良好的介面引導和內容,可產生良性的記憶,持久而牢固。設計要點:Banner的文字不能太多,用一兩句話來表達即可;廣告語要朗朗上口,可以第一時間的讓人捕獲表達的重點;圖形無須太繁雜,文字盡量使用黑體等粗壯的字型,否則在視覺上很容易被網頁其他內容淹沒;圖形盡量選擇顏色數少,能夠說明問題的事物;如果選擇顏色很複雜的物體,要考慮一下在低顏色數情況下,是否會有明顯的色斑;盡量不要使用彩虹色、暈邊等複雜的特技圖形效果,這樣做會大大增加圖形所佔據的顏色數,增大體積。

  4.按鈕

  按鈕設計要點:設計按鈕要同頁面的整體協調,不能太搶眼;有的頁面很單調,還要依靠花哨的按鈕來提一下;選用的字型,選用的插圖,或插圖及字型搭配,都要考慮字跡清楚,色彩簡單一些,不要超過四種;很長的按鈕可能就是架構的分界,盡量要纖細一些,否則頁面會顯臃腫。

  5.圖片

  為了美化頁面,圖片是任何一個頁面都要用到的,圖片的運用要合理。圖片運用要點:圖形的主體最好清晰可見;圖形的含義最好簡單明了;圖片內所含文字應該清晰容易辨認;背景與主體明度對比比例應為3∶1到5∶1之間為宜;淡色系列的背景有助於整體和諧;淡色材質背景最佳,能與主題分離之淺色標誌或文字背景亦可。

  6.文字

  文字也是設計的。設計要點:每一行文字的長度最好20到30個中文字(40到60個英文字母);行距與字距已由軟體內定。設計時注意段落與段落間空行及首行縮排方式以輔助閱讀;標題以H1到H3字型大小為佳,內文Font size=3到4級為佳;同版面字型最好在三種以內;文字的顏色最好也是三種以內;文字在顏色上要與背景區別;內文的排列向靠左對齊並與左邊界保持適當距離。可以用表格填入文字以達此效果;表格或清單內的字運用相同字型與字型大小,以利辨別。

  二、整體規劃

  有共性,才有統一,有細節區別,就有層次;防止設計與實現過程中的偏差;設計的各部分,要配合整體風格;不僅頁面上各項設計要統一,而且網站的各層級頁面也要統一;資訊不要太過集中,以免文字編排太緊密;不要有太多分散注意力的點。動態閃爍要適中;頁面留白部分,要根據平面設計原理來設計,注意分欄式結構不宜留白;還要考慮到瀏覽器上部佔用的螢幕空間,防止圖片截斷等造成視覺效果不好;首頁設計圖片+導航,這是一種比較強的網站表達,可以根據時間的變化更改圖片。

  三、功能易用性

  導覽列應最先調入,以便訪客快速前往所需資訊空間;頁面長度要短,使得使用者在資訊空間內可迅速移動;導航設計方向要一致。支援導航的層次按鈕應當從上到下或從左至右,但不要兩者都用,不要混用方向。

相關文章

Beyond APAC's No.1 Cloud

19.6% IaaS Market Share in Asia Pacific - Gartner IT Service report, 2018

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。