讓網(wǎng)頁(yè)更加好看的設(shè)計(jì)方法

怎樣利用成熟的規(guī)則來(lái)創(chuàng)造令人驚艷的網(wǎng)頁(yè)呢?漂亮的字體排版總能為網(wǎng)站設(shè)計(jì)加分不少。別具一格的設(shè)計(jì)雖然精彩，但是更多的時(shí)候，沿著前人探索出來(lái)的設(shè)計(jì)規(guī)則來(lái)設(shè)計(jì)，會(huì)更加得心應(yīng)手。今天的文章就沿著這樣的思路來(lái)探索網(wǎng)頁(yè)設(shè)計(jì)的可能性。

一、字體數(shù)量

這絕對(duì)是老生常談。當(dāng)你的網(wǎng)頁(yè)中使用過(guò)多的字體的時(shí)候會(huì)成為視覺(jué)噪音。絕大多數(shù)的項(xiàng)目會(huì)將字體數(shù)量控制到2到3種。字體選擇的關(guān)鍵在于挑選擁有可變風(fēng)格的字體族。絕大多數(shù)的字體都擁有多種不同的樣式，包括常規(guī)、粗體、斜體等。通過(guò)選擇有多種可變樣式的字體，讓你的設(shè)計(jì)項(xiàng)目確保多變的同時(shí)，還擁有內(nèi)核和精神上的一致性。如果你的需求比較多樣的話，甚至有些字體族中混合了襯線體和非襯線體，絕對(duì)夠你使用了。

不過(guò)，在中文字體的問(wèn)題上，目前還沒(méi)有足夠優(yōu)秀的在線字體的解決方案，有也不夠成熟。不過(guò)你可以在英文字體的搭配上多花點(diǎn)心思。

二、字間距和字偶距

在中文和英文排印當(dāng)中，字間距的概念比較簡(jiǎn)單也容易理解，這是在一段或一句文字中，每個(gè)文字的固定間距，但是在英文字體排印當(dāng)中，還存在一個(gè)概念，就是字偶距(Kerning)，這個(gè)概念在中文中幾乎用不到：字偶距值得是特定字母組合之間的距離，比如A和V這樣的字母在一起的時(shí)候，如果不調(diào)整兩者之間的字偶距，就會(huì)看起來(lái)隔得很遠(yuǎn)，視覺(jué)上會(huì)讓人覺(jué)得不太正常。

控制整體文本的字間距，能夠讓內(nèi)容的可讀性、文本段落的松緊顯得更加合理。而字偶距在標(biāo)題、展示性字體設(shè)計(jì)當(dāng)中，起到關(guān)鍵的作用，甚至?xí)绊懻w的風(fēng)格。

三、尺寸和層次

大小尺寸可能是排版設(shè)計(jì)的時(shí)候，調(diào)整得最多的因素。大而不當(dāng)?shù)淖煮w設(shè)計(jì)不可取，小而難讀的尺寸同樣違反了可用性的基本需求。尺寸控制的終極目標(biāo)，大概是增一分過(guò)大，減一寸太小的境界吧?

而層次也是不可忽略的因素。高可讀性的排版通常是具備有層次感的，而正是層次感引導(dǎo)用戶，先看標(biāo)題，再看副標(biāo)題，之后看正文。當(dāng)你明白內(nèi)容的輕重緩急，字體和排版層次就自然而然的有了。

四、樣式的混合與搭配

誠(chéng)然，字體的選擇很棘手，甚至可能是整個(gè)設(shè)計(jì)方案中最令人頭大的部分，但是有時(shí)候，選擇風(fēng)格截然不同的兩種字體，也是一個(gè)不錯(cuò)的答案。

進(jìn)行不同樣式字體搭配的時(shí)候，關(guān)鍵技巧在于選擇x高度相同的字體(字體中x、o這些小寫字體的高度)，同時(shí)還要注意o這樣的小寫字體的內(nèi)空大小要相近，這樣能保證字體的整體體驗(yàn)是一致的。

網(wǎng)頁(yè)題目：讓網(wǎng)頁(yè)更加好看的設(shè)計(jì)方法
文章出自：http://www.muchs.cn/news28/38528.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站營(yíng)銷、企業(yè)建站、外貿(mào)網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)站改版、搜索引擎優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)