Godzilla. 2016-10-14
網(wǎng)站建設(shè)
蘇州網(wǎng)站制作：如何排版才能提高用戶好感？
在蘇州網(wǎng)站制作中，怎樣排版才能提高用戶體驗？對于任何地區(qū)的網(wǎng)頁設(shè)計而言，良好的排版包括精美的字體、網(wǎng)站內(nèi)容的高度可讀性、網(wǎng)站的識別性等三大因素。同時視覺設(shè)計和內(nèi)容風(fēng)格也應(yīng)當(dāng)做好一致性。今天的文章我們將為推薦一些提高用戶體驗的設(shè)計原則。
1、可讀性原則
網(wǎng)頁必須使用非襯線體字體這種想法已經(jīng)過時了，但是這種說法背后的核心思想并不過時：文本必須是易于閱讀的。
想要挑選易于閱讀的字體，手寫字體、哥特字體和過于新穎的字體應(yīng)當(dāng)盡量避免使用。當(dāng)然，如果是需要藝術(shù)性字體來做裝飾的場景就另當(dāng)別論了。
可讀性優(yōu)秀的字體在可識別性上也不錯，并且他們通常不會特別的“顯眼”。這些字體應(yīng)該是“透明”的，這樣可以讓用戶無障礙、下意識地接受，這就是他們的工作原理。
2、確保行間距足夠?qū)?/span>
行間距是影響用戶閱讀體驗的關(guān)鍵因素之一，太過致密會令人閱讀困難，有呼吸感的行間距則會令人著迷。尤其是如今大量用戶在手機和平板上閱讀，相對寬一點的行間距對于緩解閱讀大量內(nèi)容有相當(dāng)?shù)木徑庾饔谩?/span>
而要控制好行間距需要牽涉到好幾個變量：字體尺寸、段落長度、字體樣式、屏幕寬度。
3、選擇有字母含有大圓角的字體
對于西文字體，含有較大圓角和內(nèi)空的字體更易于閱讀。明顯的圓角弧度讓B和R這樣的字體易于被識別，而內(nèi)空則是O和Q這樣字母的標(biāo)志。
緊湊和致密的字體讓眼睛難于辨識，而曾經(jīng)在紙媒上流行過的較寬的標(biāo)題字體，識別度就相當(dāng)不錯，因為當(dāng)字體拉寬之后，不同字母的差異就越發(fā)明顯。圓角弧度更大的字體看起來更接近于給孩子們設(shè)計的字體，而幼年時期對于字體所構(gòu)建起的美學(xué)認(rèn)知，是會伴隨人的一生的。
4、讓字體更大一點
毫無疑問，字體適當(dāng)?shù)姆糯髸屓烁杏X更舒服。當(dāng)然，字體的大小通常取決于你的實際需求，而在處理大段文字的時候，就需要注意了。
雖然不同的設(shè)計師在文字的處理上有著不同的想法，但是通常大家會認(rèn)為每行的字符數(shù)量應(yīng)當(dāng)控制在45~60個之間（中文也有一個約定俗成的數(shù)量），而在移動端上，這個數(shù)量通常需要減半看起來才足夠舒適。
5、顯示字體的字距調(diào)整
正文的內(nèi)容如此之多，仔細(xì)調(diào)整所有的字母間的字距當(dāng)然是不現(xiàn)實的，而且也沒有這個必要。但是對于標(biāo)題字體和展示字體，字距的調(diào)整就相當(dāng)有必要了。不同字母的筆畫角度都不盡相同，每對字母之間的距離進行適當(dāng)調(diào)整，讓它們看起來像是天生一對那樣。這樣的細(xì)節(jié)能讓你的設(shè)計在諸多網(wǎng)站設(shè)計中脫穎而出。
其實中文和日文的字體排版中也同樣用到了字距調(diào)整的技巧，使用平假名和片假名尤其多的日本，在標(biāo)題和展示字體的排版上經(jīng)常會用到字距調(diào)整，來確保整體的視覺體驗。
6、仔細(xì)思考比例
當(dāng)你在為一個項目挑選字體樣式的時候，將不同部分的尺寸比例想清楚對于后續(xù)的設(shè)計相當(dāng)有幫助?？赡苈犉饋砗孟裼性S多計算工作要做，但是并不一定麻煩，并且會對你的整個項目有極大的幫助。
我們之前所提到的行間距的設(shè)定，就是需要考慮的比例之一。除此之外，標(biāo)題、副標(biāo)題和正文的字體大小比例應(yīng)當(dāng)如何設(shè)定，怎么樣設(shè)定尺寸大小才能營造出視覺的和諧感。
7、克制地使用字體
只用兩種字體。再強調(diào)一次，只能用兩種字體。
控制字體類型的數(shù)量應(yīng)該是每一個項目的目標(biāo)。太多用戶喜歡在一個界面當(dāng)中瘋狂地塞進各種不同類型的字體，這對于眼睛是災(zāi)難性的，閱讀困難，甚至招致用戶厭倦。
你可以挑選兩個字體族作為常用字體——最多再挑選一款藝術(shù)字體用作展示之用——然后堅持使用這幾種字體。想清楚每個字體在什么時候使用，在什么地方使用，這其中應(yīng)當(dāng)涉及到字體的顏色、大小和位置。另外，在不同的頁面、不同設(shè)備上，字體的使用應(yīng)該是一致的。
8、提升對比度
有許多時尚的網(wǎng)頁設(shè)計會讓背景和文字之間的對比度降低，營造出炫酷和融合的效果，但是內(nèi)容的識別度就很低了，對于用戶而言并不友好。
你的內(nèi)容是網(wǎng)站的核心之一，所以重要性是毋庸置疑的。將內(nèi)容和背景之間的對比度提升起來，讓每個詞都能在屏幕上清晰的識別出來，讓用戶輕松地獲取信息。
對于網(wǎng)站內(nèi)容特別多的網(wǎng)站來說，排版設(shè)計尤為重要，因為錯亂的順序看讓觀眾倒胃口，沒有看下去的心情。排版結(jié)構(gòu)舒適穩(wěn)定、對比度明顯和諧、安全用色都是你必須做到的事情。
文章標(biāo)簽：
蘇州網(wǎng)站制作
文章評論：