移動(dòng)端網(wǎng)頁(yè)界面設(shè)計(jì)技巧

　　Webudo，我們知道網(wǎng)頁(yè)的外觀設(shè)計(jì)得好、好用和能使用在各種設(shè)備是今天看上去最重要的事情。響應(yīng)式網(wǎng)頁(yè)成功的關(guān)鍵是能適配各種用戶設(shè)備。本篇文章不僅僅適用于移動(dòng)端的網(wǎng)頁(yè)，也同樣適用于移動(dòng)APP上的字體設(shè)計(jì)。

　　移動(dòng)網(wǎng)站界面設(shè)計(jì)+字體相關(guān)的技巧我沒(méi)今天總結(jié)了7條法則如下：

　　1. 讓他可讀性高

　　無(wú)論如何你的網(wǎng)站上的文本必須使人容易閱讀。如果一個(gè)網(wǎng)站的文字閱讀起來(lái)很有挑戰(zhàn)，用戶很顯然不會(huì)去看它，這意味著你將失去潛在的客戶。在移動(dòng)端屏幕變小，還有各種反光和倒影會(huì)讓文字更難讀。移動(dòng)端文字有它固有的標(biāo)準(zhǔn)(如：一般在2×的設(shè)計(jì)稿中文字最小可讀是24PX)，文字不能過(guò)于單薄也不能有太多色彩，所有的“手段”都必需使文字更加容易閱讀。

　　2. 建立視覺(jué)層次

　　訪問(wèn)者一般用快速掃描的方式查看你的網(wǎng)站。在視覺(jué)設(shè)計(jì)上用一些技巧告訴用戶那些文本是最重要的，他們應(yīng)該集中注意力看。

　　你可以突出你的網(wǎng)站優(yōu)勢(shì)，因而讓用戶去關(guān)注你希望他們關(guān)注的內(nèi)容上。那怕是在移動(dòng)端，用戶再如何快速的掃描信息，也不致于忽略關(guān)鍵內(nèi)容，一旦產(chǎn)生興趣，他們就能成為潛在客戶，產(chǎn)生購(gòu)買、成為會(huì)員、或者你會(huì)收獲更多。

　　3. 考慮用戶

　　想想用戶使用網(wǎng)站的場(chǎng)景，您的網(wǎng)頁(yè)設(shè)計(jì)元素應(yīng)該讓他們感到溫馨。

　　如果他們習(xí)慣了網(wǎng)站上使用那些現(xiàn)代而精致的字體，如果突然出現(xiàn)其他字體，他們會(huì)覺(jué)得蹩腳或不知所措。

　　你的網(wǎng)站的字體選擇應(yīng)該有一個(gè)基調(diào)，讓訪問(wèn)者舒適，并熟悉。

　　4. 對(duì)比的創(chuàng)意

　　在平面設(shè)計(jì)中 玩對(duì)比已經(jīng)是一種常見(jiàn)的方式。您必需使用對(duì)比色，來(lái)增加可讀性。如果文字的色彩很重，那么配色淺色的背景會(huì)更加易讀，背景和字體色彩過(guò)于相似會(huì)難以閱讀，或者背景過(guò)于花哨也會(huì)顯得閱讀困難和檔次低。

　　也可以在排版中用文字玩對(duì)比(如粗細(xì)對(duì)比、大小對(duì)比和疏密對(duì)比等)，如果所有的文字都很相似，你的作品將失去視覺(jué)層次，并顯得很平庸。

　　5. 使用同一套風(fēng)格的字體去設(shè)計(jì)

　　網(wǎng)頁(yè)設(shè)計(jì)中字體的選擇是一件困難的事情，那么多的字體可選，會(huì)讓人困惑。

　　最好的組合方式是使用同一個(gè)系列的字體，或者是由同一個(gè)設(shè)計(jì)師設(shè)計(jì)的字體。

　　在一些情況下，字體并沒(méi)有粗體和多個(gè)字體樣式供我們使用，這個(gè)時(shí)候你可以找找同一個(gè)設(shè)計(jì)師做的字體，它們可能擁有相似的特性，讓你的設(shè)計(jì)顯得更加“和諧”。

　　6. 限制字體的種類

　　不管你如何使用字體設(shè)計(jì)和排版，有一條不變的法則，不要使用太多字體，專家建議使用2到3種適宜。

　　雖然這條建議非常好，但是也不是絕對(duì)，一些情況下，多種字體也能做出特殊效果。但是大多數(shù)情況下，過(guò)多的字體意味著缺乏設(shè)計(jì)和亂。

　　讓網(wǎng)站調(diào)用系統(tǒng)字體不僅僅影響網(wǎng)站的視覺(jué)外觀而且會(huì)對(duì)WEB頁(yè)面的性能有巨大影響，英文最好使用woff (Web Open Font Format)，可惜中文由于字體數(shù)量大導(dǎo)致文件體積過(guò)大，不適合做woff。

　　字體太多 = 較慢的加載時(shí)間，一個(gè)網(wǎng)站加載時(shí)間過(guò)長(zhǎng)則意味著用戶的流逝。

　　7. 不要忘記測(cè)試體驗(yàn)一下

　　如果你不去實(shí)踐，任何的規(guī)則和理論都是沒(méi)有意義的。

　　用各種移動(dòng)設(shè)備去試試你的網(wǎng)頁(yè)，看看文本閱讀是否流程，在小屏幕可讀性還是否OK。什么樣的設(shè)計(jì)概念都是用來(lái)打破的，一旦你運(yùn)用到實(shí)踐中，可能你就需要有調(diào)整，以便于獲取最佳效果。