用靈魂感悟設(shè)計 · 用設(shè)計創(chuàng)造價值
WITH SOUL FEELING DESIGN WITH DESIGN TO CREATE VALUE
您當(dāng)前位置:  設(shè)計中國    ⁄    網(wǎng)頁設(shè)計    ⁄ 資訊內(nèi)容

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

作者:admin      來源:互聯(lián)網(wǎng)      發(fā)布時間: 2016/12/26 12:43:15     瀏覽:
一個好的網(wǎng)頁設(shè)計,首先要吸引眼球,接著就要滿足用戶要求,要滿足用戶要求就要做到實用、直觀、層次清晰。

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

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

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

  其次:留白也是網(wǎng)頁設(shè)計中必不可缺少的,留白如果試用恰當(dāng)能夠幫助瀏覽者緩解視疲勞,它可以在內(nèi)容中劃出距離,而且它本身也看上去不錯。空白不是必須用白色的,而是,它僅僅是為其他設(shè)計元素提供間隔和緩沖的空間;

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

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

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

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

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

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

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

  文字的大小尺寸標(biāo)準(zhǔn)做法是h1的文字大于h2的文字,頭部文字大于段落文字,盡量保持一致的尺寸,因為它有助于一致性和內(nèi)容層次。保持文字的可讀性,但不要太大,讓字體的大小表現(xiàn)信息的重要性。還有,10像素以下的尺寸對大量閱讀的人來說太小了。