優(yōu)秀的網(wǎng)站設(shè)計(jì)有哪些要點(diǎn) |
時(shí)間:2012-10-06 21:49 作者:admin 點(diǎn)擊:
次 |
核心提示:每個(gè)網(wǎng)站制作人員最關(guān)心的一個(gè)問(wèn)題就是如何做一個(gè)優(yōu)秀的網(wǎng)站,網(wǎng)站設(shè)計(jì)中又有哪些元素。 有多數(shù)人認(rèn)為網(wǎng)站設(shè)計(jì)的的好與壞都是通過(guò)兩個(gè)標(biāo)準(zhǔn)來(lái)衡量的:一是嚴(yán)謹(jǐn)?shù)目捎眯。包括功能的?shí)用性和傳達(dá)完成任務(wù)的效率;另一個(gè)是純粹的美學(xué)標(biāo)準(zhǔn)。包括生動(dòng)的圖案和色彩
|
每個(gè)網(wǎng)站制作人員最關(guān)心的一個(gè)問(wèn)題就是如何做一個(gè)優(yōu)秀的網(wǎng)站,網(wǎng)站設(shè)計(jì)中又有哪些元素。
有多數(shù)人認(rèn)為網(wǎng)站設(shè)計(jì)的的“好”與“壞”都是通過(guò)兩個(gè)標(biāo)準(zhǔn)來(lái)衡量的:一是嚴(yán)謹(jǐn)?shù)目捎眯浴0üδ艿膶?shí)用性和傳達(dá)完成任務(wù)的效率;另一個(gè)是純粹的美學(xué)標(biāo)準(zhǔn)。包括生動(dòng)的圖案和色彩。
其實(shí),這也代表網(wǎng)站設(shè)計(jì)中的不同傾向:一些設(shè)計(jì)師被美學(xué)和圖案吸引而忽略了用戶需求;另一些人則沉迷于可用性研究忽視吸引力。
我們或許都清楚好的網(wǎng)站設(shè)計(jì)要兩者兼顧的。就像我們都知道設(shè)計(jì)實(shí)際是種與交流一樣,我們喜歡和一位美女聊天,但如果她談吐乏味,語(yǔ)言邏輯混亂,又會(huì)很快失去耐心和興趣。
好的網(wǎng)站設(shè)計(jì)大概包括以下幾點(diǎn):
(1)用戶會(huì)被設(shè)計(jì)所吸引,被內(nèi)容所引導(dǎo)。
專業(yè)的可用性總會(huì)關(guān)注在用戶獲取所需信息所花費(fèi)的時(shí)間是多少。無(wú)論對(duì)內(nèi)容,鏈接,按鍵操作還是表單設(shè)計(jì),設(shè)計(jì)永遠(yuǎn)不是障礙,它是和用戶交流的橋梁。
(2)用戶需要有清晰的導(dǎo)航
導(dǎo)航必須在網(wǎng)站中具備很強(qiáng)的可見(jiàn)性,讓用戶清楚知道自己在哪里,以及如何達(dá)到目標(biāo)。但是如何能使導(dǎo)航很容易找到,但
是要獨(dú)立于內(nèi)容之外,盡量讓用戶更專注于內(nèi)容信息也需要考量。
(3)用戶能識(shí)別瀏覽的網(wǎng)頁(yè)屬于同一網(wǎng)站
一致性提出似乎有點(diǎn)傻氣,但是還是有很多網(wǎng)站讓我們充滿疑惑。問(wèn)題可能出于很多原因:內(nèi)容轉(zhuǎn)換,業(yè)務(wù)設(shè)計(jì)不同,但總需要一些重要的要素提醒用戶他仍身在這個(gè)系統(tǒng)中。如果進(jìn)一步剖析網(wǎng)站設(shè)計(jì)的要素,就要清晰的了解必不可少的幾塊內(nèi)容:
(1)內(nèi)容塊
網(wǎng)站只是框架,容器就是這些內(nèi)容塊。他們或許是body標(biāo)簽,一個(gè)全局的div標(biāo)簽,或是table(但請(qǐng)謹(jǐn)慎使用)。內(nèi)容塊就是放內(nèi)容的容器,阻止內(nèi)容溢出到空白的地方。
(2)logo
這你一定懂的。logo不僅是網(wǎng)站品牌的標(biāo)志,也會(huì)讓用戶知道自己都在訪問(wèn)一個(gè)站點(diǎn)。
(3)內(nèi)容
Content is King!通常用戶訪問(wèn)和離開一個(gè)網(wǎng)站只是幾秒鐘的事情。如果用戶找不到他們想要的就會(huì)毫不猶豫的關(guān)掉瀏覽器訪問(wèn)其他站點(diǎn)。所以把內(nèi)容放在視覺(jué)中心是一定的,還要避免其他因素的干擾。
(4)底部注腳
包括版權(quán)、聯(lián)系方式、法律信息和友情鏈接等等。
(5)留白
好的設(shè)計(jì)師都懂得留白和擁有空間同樣重要。好的留白會(huì)讓頁(yè)面顯得很”透氣“。好的網(wǎng)站設(shè)計(jì)還離不開一些潛規(guī)則的技巧。就像是黃金比例還有柵格法。”傻瓜版“的柵格法就是三分法。
希望所有的站長(zhǎng)都能做出優(yōu)秀的網(wǎng)站!
|
|
|
|