網頁設計細節總結

需求的眼睛和感覺總是非常敏銳的，對(duì)于一個頁面(miàn)沒(méi)有得到需求方的認可，但是他們又說不出什麼(me)理由，這(zhè)個時候就是細節問題了。一個頁面(miàn)的細節到位才能(néng)充分體現出頁面(miàn)的品質。一個優秀的作品與卓越的作品相比差距就在于細節的把控。大家都(dōu)知道(dào)“細節決定成(chéng)敗”這(zhè)句名言不僅在其他行業非常重要，而在頁面(miàn)設計當中更是颠撲不破的真理。

那我們具體該如果做好(hǎo)細節呢？ 下面(miàn)簡單介紹一下。

字符

字符是頁面(miàn)中不可缺少的部分，頁面(miàn)上重要的部分。所以這(zhè)部分細節是基礎的，也是不可忽視的。

網頁上80%的信息是以文字形式傳達的，任何網頁元素都(dōu)無法替代文字的作用。

網頁中文字設計的好(hǎo)壞會直接影響到整個頁面(miàn)的視覺傳達效果。

字号

字号的選擇是根據功能(néng)需要而定的，字越大給浏覽者的視覺沖擊力越強，一般用于标題或其他需要強調的地方。

小字整體性強，頁面(miàn)易産生多個中心，缺乏美感，時間略長(cháng)，浏覽者易産生視覺疲勞。适合網頁的字體大小爲12磅，如果在一個頁面(miàn)内容較多，通常可以用9磅的字号，随著(zhe)互聯網飛速的發(fā)展，在内容較多的情況下10.5磅字号逐漸替代了9磅字号。

遊戲行業本身側重于視覺傳達，在官網及專題裡(lǐ)文字都(dōu)不會像門戶類頁面(miàn)那麼(me)多，所以常規情況下小保持10.5磅以上字号。

字體

不同的字體有不同的性格表現，嚴肅、幽默、力量、柔軟等等。網頁中比較常用的中文字體有宋體、黑體、楷體、隸書等。

根據不同的頁面(miàn)主題可以選擇不同性格的字體搭配。

标題字體的選用對(duì)整個頁面(miàn)的編排起(qǐ)著(zhe)重要的作用。字體選擇、字體特效到位，不僅會突出頁面(miàn)主題，而且還(hái)會烘托整個頁面(miàn)的氣氛。

主标題用毛筆字體，副标題選擇用了方正楷體簡體與主标題進(jìn)行搭配，突顯遊戲武俠風格特點，導航文字選用了與副标題相同字體，内容用微軟雅黑字體。整個頁面(miàn)一共選用了三種(zhǒng)字體。

樣(yàng)式

文字的樣(yàng)式主要包括常規、粗體、斜體等。正文中的文字宜采用常規樣(yàng)式，标題宜采用加粗或斜體樣(yàng)式。合理的運用文字樣(yàng)式，將(jiāng)更有利于文字的視覺傳達，更有利于浏覽者的閱讀。

間距

文字的間距分爲橫向(xiàng)間距和縱向(xiàng)間距即“字距”“行距”。正文與标題的字距應該通篇保持一緻，字距太大或太小都(dōu)會導緻可讀性受到影響。行距的常規比例爲10：12即用字10點，則行距12點。除了對(duì)于可讀性的影響，行距本身也是具有很強表現力的設計語言，有意識地加寬或縮窄行距，能(néng)夠體現獨特的審美意趣。

顔色

顔色的運用對(duì)于整個文案的表達會産生很大的影響。使用不同顔色的文字可以使想要強調的部分更加引人注目。色彩可以使得文本不受位置的局限，加強或者減弱文本的表現強度，使頁面(miàn)文本的浏覽産生視覺導向(xiàng)。

排版

文字的對(duì)齊方式一般分爲四種(zhǒng)：左對(duì)齊、右對(duì)齊、居中對(duì)齊和兩(liǎng)端對(duì)齊，其中左對(duì)齊和兩(liǎng)端對(duì)齊爲常用，因爲這(zhè)兩(liǎng)種(zhǒng)對(duì)齊方式比較符合人們的閱讀方式。

文字的排布方向(xiàng)主要有三種(zhǒng)：橫排、豎排和斜排，其中以橫排爲主，橫排文字群體比較适合人們的閱讀習慣。

留白

留白可以給人帶來心理上的輕松與快樂，也可以給人帶來緊張與節奏。元素之間的留白不能(néng)太大這(zhè)是基本的原則，留白過(guò)多，頁面(miàn)會變得零碎。

網頁設計是以傳達頁面(miàn)信息爲主要目的的，留白更多的是服務和服從于網頁的可用性。無數的可用性研究證實了一個事(shì)實：在Web中，用戶對(duì)網頁信息是進(jìn)行浏覽，而不是閱讀。簡潔明快、富于美感的頁面(miàn)更具有可浏覽性，可使用戶獲得更加良好(hǎo)的浏覽體驗。

留白空間不一定要是白色的。指的是任何與背景相同的空間。所以它可以是白色、黑色，其他紋理等。

大面(miàn)積的有色範圍

如在頁面(miàn)設計中隻放置極少的必要元素，背景則用大面(miàn)積的單純色彩渲染，利用單純色彩的力量來突出和烘托網頁上的主要元素。邊導航與主題内容的留白劃分。

層次

頁面(miàn)設計需要層次感，當頁面(miàn)缺乏層次感的時候就會顯得頁面(miàn)比較單調或者花哨。頁面(miàn)層次感可能(néng)有很多類型，例如色彩的層次感、元素的層次感等等。