您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

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

網(wǎng)站設(shè)計(jì)不只是用色彩豐富的圖像組建一個(gè)網(wǎng)站。你需要遵循若干規(guī)則,并使用一些網(wǎng)頁設(shè)計(jì)工具來達(dá)到目標(biāo)。使用免費(fèi)網(wǎng)站模板簡(jiǎn)化了網(wǎng)站設(shè)計(jì)的過程。利用這些可選選擇,來開發(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ì)于營造一個(gè)平衡的視覺感受是十分重要的。內(nèi)容之間適當(dāng)?shù)目障赌茏屪x者們更快地瀏覽以及閱讀。相反,過于狹小的間隔束縛了讀者的視野,過大的間隔也會(huì)給人茫然無措的感覺。行距可以使用CSS的行高選擇項(xiàng)控制在一個(gè)比較舒服合適的范圍。

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

流暢的導(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)航提示記錄使用痕跡或者是用主頁去鏈接每一頁內(nèi)容,都可以實(shí)現(xiàn)導(dǎo)航流暢的作用。

吸引注意力

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

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

搜索引擎優(yōu)化

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

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

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

排版

給網(wǎng)頁內(nèi)容選擇合適的字體對(duì)網(wǎng)站設(shè)計(jì)來說是十分重要的一個(gè)環(huán)節(jié)。不同的字體有不同的用處。你可以利用不同的字體營造出現(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)語這些都會(huì)有幫助。

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

瀏覽器友好性

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

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

網(wǎng)站少量內(nèi)容的頁面容易下載。圖像、正文內(nèi)容以及密碼這些相加起來才是一個(gè)頁面的所有內(nèi)容。一個(gè)優(yōu)秀的網(wǎng)站網(wǎng)頁的大小應(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ì)來說至關(guān)重要,因?yàn)橥ㄟ^檢測(cè)可以解決設(shè)計(jì)師在設(shè)計(jì)網(wǎng)站時(shí)發(fā)現(xiàn)不了的問題。

[教程作者:佚名]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.pkvc.cn/tutorial/di1016.html
回顧2011 專家眼中的網(wǎng)站設(shè)計(jì)
拒絕平庸——淺談Web登錄頁面設(shè)計(jì)
圖趣網(wǎng)微信
建議反饋
×