手機(jī)網(wǎng)站頁(yè)面設(shè)計(jì)注意事項(xiàng)

來(lái)源:本站日期:2018-6-25

越來(lái)越多的人用手機(jī)來(lái)瀏覽網(wǎng)站,抓住移動(dòng)端的用戶,就要把手機(jī)網(wǎng)站也做出來(lái),適合手機(jī)用戶的瀏覽習(xí)慣。

手機(jī)網(wǎng)站設(shè)計(jì)一般要注意以下幾點(diǎn):

1、logo位置

每個(gè)公司或應(yīng)用都有不同風(fēng)格的品牌元素,塑造品牌的關(guān)鍵是設(shè)計(jì)元素比如logo、字體和顏色等等要能代表該品牌。對(duì)于手機(jī)網(wǎng)頁(yè)設(shè)計(jì)來(lái)說(shuō),這一點(diǎn)至關(guān)重要。Logo的位置可能與電腦版本有所不同,甚至可能只在移動(dòng)端應(yīng)用的主視圖呈現(xiàn),所以配色方案很重要。

2、導(dǎo)航設(shè)計(jì)

在移動(dòng)設(shè)備上獲取信息實(shí)際上是有趣的體驗(yàn),因此,令用戶在使用過(guò)程中感到愉快很有必要,簡(jiǎn)單地刪除屏幕上的鏈接并不能達(dá)到用戶友好體驗(yàn)的目的。導(dǎo)航應(yīng)該包含用戶需要的內(nèi)容,并提供明確的路徑。如果用戶知道跳轉(zhuǎn)的具體頁(yè)面,就會(huì)進(jìn)行點(diǎn)擊。

3、頁(yè)面排版

手機(jī)網(wǎng)站頁(yè)面排版有三個(gè)事項(xiàng):一是為了易于用戶閱讀,要盡量避免使用大量的文字,將這些文本重新調(diào)整為小圖標(biāo)或小條目是不錯(cuò)的做法;二是不要簡(jiǎn)單地刪除你認(rèn)為“不重要”的內(nèi)容,應(yīng)該重新調(diào)整這些內(nèi)容的布局;三是用引語(yǔ)、線條或其他設(shè)計(jì)元素隔開(kāi)大段的文字,使這些板塊顯得更美觀。

4、簡(jiǎn)短,聚焦

無(wú)論何時(shí)都不能期望用戶在使用應(yīng)用之前樂(lè)于閱讀說(shuō)明性質(zhì)的內(nèi)容。人們打開(kāi)應(yīng)用不是為了花時(shí)間學(xué)習(xí)怎樣使用UI,而是為了在最短的時(shí)間內(nèi)以最小的成本解決他們手頭的問(wèn)題。其實(shí)這也是個(gè)悖論,因?yàn)橐坏W(xué)會(huì)更有效率的使用UI,用戶倒是可以為自己節(jié)省更多的時(shí)間。我們都知道,移動(dòng)端用戶不愿閱讀文字的習(xí)慣是出了名的,而移動(dòng)用戶在這方面則有過(guò)之而無(wú)不及,因?yàn)樵谝苿?dòng)情境中,人機(jī)會(huì)話時(shí)間更加有限,注意力更容易分散。

5、信息反饋

信息反饋是設(shè)計(jì)中很關(guān)鍵的一個(gè)部分,特別是手機(jī)網(wǎng)頁(yè),用戶反饋顯得尤為重要。移動(dòng)設(shè)備不存在鼠標(biāo)懸停和動(dòng)畫(huà),而且大多數(shù)設(shè)備都是在被觸摸時(shí)才有所顯示,所以及時(shí)提供清晰的操作反饋信息是非常重要的。在移動(dòng)設(shè)備上,視覺(jué)反饋?zhàn)顬殛P(guān)鍵。

6、盡量使用圖形元素

使用圖文并茂的形式,而不只是干巴巴的文字,這將能使用戶在最短的時(shí)間里對(duì)信息產(chǎn)生大致的了解。

關(guān)鍵詞標(biāo)簽:廣州網(wǎng)站建設(shè),手機(jī)網(wǎng)站頁(yè)面設(shè)計(jì)注意事項(xiàng),手機(jī)網(wǎng)站定制開(kāi)發(fā)

0