隨著網際網路科技的發展以及人們生活方式的改變，手機網站逐漸趕上PC網站，成為企業宣傳推廣以及使用者閱讀的的主要平臺，因此也有越來越多的企業開始製作手機網站。不過，手機網頁設計必須遵循移動端的設計原則，而不是盲目沿用電腦網站的設計規律，畢竟兩者還是有很大區別的。

首先，移動端網頁設計都需要考慮網路的問題。雖然現在的網路普及程度高，但是大部分使用者還是利用手機流量來上網的，因此對手機網頁的訪問載入速度要求較高。如果使用者在流量網頁時遇到頁面遲滯、視覺錯位、資訊不全等問題，使用者體驗就會大打折扣，因此要求網頁內容儘量簡潔明瞭，同時展現精準、有用、易用的選單欄。

還有，因為手機端螢幕大小不一，如果想要保證所有人正常訪問頁面，維持內容的可讀性，那麼就需要我們在進行相關設計的時候，儘量控制文字的間距、顏色，著重突出頁面的重點內容，讓使用者更容易看到自己想看到的內容,另外，一般手機中的電話、簡訊、推送等資訊是無處不在的，使用者在瀏覽網站時，注意力很容易就被這些彈出來的資訊所吸引，因此網頁的圖示設計一定要高效，讓使用者在短時間內就知道網頁的導航資訊是什麼、主要內容是什麼，節省使用者時間的同時，還為網站爭取了成交的機會。

手機網站佈局設計方法

1、手機網站的單頁

手機網站建設的單頁這個是存在於很多企業網站的內容，單頁最佳化有著一定的好處，首先網站的單頁是用HTML書寫，並且完全靜態化，這個是符合搜尋引擎的，有利於最佳化，對搜尋引擎友好。

這種頁面的佈局往往需要的是大氣，簡潔，直入主題。一般可以用來介紹公司以及公司的主要核心內容。

2、首頁佈局

手機網站建設的首頁是一個網站的核心部分，瀏覽者首先看到的就是首頁，然後才會看到內頁，才會瞭解你的公司，只有首頁有吸引力，才能留住瀏覽者瀏覽你網站的內容，那麼首頁的佈局就很重要了。

首頁需要突出網站的核心，展示公司的優勢，盡顯企業的特色，而且需要有主次之分，上下之分，因為瀏覽者的習慣是從上而下，從左而右瀏覽的。

3、內容頁佈局

手機網站建設的內容頁就是網站的內容詳細展示頁面了，有的網站建設者沒有太多注意的問題，手機網站建設者認為內容頁根本不重要或是不是很重要，只要在後臺把文章內容上傳上去讓其顯示就可以了。

其實一些大網站的權重流量都是靠這些內容頁撐起來的，我們每天更新文章顯示的一個介面，這個頁面的一個好的內容頁能夠給網站帶來某一特定詞的排名。

4、列表頁佈局

手機網站建設的列表頁分為圖片列表和文章列表頁。圖片列表頁一般展示的是公司的案例或產品，一般圖文佈局展示就可以了。文章列表頁展示的是公司的新聞或行業動態之類的文章，一般是新聞標題顯示佈局就可以了。

設計要針對顯示裝置的實際情況來具體設計。

手機網頁設計，要針對手機螢幕小，豎屏觀看，手指操作，網速慢這3個特點進行最佳化設計。

1.針對手機螢幕小

因為螢幕小，所以要合理最佳化頁面內容，把重點內容優先顯示，不浪費使用者時間查詢他要的內容。

2.豎屏觀看

手機基本上都是豎屏觀看的，所以內容排版儘量豎著排版，方便使用者觀看。

3.手指操作

4.手機網速慢

儘量最佳化壓縮網頁的大小，提升網頁載入速度，提升使用者體驗。

暫時想到這麼多，難免遺漏，多多指教。