網站設計

網站設計

軟件需求轉換成用網站表示的過程
網站設計(Web Design),網站設計是一個把軟件需求轉換成用軟件網站表示的過程,就是指在因特網上,根據一定的規則,使用Dreamweaver、photoshop等工具制作的用于展示特定内容的相關網頁的集合。簡單地說,網站是一種通訊工具,就像布告欄一樣,人們可以通過網站來發布自己想要公開的資訊(信息),或者利用網站來提供相關的網路服務(網絡服務)。[1]網頁創作的時候就必須将網站的整體設計與網頁設計的相關原理緊密結合起來。網站設計是将策劃案中的内容、網站的主題模式,以及結合自己的認識通過藝術的手法表現出來;而網頁制作通常就是将網頁設計師所設計出來的設計稿,按照W3C規範用HTML語言将其制作成網頁格式。
    中文名:網站設計 外文名:Web site design 适用領域: 所屬學科: 别稱:網站建設,網頁設計,網站策劃 域名選擇:.com、.top、.cn、.cx、.cc等

設計原則

設計網站中有哪些關鍵技巧?有哪些陷阱?在這裡,世界上一流的網站設計專家,讓你共享他們的秘密,告訴你:使網站賦予情趣的訣竅、應該避免做什麼、應使用什麼工具軟件以及他們喜愛和厭惡的網站。

01明确内容

如果你想成為一個網站設計者,并正想建一個網站的話,首先應該考慮網站的内容,包括網站功能和你的用戶需要什麼。你的整個設計都應該圍繞這些方面來進行。

02抓住用戶

如果用戶不能夠迅速地進入你的網站,或操作不便捷,網站設計就是失敗的。不要讓用戶失望而轉向你的對手的網站。

03優化内容

内容是核心。大約在兩年以前,企業網站就像一本廣告冊子,更槽糕的是,網站使用了大量的圖片,似乎要幾個世紀才能下載完。

Chanels網站在設計的某些方面是成功的,但是内容太貪乏,并且要花很長時間才能找到所要的東西,因此不能算是一個成功的網站。

04快速下載

沒有什麼比要花很長時間下載頁面更槽糕的了。作為一條經驗,一個标準的網頁應不大于60K,通過56K調制解調器加載花30秒的時間。有的設計者說網頁加載應在15秒内。

05網站升級

時刻注意網站的運行狀況。性能很好的主機随着訪問人數的增加,可能會運行緩慢。但是,如果你不想失去訪問者的話,一定要仔細計劃好你的升級計劃。

06堅持基本原則

即使你不懂HTML語言,你隻需購買一個有版權的所見即所得的網頁設計工具,如AdobePageMill或MicrosoftFrontPageExpress,就可以創建一個看起來很合理的網站。但是,在設計時,這些軟件包雖然不需要HTML,卻使網站速度下降。

為了成功地設計網站,你必須理解HTML是如何工作的。大多數的網站設計者建議網絡新手應從有關HTML的書中去尋找答案,用Notepad制作網頁。

07學習HTML

用HTML設計網站,可以控制設計的整個過程。但是,如果你僅僅是網站設計的新手,你應該尋找一個允許修改HTML的軟件包。HomeSite4是一個很好的Web設計工具。在設計過程中,HomeSite4能幫助你學習HTML。它還允許你切換到所見即所得的模式,以便你在把網站發送到Web之前,預覽你的網站。

08用筆畫一個網站的框架

聖人雲:筆比劍更強大。在用計算機之前,用筆畫一個網站的框架,顯示出所有網頁的相互關系。計劃好你的用戶如何以最少的時間浏覽你的網站。

09“在計算機上永遠也找不到好的方案”。——專家忠告

10網站地圖

許多設計者把他們的網站地圖放在網站上,這種做法,卻是弊大于利。絕大部分的訪問者上網是尋找一些特别的信息,他們對于你的網站是如何工作的,并沒有興趣。如果你覺得你的網站需要地圖,那很可能是需要改進你的導航和工具條。

11“睜大你的眼睛,留意所有的事情。對最不相關的東西的觀察可以得到最好的靈感。觀察一個站點的結構和設計。理解站點結構的關鍵元素,确保你的設計是圍繞站點浏覽進行的。”——專家忠告

12點擊規則

聽說過3次點擊規則嗎?對于小型網站,在你的主頁上,沒有任何一條信息,需要點擊次數超過3次的。對于大型網站,使用導航和工具條來改善操作。

13特殊字體的應用

雖然你可以在你的HTML中使用特殊的字體,但是,你不可能預測你的訪問者在他們的計算機上将看到什麼。在你的計算機裡看起來相當好的頁面,在另一個不同的平台上看起來可能非常糟糕。一些網站設計員喜歡使用來定義特性,這雖然允許你使用特殊的字體,但是仍需要一些變通的方法,以免你所選擇的字體在訪問者的計算機上不能顯示。級聯風格表CSS有助于解決這些問題,但是隻有最新版的浏覽器才支持CSS。

14“使用切合實際的簡便的命名規則。”——專家忠告

15檢查錯别字

好的拼寫是人們一生中重要的技能。但是遺憾的是,許多設計者都缺少這種技能。确保你拼寫正确,并且格外注意平常容易誤寫的錯别字。

16避免長文本頁面

在一個站點上有許多隻有文本的頁面,是令人乏味的,且也浪費Web的潛力。如果你有大量的基于文本的文檔,應當以AdobeAcrobat格式的文件形式來放置,以便你的訪問者能離線閱讀。

17不要使用卷滾條

人們厭惡在網上使用卷滾條。Trouble網站是一個典型的設計很差的網站。它基于一個浮動的架構,為了閱讀所有的文本,浏覽者不得不使用卷滾條。

設計方向

單頁面

單個長頁面的設計一度不受人待見(無論是客戶還是設計師),但如今整個互聯網随處可見。一個合理的解釋是,用戶如今早已習慣于使用鼠标滾輪了,比起在多個頁面間來回查看,用滾輪上下浏覽要省事得多。包括蘋果在内的一些知名大公司也使用了相當長的頁面來展示産品,獲得了很不錯的效果。

用照片做背景

出于品牌或展示的目的,把照片用作網站的背景,這樣可以形成強烈的視覺表達效果。這也是為何你能在時尚、服裝品牌、旅遊業等等行業看到這樣的設計辦法。

色塊設計

這一設計方法主要是引入了方塊的網格設計,這些方塊要麼是純色塊配上文字,要麼是方形照片配上文字。“簡潔”是吸引用戶的一大原因。不同的色塊放在一起形成強烈的對比,容易引起用戶的視覺興趣,進而繼續探索下去。

超大号的圖片

這一潮流的興起多少與MacOSX圖标設計的流行有關。當程序員為自己的Mac程序推出網站時,這樣配有超大号圖片、突出品牌的設計再常見不過。自然地,這一潮流後來也被iOS開發者繼承了下來,成為現代設計文化的一部分。

聚焦簡潔

對簡潔的追求貫穿了整個2012年,許多的網站開始尋求明快、直觀的設計。極簡設計旨在通過整合或是删除多餘的頁面實現簡化,隻給用戶需要的東西。極簡設計通常會用到大号的加粗字體、以及超大号的圖片,清晰地把重要的東西傳達出來。

響應式設計

随着手機和平闆設備越來越多地進入人們的生活,響應式設計也成為了當下網站開發不可忽視的一股力量。一個可自适應任何設備的網頁是很了不起的。響應式設計能确保用戶無論是在移動設備還是在PC上都能按你的意願浏覽内容。

視差滾動

所謂“視差滾動(ParallaxScrolling)”就是讓多層背景以不同的速度移動,形成運動視差3D效果。随着越來越多的浏覽器增加對視差的支持,這一技術也很有可能會更加流行。

強調字體

從前設計師所能使用的字體受用戶電腦本地已有的字體所限。如今借助Googlefonts和Typekit等服務,從理論上說,能使用的字體是無限多的,極大增強了網站設計的吸引力。設計師利用這一機會也已有了一段時間了,越來越多的網站也體現了對字體的重視。甚至有些網站如Typographica,字體就占了整個網站設計的絕大部分,出來的效果也相當不錯。

相關詞條

相關搜索

其它詞條