網(wǎng)站設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)應(yīng)該遵循的幾條原則

網(wǎng)站設(shè)計(jì)不只是用色彩豐富的圖像組建一個(gè)網(wǎng)站。你需要遵循若干規(guī)則，并使用一些網(wǎng)頁(yè)設(shè)計(jì)工具來(lái)達(dá)到目標(biāo)。使用免費(fèi)網(wǎng)站模板簡(jiǎn)化了網(wǎng)站設(shè)計(jì)的過程。利用這些可選選擇，來(lái)開發(fā)漂亮的網(wǎng)站對(duì)于網(wǎng)站設(shè)計(jì)師是十分重要的。本文分享一些網(wǎng)站設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)應(yīng)該遵循的幾條重要的原則。

圖像的運(yùn)用

確保圖像在網(wǎng)站設(shè)計(jì)當(dāng)中得到最佳運(yùn)用。嘗試只用.jpg和.gif的圖片格式。對(duì)于畫廊（gallery）展示一項(xiàng)，得使用最小化的圖片文件或是縮略圖。圖片的合理使用在一定程度上也節(jié)省了網(wǎng)站加載圖片時(shí)間。點(diǎn)擊縮略圖即可以讓網(wǎng)站使用者看到大圖，在ALT屬性中描述所有的圖像。

空白的重要性

兩行文字之間空間的運(yùn)用，字與字之間空間的排版對(duì)于營(yíng)造一個(gè)平衡的視覺感受是十分重要的。內(nèi)容之間適當(dāng)?shù)目障赌茏屪x者們更快地瀏覽以及閱讀。相反，過于狹小的間隔束縛了讀者的視野，過大的間隔也會(huì)給人茫然無(wú)措的感覺。行距可以使用CSS的行高選擇項(xiàng)控制在一個(gè)比較舒服合適的范圍。

填充指的是正文內(nèi)容與其他元素類似于圖片的間隙。營(yíng)造一個(gè)舒服的網(wǎng)站視野是十分重要的。它確保了正文內(nèi)容部分不會(huì)與其他元素重疊?？瞻滓约耙粋€(gè)空閑的部分在網(wǎng)站設(shè)計(jì)中有著特殊的作用。他們可以平衡掉反差以及營(yíng)造一種舒服漂亮的視覺感受。

流暢的導(dǎo)航

網(wǎng)站訪客應(yīng)該能快速地找到想要的訊息。只有網(wǎng)站的導(dǎo)航結(jié)構(gòu)設(shè)計(jì)的非常好時(shí)，才能夠達(dá)到這一目標(biāo)。導(dǎo)航的按鈕應(yīng)該是清晰明了、描述詳細(xì)的。按鈕、鏈接的作用也是遵循扼要的原則。在使用導(dǎo)航看到一些模塊和細(xì)分的小模塊以后還能讓訪客清楚的知道自己所處網(wǎng)站位置。使用導(dǎo)航提示記錄使用痕跡或者是用主頁(yè)去鏈接每一頁(yè)內(nèi)容，都可以實(shí)現(xiàn)導(dǎo)航流暢的作用。

吸引注意力

吸引訪客的注意力，有引導(dǎo)他們的明確的導(dǎo)航鏈接或者是內(nèi)容對(duì)于一個(gè)成功的網(wǎng)站來(lái)說(shuō)是十分重要的。在訪客瀏覽網(wǎng)站的同時(shí)，設(shè)計(jì)師應(yīng)該設(shè)法讓設(shè)計(jì)連貫性的步驟，讓訪客首先被圖片或內(nèi)容所吸引，并通過點(diǎn)擊鼠標(biāo)前往頁(yè)面或目標(biāo)。

將鏈接置放在合適的位置或者使用反差大的顏色都可以吸引訪客。與眾不同的字體或是大一點(diǎn)的圖像都能夠起到相同作用?？紤]設(shè)計(jì)一個(gè)標(biāo)識(shí)，類似一個(gè)大大的箭，或者一個(gè)色彩明亮的標(biāo)語(yǔ)。

搜索引擎優(yōu)化

網(wǎng)站的大多數(shù)訪客都是通過搜索引擎來(lái)的。這樣一來(lái)，確保網(wǎng)站能在搜索引擎結(jié)果頁(yè)面占據(jù)顯著位置，是十分重要的。

設(shè)計(jì)網(wǎng)站導(dǎo)航能讓搜索引擎爬蟲定位來(lái)自于網(wǎng)站搜索結(jié)果頁(yè)面的內(nèi)容索引。寫一些簡(jiǎn)潔舒服的頁(yè)面標(biāo)題來(lái)誘使訪客使用主要的搜索引擎。用適合的內(nèi)容關(guān)鍵詞引導(dǎo)搜索引擎。不過，值得注意的是，過渡優(yōu)化將適得其反。

嘗試使用META標(biāo)簽、頁(yè)面標(biāo)題以及正文的關(guān)鍵詞，這樣的效果是出乎人意料的。從搜索引擎優(yōu)化這方面說(shuō)，最小化使用Flash和JavaScript，最大化使用文本內(nèi)容，會(huì)有幫助。

排版

給網(wǎng)頁(yè)內(nèi)容選擇合適的字體對(duì)網(wǎng)站設(shè)計(jì)來(lái)說(shuō)是十分重要的一個(gè)環(huán)節(jié)。不同的字體有不同的用處。你可以利用不同的字體營(yíng)造出現(xiàn)代或是復(fù)古不同的感覺。努力保持一致的字體大小，足夠大去保證訪客能夠順利閱讀。確保大標(biāo)題和小標(biāo)題醒目突出。這可以通過使用不同的字體顏色和字體大小實(shí)現(xiàn)。

建立自己的品牌

使自己的網(wǎng)站與眾不同、脫穎而出是十分重要的。這可以讓訪客對(duì)網(wǎng)站產(chǎn)生足夠的興趣。設(shè)計(jì)一個(gè)Logo，反映自己的產(chǎn)品，為顯示網(wǎng)站目的設(shè)計(jì)一個(gè)合適的品牌標(biāo)語(yǔ)這些都會(huì)有幫助。

設(shè)計(jì)一個(gè)Favicon，有助于吸引注意力，也會(huì)為網(wǎng)站建立一個(gè)初步印象。Favicon就是地址欄里和URL相鄰的可愛的、小小的圖片。類似“關(guān)于我們”或者“聯(lián)系我們”的選項(xiàng)應(yīng)該在主頁(yè)上合適的陳列，以便于訪客們可以快速找到。

瀏覽器友好性

確保網(wǎng)站和一般使用的瀏覽器兼容。遵守W3C的標(biāo)準(zhǔn)有助于制作一個(gè)任何瀏覽器都兼容的網(wǎng)站。制作的網(wǎng)站兼容于最新版本的瀏覽器是十分值得的事情。

網(wǎng)站內(nèi)容少量化

網(wǎng)站少量?jī)?nèi)容的頁(yè)面容易下載。圖像、正文內(nèi)容以及密碼這些相加起來(lái)才是一個(gè)頁(yè)面的所有內(nèi)容。一個(gè)優(yōu)秀的網(wǎng)站網(wǎng)頁(yè)的大小應(yīng)該控制在25K-64K，而且集中在功能而非圖像上面。

檢測(cè)

根據(jù)“經(jīng)常檢測(cè)，盡早檢測(cè)”的原則。周期性排除網(wǎng)站故障、檢測(cè)網(wǎng)站功能對(duì)于維持網(wǎng)站質(zhì)量以及標(biāo)準(zhǔn)是十分重要的事情。監(jiān)測(cè)網(wǎng)站對(duì)于網(wǎng)站設(shè)計(jì)來(lái)說(shuō)至關(guān)重要，因?yàn)橥ㄟ^檢測(cè)可以解決設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)發(fā)現(xiàn)不了的問題。