DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網站設計師在設計網站時應該遵循的原則
網站設計師在設計網站時應該遵循的原則
編輯:關於網頁技巧     

網站設計不只是用色彩豐富的圖像組建一個網站。你需要遵循若干規則,並使用一些網頁設計工具來達到目標。使用免費網站模板簡化了網站設計的過程。利用這些可選選擇,來開發漂亮的網站對於網站設計師是十分重要的。本文分享一些網站設計師在設計網站時應該遵循的幾條重要的原則。

圖像的運用

確保圖像在網站設計當中得到最佳運用。嘗試只用.jpg和.gif的圖片格式。對於畫廊(gallery)展示一項,得使用最小化的圖片文件或是縮略圖。圖片的合理使用在一定程度上也節省了網站加載圖片時間。點擊縮略圖即可以讓網站使用者看到大圖,在ALT屬性中描述所有的圖像。

空白的重要性

兩行文字之間空間的運用,字與字之間空間的排版對於營造一個平衡的視覺感受是十分重要的。內容之間適當的空隙能讓讀者們更快地浏覽以及閱讀。相反,過於狹小的間隔束縛了讀者的視野,過大的間隔也會給人茫然無措的感覺。行距可以使用CSS的行高選擇項控制在一個比較舒服合適的范圍。

填充指的是正文內容與其他元素類似於圖片的間隙。營造一個舒服的網站視野是十分重要的。它確保了正文內容部分不會與其他元素重疊。空白以及一個空閒的部分在網站設計中有著特殊的作用。他們可以平衡掉反差以及營造一種舒服漂亮的視覺感受。

流暢的導航

網站訪客應該能快速地找到想要的訊息。只有網站的導航結構設計的非常好時,才能夠達到這一目標。導航的按鈕應該是清晰明了、描述詳細的。按鈕、鏈接的作用也是遵循扼要的原則。在使用導航看到一些模塊和細分的小模塊以後還能讓訪客清楚的知道自己所處網站位置。使用導航提示記錄使用痕跡或者是用主頁去鏈接每一頁內容,都可以實現導航流暢的作用。

吸引注意力

吸引訪客的注意力,有引導他們的明確的導航鏈接或者是內容對於一個成功的網站來說是十分重要的。在訪客浏覽網站的同時,設計師應該設法讓設計連貫性的步驟,讓訪客首先被圖片或內容所吸引,並通過點擊鼠標前往頁面或目標。

將鏈接置放在合適的位置或者使用反差大的顏色都可以吸引訪客。與眾不同的字體或是大一點的圖像都能夠起到相同作用。考慮設計一個標識,類似一個大大的箭,或者一個色彩明亮的標語。

搜索引擎優化

網站的大多數訪客都是通過搜索引擎來的。這樣一來,確保網站能在搜索引擎結果頁面占據顯著位置,是十分重要的。

設計網站導航能讓搜索引擎爬蟲定位來自於網站搜索結果頁面的內容索引。寫一些簡潔舒服的頁面標題來誘使訪客使用主要的搜索引擎。用適合的內容關鍵詞引導搜索引擎。不過,值得注意的是,過渡優化將適得其反。

嘗試使用META標簽、頁面標題以及正文的關鍵詞,這樣的效果是出乎人意料的。從搜索引擎優化這方面說,最小化使用Flash和JavaScript,最大化使用文本內容,會有幫助。

排版

給網頁內容選擇合適的字體對網站設計來說是十分重要的一個環節。不同的字體有不同的用處。你可以利用不同的字體營造出現代或是復古不同的感覺。努力保持一致的字體大小,足夠大去保證訪客能夠順利閱讀。確保大標題和小標題醒目突出。這可以通過使用不同的字體顏色和字體大小實現。

建立自己的品牌

使自己的網站與眾不同、脫穎而出是十分重要的。這可以讓訪客對網站產生足夠的興趣。設計一個Logo,反映自己的產品,為顯示網站目的設計一個合適的品牌標語這些都會有幫助。

設計一個Favicon,有助於吸引注意力,也會為網站建立一個初步印象。Favicon就是地址欄裡和URL相鄰的可愛的、小小的圖片。類似“關於我們”或者“聯系我們”的選項應該在主頁上合適的陳列,以便於訪客們可以快速找到。

浏覽器友好性

確保網站和一般使用的浏覽器兼容。遵守W3C的標准有助於制作一個任何浏覽器都兼容的網站。制作的網站兼容於最新版本的浏覽器是十分值得的事情。

網站內容少量化

網站少量內容的頁面容易下載。圖像、正文內容以及密碼這些相加起來才是一個頁面的所有內容。一個優秀的網站網頁的大小應該控制在25K-64K,而且集中在功能而非圖像上面。

檢測

根據“經常檢測,盡早檢測”的原則。周期性排除網站故障、檢測網站功能對於維持網站質量以及標准是十分重要的事情。監測網站對於網站設計來說至關重要,因為通過檢測可以解決設計師在設計網站時發現不了的問題。

原文:Roxanne Peterson 翻譯:伯樂在線 敏捷翻譯- 宋彩珺

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved