隨著移動(dòng)互聯(lián)網(wǎng)的普及，大多數(shù)網(wǎng)站開(kāi)始開(kāi)發(fā)相應(yīng)的移動(dòng)版。移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)開(kāi)發(fā)完畢后，自己先看一看，這個(gè)網(wǎng)頁(yè)瀏覽方式是否讓用戶感興趣。雖然移動(dòng)互聯(lián)網(wǎng)規(guī)則可能各不不同，但設(shè)計(jì)創(chuàng)新在有條不紊地進(jìn)行中，設(shè)計(jì)師們想方設(shè)法解決這一難題。下面我分享2011年移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)趨勢(shì)的16種手機(jī)網(wǎng)頁(yè)設(shè)計(jì)，并提供16個(gè)實(shí)際案例，你可以參考這16中設(shè)計(jì)運(yùn)用到你的手機(jī)網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)中。

主要的移動(dòng)網(wǎng)絡(luò)設(shè)計(jì)的趨勢(shì)在于使互聯(lián)網(wǎng)版本與移動(dòng)版本的差異最小化。關(guān)鍵的問(wèn)題是我們的移動(dòng)設(shè)備和電腦屏幕的分辨率相差很大，如何能夠更直觀地顯示網(wǎng)站內(nèi)容。另一個(gè)問(wèn)題是移動(dòng)設(shè)備的網(wǎng)絡(luò)速度是根據(jù)所在環(huán)境而定，如何確保用戶能夠快速瀏覽網(wǎng)頁(yè)。這些問(wèn)題迫使設(shè)計(jì)人員打開(kāi)手機(jī)網(wǎng)頁(yè)設(shè)計(jì)的創(chuàng)新思維，接下來(lái)，我們就來(lái)看看他們的網(wǎng)站有哪些設(shè)計(jì)的突破。

1.滑動(dòng)欄

滑塊被看作是一種方便的解決方案來(lái)處理大容量的圖像。通常是提供一種奇特的過(guò)渡效果讓您輕松瀏覽多張幻燈片。這個(gè)方法特別有用，因?yàn)樵谝苿?dòng)布局在有限的空間，您可以顯示多張圖片。

2.大圖背景

使用大尺寸圖片作為網(wǎng)站的背景，也是令人震撼的視覺(jué)效果。用一張能夠迅速表達(dá)含義的圖片比一大堆文字內(nèi)容更有意義。

3.雜志封面

雜志的設(shè)計(jì)也變得越來(lái)越流行，因?yàn)槌�了網(wǎng)站的其余功能，他們更喜歡的門戶網(wǎng)站上的內(nèi)容​​。這里需要考慮到的主要是圖像和標(biāo)題。

4.視頻內(nèi)容列表

5.整站導(dǎo)航

移動(dòng)網(wǎng)站的不同版本通常提供一個(gè)鏈接，而且可以跳轉(zhuǎn)到桌面版本的網(wǎng)站訪問(wèn)，為用戶提供其他內(nèi)容。這一趨勢(shì)會(huì)越來(lái)越流行，因?yàn)楝F(xiàn)在的移動(dòng)設(shè)備大部分有大屏幕和wifi上網(wǎng)可以輕松地連接任何網(wǎng)站的顯示桌面版本。

6.集成社會(huì)化網(wǎng)絡(luò)

另一種流行的趨勢(shì)是為了用戶提供移動(dòng)版的網(wǎng)絡(luò)社區(qū)和外部嵌入式社會(huì)化網(wǎng)絡(luò)站點(diǎn)。

7.簡(jiǎn)介版塊

許多移動(dòng)網(wǎng)站使用簡(jiǎn)介版塊，顯示一些關(guān)于網(wǎng)站或公司的介紹等信息，給瀏覽者留下第一印象。

8.精簡(jiǎn)版

這是最常見(jiàn)的方式之一。把無(wú)關(guān)緊要的網(wǎng)站內(nèi)容去除，留下主要的內(nèi)容部分，然后優(yōu)化輸出，用在移動(dòng)版本。

9.縮略圖樣式

基于網(wǎng)格的縮略圖樣式，對(duì)視覺(jué)內(nèi)容的分類、分組極其有用。只要點(diǎn)擊縮略圖就能打開(kāi)指定的幻燈片內(nèi)容或網(wǎng)頁(yè)。

10.兩列導(dǎo)航菜單

把導(dǎo)航菜單欄拆分成兩列顯示。許多移動(dòng)網(wǎng)站已經(jīng)使用了這種布局。

11.二元線性指尖導(dǎo)航

這種導(dǎo)航菜單式是由一個(gè)雙重對(duì)比的顏色風(fēng)格的導(dǎo)航欄。通常是用于重要的內(nèi)容版塊，例如：‘關(guān)于’和‘加入’。

12.下拉菜單

一般情況下，根據(jù)瀏覽者的點(diǎn)擊顯示下拉部分菜單。通常放置在頁(yè)面頂部，用于調(diào)整了網(wǎng)站菜單占用屏幕的空間。

13.用圖片做導(dǎo)航

全部用圖片做菜單欄。這種情況下，附加圖片有助于明確指導(dǎo)該網(wǎng)站的不同部分的游客。

14.圖片+文字導(dǎo)航

利用圖片+文字制作的導(dǎo)航也使人們更容易瀏覽你的網(wǎng)站。為圖片加上文字說(shuō)明，非常直觀，有利于更快的了解鏈接內(nèi)容。

15.橫向?qū)Ш矫姘?/strong>