移動(dòng)端網(wǎng)頁(yè)界面規(guī)劃技巧

關(guān)于移動(dòng)端的規(guī)劃和開發(fā)關(guān)于剛剛觸摸的小伙伴，根本都要在尺寸的問題上糾結(jié)一段時(shí)刻才有頭緒。再者我們都知道網(wǎng)頁(yè)的外觀規(guī)劃得好、好用和能運(yùn)用在各種設(shè)備是今日看上去最重要的工作。呼應(yīng)式網(wǎng)頁(yè)成功的要害是能適配各種用戶設(shè)備。下面是幾個(gè)移動(dòng)端頁(yè)面規(guī)劃的技巧，跟大家一同分享下。

1. 考慮用戶

想想用戶運(yùn)用網(wǎng)站的場(chǎng)景，您的網(wǎng)頁(yè)規(guī)劃元素應(yīng)該讓他們感到溫馨。

如果他們習(xí)慣了網(wǎng)站上運(yùn)用那些現(xiàn)代而精美的字體，如果俄然出現(xiàn)其他字體，他們會(huì)覺得糟糕或手足無措。

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

2. 建立視覺層次

訪問者一般用快速掃描的方法檢查你的網(wǎng)站。在視覺規(guī)劃上用一些技巧告訴用戶那些文本是最重要的，他們應(yīng)該會(huì)集注意力看。

你能夠杰出你的網(wǎng)站優(yōu)勢(shì)，因而讓用戶去重視你期望他們重視的內(nèi)容上。那怕是在移動(dòng)端，用戶再怎么快速的掃描信息，也不致于疏忽要害內(nèi)容，一旦發(fā)生愛好，他們就能成為潛在客戶，發(fā)生購(gòu)買、成為會(huì)員、或許你會(huì)收成更多。

3. 讓他可讀性高

無論怎么你的網(wǎng)站上的文本有必要使人簡(jiǎn)單閱覽。如果一個(gè)網(wǎng)站的文字閱覽起來很有應(yīng)戰(zhàn)，用戶很顯然不會(huì)去看它，這意味著你將失掉潛在的客戶。在移動(dòng)端屏幕變小，還有各種反光和影子會(huì)讓文字更難讀。移動(dòng)端文字有它固有的標(biāo)準(zhǔn)（如：一般在2×的規(guī)劃稿中文字最小可讀是24PX），文字不能過于單薄也不能有太多顏色，一切的“手法”都必需使文字愈加簡(jiǎn)單閱覽。

4. 運(yùn)用同一套風(fēng)格的字體去規(guī)劃

網(wǎng)頁(yè)規(guī)劃中字體的挑選是一件困難的工作，那么多的字體可選，會(huì)讓人困惑。

最好的組合方法是運(yùn)用同一個(gè)系列的字體，或許是由同一個(gè)規(guī)劃師規(guī)劃的字體。

在一些情況下，字體并沒有粗體和多個(gè)字體款式供我們運(yùn)用，這個(gè)時(shí)候你能夠找找同一個(gè)規(guī)劃師做的字體，它們可能具有類似的特性，讓你的規(guī)劃顯得愈加“調(diào)和”。

5. 比照的創(chuàng)意

在平面規(guī)劃中 玩比照已經(jīng)是一種常見的方法。您必需運(yùn)用比照色，來添加可讀性。如果文字的顏色很重，那么配色淡色的布景會(huì)愈加易讀，布景和字體顏色過于類似會(huì)難以閱覽，或許布景過于花哨也會(huì)顯得閱覽困難和層次低。

也能夠在排版頂用文字玩比照（如粗細(xì)比照、大小比照和疏密比照等），如果一切的文字都很類似，你的著作將失掉視覺層次，并顯得很平凡。

6. 約束字體的種類

不論你怎么運(yùn)用字體規(guī)劃和排版，有一條不變的規(guī)律，不要運(yùn)用太多字體，專家建議運(yùn)用2到3種適合。

雖然這條建議非常好，可是也不是肯定，一些情況下，多種字體也能做出特殊作用�？墒谴蠖鄶�(shù)情況下，過多的字體意味著缺少規(guī)劃和亂。

讓網(wǎng)站調(diào)用系統(tǒng)字體不僅僅影響網(wǎng)站的視覺外觀并且會(huì)對(duì)WEB頁(yè)面的功能有巨大影響，英文最好運(yùn)用woff (Web Open Font Format)，惋惜中文因?yàn)樽煮w數(shù)量大導(dǎo)致文件體積過大，不適合做woff。

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

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

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

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