簡(jiǎn)體: 簡(jiǎn)體中文 English

尚品與山東真諾智能設(shè)備有限公司簽署網(wǎng)站改版合作協(xié)議

類(lèi)型：尚品動(dòng)態(tài) 了解更多

首頁(yè)/ 新聞/ 網(wǎng)站建設(shè) /正文

什么原因造成糟糕的網(wǎng)頁(yè)設(shè)計(jì)？

來(lái)源：尚品中國(guó)| 類(lèi)型：網(wǎng)站百科 |時(shí)間：2018-08-11

1、太多的色彩

背景一種顏色，內(nèi)容文本一種顏色，鏈接一種顏色，頁(yè)頭和lightbox一種顏色，圖案和頁(yè)腳各一種顏色。這很好，因?yàn)樗鼛椭鷧^(qū)分了有用的內(nèi)容。但是，多重漸變、幾種鮮艷的色彩和大量有鮮明對(duì)比的色調(diào)及飽和度，會(huì)破壞你網(wǎng)站的層次和空白概念。嘗試限制自己只用一種鮮艷的色調(diào)（如藍(lán)色），再搭配反相的單色（白、灰、黑）以獲得一個(gè)漂亮的搭配。這里強(qiáng)調(diào)下豆瓣的配色。也是我喜歡的顏色搭配。

2、太多的字體

一般一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)設(shè)計(jì)，一般字體不超過(guò)3種。多則亂

3、沒(méi)有足夠的空白

空白可以說(shuō)是設(shè)計(jì)中最重要的一部分。它有助于防止用戶(hù)在瀏覽網(wǎng)站時(shí)變得疲憊，它可以在內(nèi)容中劃出距離，而且它本身也看上去不錯(cuò)。空白不是必須用白色的，而是，它僅僅是為其他設(shè)計(jì)元素提供間隔和緩沖的空間。

4、沒(méi)有內(nèi)容層次

用戶(hù)的眼睛喜歡有秩序的設(shè)計(jì)，如頭部包含導(dǎo)航和LOGO，特定內(nèi)容使用lightbox，三列分欄，頁(yè)腳。它有助于在內(nèi)心組織重要的信息，并引導(dǎo)用戶(hù)注意在你想讓他注意的地方。在傳統(tǒng)藝術(shù)中，新手們被教導(dǎo)色彩、價(jià)值和線性透視三原則和其他藝術(shù)指導(dǎo)。在網(wǎng)頁(yè)設(shè)計(jì)中，沒(méi)有特別奉行的準(zhǔn)則，但以直觀的方式組織你的內(nèi)容是一條很好的經(jīng)驗(yàn)規(guī)則。也是多年培養(yǎng)的用戶(hù)習(xí)慣。最終習(xí)慣就是最終用戶(hù)。當(dāng)然一成不變不是我們所鼓勵(lì)的。

5、對(duì)比的問(wèn)題

你考慮過(guò)閱讀黑底白字和白底黑字的不同嗎？你有沒(méi)有試過(guò)閱讀一下白底灰字？有些方式之所以比其他的更好，其原因就是這是一種眼睛感知到對(duì)比的方式。如果你很難舒服的閱讀文字，考慮一下改變字體大小或方式。成為一個(gè)大師級(jí)網(wǎng)頁(yè)設(shè)計(jì)師的秘訣：對(duì)比，對(duì)比，對(duì)比。

6、同一件事情做的不夠多，或做的太多（過(guò)猶不及）

多重導(dǎo)航非常好，如一個(gè)在頁(yè)頭一個(gè)在頁(yè)腳。在頁(yè)腳加一個(gè)”返回頂部”的按鈕也很好。但是，太多指向同一目標(biāo)的途徑會(huì)降低可用性。讓你的奶奶用下你的網(wǎng)站，如果她搞不定，想想哪些東西讓初次訪問(wèn)的用戶(hù)拒絕使用這個(gè)網(wǎng)站。

7、沒(méi)有足夠的文字間距

與空白有關(guān)，文字間距有兩個(gè)部分，一個(gè)是字距（這個(gè)不能用CSS直接調(diào)整，可以通過(guò)一些高級(jí)技術(shù)解決），關(guān)系到字母之間的空白。一個(gè)是行距，可以用CSS直接調(diào)整，關(guān)系到兩行文字之間的距離。這些有助于區(qū)分行與段落，使用戶(hù)更容易閱讀文字。

8、不一致

一致性是網(wǎng)頁(yè)設(shè)計(jì)的關(guān)鍵。它是把網(wǎng)頁(yè)設(shè)計(jì)組織在一起的方式，可以創(chuàng)造一種緊密結(jié)合的感覺(jué)。在網(wǎng)站頁(yè)面互相鏈接的情況下，它可以幫助用戶(hù)把所有頁(yè)面都聯(lián)系在一起。如果你在整個(gè)網(wǎng)站持續(xù)改變字體、大小和色彩，用戶(hù)很快會(huì)覺(jué)得不知所措。

9、貧乏的尺寸大小

標(biāo)準(zhǔn)做法是h1的文字大于h2的文字，頭部文字大于段落文字。盡量保持一致的尺寸，因?yàn)樗兄谝恢滦裕ǖ?條）和內(nèi)容層次（第4條）。保持文字的可讀性，但不要太大，讓字體的大小表現(xiàn)信息的重要性。還有，10像素以下的尺寸對(duì)大量閱讀的人來(lái)說(shuō)太小了

10、不考慮用戶(hù)的分辨率

你的屏幕分辨率有2560像素，這非常好。但很多人還在屏幕上用1024像素的分率，有些還在用640*480或800*600。雖然這種分辨率的顯示器正在減少，但采用更小的分辨率的手機(jī)設(shè)備也來(lái)了。現(xiàn)在的網(wǎng)頁(yè)設(shè)計(jì)寬度標(biāo)準(zhǔn)是960像素，雖然沒(méi)有照顧到每一種分辨率，但在主流分辨率上可以呈現(xiàn)的最好。假如你希望面對(duì)大量的手機(jī)用戶(hù)，最好考慮一個(gè)手機(jī)版設(shè)計(jì)。

信息來(lái)源尚品中國(guó):海淀區(qū)網(wǎng)站制作,海淀區(qū)網(wǎng)站設(shè)計(jì),海淀區(qū)網(wǎng)站建設(shè)公司

來(lái)源聲明：本文章系尚品中國(guó)編輯原創(chuàng)或采編整理，如需轉(zhuǎn)載請(qǐng)注明來(lái)自尚品中國(guó)。以上內(nèi)容部分(包含圖片、文字)來(lái)源于網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)及時(shí)與本站聯(lián)系（010-60259772）。

上一篇：網(wǎng)站應(yīng)選用多大的空間合適？下一篇：網(wǎng)站建設(shè)重要的是什么？

TAG標(biāo)簽：

建站流程

網(wǎng)站需求
網(wǎng)站策劃方案
頁(yè)面設(shè)計(jì)風(fēng)格
確認(rèn)交付使用
資料錄入優(yōu)化
程序設(shè)計(jì)開(kāi)發(fā)
后續(xù)跟蹤服務(wù)
聯(lián)系電話
010-60259772

預(yù)約專(zhuān)業(yè)咨詢(xún)顧問(wèn)溝通！

免責(zé)聲明

非常感謝您訪問(wèn)我們的網(wǎng)站。在您使用本網(wǎng)站之前，請(qǐng)您仔細(xì)閱讀本聲明的所有條款。

1、本站部分內(nèi)容來(lái)源自網(wǎng)絡(luò)，涉及到的部分文章和圖片版權(quán)屬于原作者，本站轉(zhuǎn)載僅供大家學(xué)習(xí)和交流，切勿用于任何商業(yè)活動(dòng)。

2、本站不承擔(dān)用戶(hù)因使用這些資源對(duì)自己和他人造成任何形式的損失或傷害。

3、本聲明未涉及的問(wèn)題參見(jiàn)國(guó)家有關(guān)法律法規(guī)，當(dāng)本聲明與國(guó)家法律法規(guī)沖突時(shí)，以國(guó)家法律法規(guī)為準(zhǔn)。

4、如果侵害了您的合法權(quán)益，請(qǐng)您及時(shí)與我們,我們會(huì)在第一時(shí)間刪除相關(guān)內(nèi)容!

聯(lián)系方式：010-60259772
電子郵件：394588593@qq.com

99精品久久久久久久I国产精品都在这里I天天草avI天堂av网在线I国产亚洲久久I国产精品va最新国产精品视频I久久国产精品偷I国产成人99av超碰超爽

高校集群解決方案

強(qiáng)軍網(wǎng)建設(shè)解決方案

政府事業(yè)解決方案

智慧會(huì)展解決方案

科研領(lǐng)域解決方案

智慧景區(qū)解決方案

海外房產(chǎn)解決方案

網(wǎng)站建設(shè)

小程序

移動(dòng)互聯(lián)網(wǎng)

網(wǎng)絡(luò)營(yíng)銷(xiāo)

VI設(shè)計(jì)

尚品與山東真諾智能設(shè)備有限公司簽署網(wǎng)站改版合作協(xié)議

什么原因造成糟糕的網(wǎng)頁(yè)設(shè)計(jì)？

建站流程

網(wǎng)站需求

網(wǎng)站策劃方案

頁(yè)面設(shè)計(jì)風(fēng)格

確認(rèn)交付使用

資料錄入優(yōu)化

程序設(shè)計(jì)開(kāi)發(fā)

后續(xù)跟蹤服務(wù)

熱門(mén)標(biāo)簽

最新文章

企業(yè)網(wǎng)站設(shè)計(jì) Web 前端優(yōu)化方案

如何在公司網(wǎng)站制作過(guò)程中提升網(wǎng)頁(yè)宣傳效果

論網(wǎng)站設(shè)計(jì)的獨(dú)特魅力與顯著特性

推薦新聞

從可讀性、相關(guān)性、實(shí)時(shí)性評(píng)判內(nèi)容質(zhì)量

聯(lián)網(wǎng)的原理

以客戶(hù)心理來(lái)衡量好網(wǎng)站應(yīng)具備的要素

Dreamweaver如何設(shè)置框架的屬性

淺析百度的不安分

網(wǎng)站設(shè)計(jì)制作的標(biāo)準(zhǔn)如何精準(zhǔn)用戶(hù)體驗(yàn)？

預(yù)約專(zhuān)業(yè)咨詢(xún)顧問(wèn)溝通！

免責(zé)聲明

電話咨詢(xún)

在線咨詢(xún)

微信咨詢(xún)

免責(zé)聲明