現在，大家都喜歡在手機上查詢、看新聞、看視訊，所以，企業在做手機網站的時候，想要抓住移動端的使用者，就要把手機網站也要做出來。手機網頁設計的時候，除了需要和pc端網站保持一致外，還需要注意手機端的設計要求，適合手機使用者的使用習慣。
下面分享手機網頁設計的八點注意事項：
1、logo位置
每個公司或應用都有不同風格的品牌元素，塑造品牌的關鍵是設計元素比如logo、字型和顏色等等要能代表該品牌。對於手機網頁設計來說，這一點至關重要。Logo的位置可能與電腦版本有所不同，甚至可能只在移動端應用的主檢視呈現，所以配色方案很重要。
2、導航設計
在移動裝置上獲取資訊實際上是有趣的體驗，因此，令使用者在使用過程中感到愉快很有必要，簡單地刪除螢幕上的連結並不能達到使用者友好體驗的'目的。導航應該包含使用者需要的內容，並提供明確的路徑。如果使用者知道跳轉的具體頁面，就會進行點選。
3、頁面排版
手機網站頁面排版有三個事項：一是為了易於使用者閱讀，要儘量避免使用大量的文字，將這些文字重新調整為小圖示或小條目是不錯的做法;二是不要簡單地刪除你認為“不重要”的內容，應該重新調整這些內容的佈局;三是用引語、線條或其他設計元素隔開大段的文字，使這些板塊顯得更美觀。
4、簡短，聚焦
無論何時都不能期望使用者在使用應用之前樂於閱讀說明性質的內容。人們開啟應用不是為了花時間學習怎樣使用UI，而是為了在最短的時間內以最小的成本解決他們手頭的問題。其實這也是個悖論，因為一旦學會更有效率的使用UI，使用者倒是可以為自己節省更多的時間。我們都知道，移動端使用者不願閱讀文字的習慣是出了名的，而移動使用者在這方面則有過之而無不及，因為在移動情境中，人機會話時間更加有限，注意力更容易分散。
5、資訊反饋
資訊反饋是設計中很關鍵的一個部分，特別是手機網頁，使用者反饋顯得尤為重要。移動裝置不存在滑鼠懸停和動畫，而且大多數裝置都是在被觸控時才有所顯示，所以及時提供清晰的操作反饋資訊是非常重要的。在移動裝置上，視覺反饋最為關鍵。
6、避免一連串的提示
有些時候，一個介面裡會有多個功能點需要被講解。然而通過一次一個的方式接二連三的蹦出浮層進行說明，則會使使用者更加不耐煩的關掉這些說明，而不管它們是不是真的有用。
接連不斷的展示引導資訊不僅會產生短期記憶方面的問題，而且會讓新使用者覺得你的應用過於複雜，望而生畏。記住，在實際當中，這樣的初體驗足以使他們關掉你的應用，然後去尋找其他的替換方案。
7、儘量使用圖形元素
使用圖文並茂的形式，而不只是乾巴巴的文字，這將能使使用者在最短的時間裡對資訊產生大致的瞭解。
對於前面提到的多步驟說明，可以嘗試將每一步內容濃縮為“恰當的圖形元素+簡短的文字”，並整合到一個展示層面上;這種方式即有利於使用者閱讀，也可以使多步驟的流程更直觀、易懂、易記憶。
8、不要和實際介面混淆
必須使引導提示在外觀上與實際介面元素有著明確的區分，否則引導提示就是在干擾實際介面，使用者也會迷茫，甚至會把教學內容當做功能介面，試著與其互動。
