設(shè)計(jì)中國(guó)教你設(shè)計(jì)出一個(gè)好的網(wǎng)頁

　　對(duì)于一個(gè)剛剛接觸網(wǎng)頁設(shè)計(jì)的人來說，如何設(shè)計(jì)出一個(gè)好看的網(wǎng)頁確實(shí)是一件難事。當(dāng)然，還是會(huì)有有天賦的人不能以常理來理解的。網(wǎng)頁設(shè)計(jì)說難也不是很難，說容易也的確很容易?？赡軐?duì)于所有的設(shè)計(jì)來說開頭都是難的吧，因?yàn)樵O(shè)計(jì)需要有足夠多的經(jīng)驗(yàn)來支撐。一個(gè)好的網(wǎng)頁設(shè)計(jì)，首先要吸引眼球，接著就要滿足用戶要求，要滿足用戶要求就要做到實(shí)用、直觀、層次清晰。接下來設(shè)計(jì)中國(guó)就跟大家講一下如何設(shè)計(jì)出一個(gè)好的網(wǎng)頁。

　　1、網(wǎng)頁的字體、留白、色彩、內(nèi)容

　　首先：我們先說一下字體，一個(gè)好的網(wǎng)頁設(shè)計(jì)的其中字體種類一般不超過3種，字體種類多了瀏覽者就會(huì)覺得亂七八糟;

　　其次：留白也是網(wǎng)頁設(shè)計(jì)中必不可缺少的，留白如果試用恰當(dāng)能夠幫助瀏覽者緩解視疲勞，它可以在內(nèi)容中劃出距離，而且它本身也看上去不錯(cuò)?？瞻撞皇潜仨氂冒咨?，而是，它僅僅是為其他設(shè)計(jì)元素提供間隔和緩沖的空間;

　　接著：是色彩，背景一種顏色，內(nèi)容文本一種顏色，鏈接一種顏色，頁頭和lightbox一種顏色，圖案和頁腳各一種顏色。這很好，因?yàn)樗鼛椭鷧^(qū)分了有用的內(nèi)容。但是，多重漸變、幾種鮮艷的色彩和大量有鮮明對(duì)比的色調(diào)及飽和度，會(huì)破壞你網(wǎng)站的層次和空白概念;

　　最后：就是內(nèi)容了，用戶是為了尋找相關(guān)的東西才到你的網(wǎng)站來，所以你的內(nèi)容必須是附合用戶的需求，不能放太多無關(guān)的內(nèi)容。

　　2、網(wǎng)頁分辨率、一致性原則

　　可能你的屏幕分辨率有2560像素，但很多人還在屏幕上用1024像素的分辨率，有些還在用800*600。雖然這種分辨率的顯示器正在減少，但采用更小的分辨率的手機(jī)設(shè)備也來了。現(xiàn)在的網(wǎng)頁設(shè)計(jì)寬度標(biāo)準(zhǔn)是960像素，雖然沒有照顧到每一種分辨率，但在主流分辨率上可以呈現(xiàn)的最好;

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

　　3、網(wǎng)頁文字間距、文字大小尺寸

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

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