移動設備友好型網站
2019-08-11 07:27:25來源：未知 作者：admin
現今，人們隨處都可以通過WIFI使用移動設備瀏覽網頁。這種大背景下如果你的網站不能很好的呈現在網民面前，注定要失去網民。因此我們需要學習如何為移動設備，諸如iPhone, 智能手機， PDAs, 以及手持電腦等設計網站。
為移動設備設計網站的四要素：
1. 堅持使用基礎的HTML標簽諸如p, br, b, i, pre, headers (h1-6), blockquote, center, ul, ol, li, images等
2. 避免使用框架，層，映射圖，插件，JS，Java 和CSS
3. 保持布局小且整潔
4. 注意圖片的呈現形式
圖片
移動設備的圖片處理非常棘手。大多數手機瀏覽器都支持圖片元素，但有些卻沒有顏色，并且圖片分辨率也比PC要低很多。圖片的大小也是個問題。之前許多手機的屏幕都是150x150像素的，現在雖是進入大屏時代，但因手機本身局限性，就決定其屏幕無法有太多的擴展空間。這時設計師就想到把圖片壓縮以求適應手機屏幕，結果往往是圖片效果非常差。但如果不壓縮圖片，圖片像素超過手機屏幕，用戶瀏覽起來又會非常不方便。
網站內容
內容是手機版網站成功的關鍵。網頁要保證有足夠的內容供手機用戶瀏覽，但也不要多到無法點擊閱讀的地步。上傳內容前，你應做好規劃，什么是首要的，什么是次要的，什么是不重要的，再按照比重上傳內容。之前蘇州網站建設博敏小編也介紹過網站的文章內容要簡練，手機網站也屬網站范疇，因此網站內容同樣要精簡。
制作移動版網頁Tips：
為移動設備設計網站的四要素：
1. 堅持使用基礎的HTML標簽諸如p, br, b, i, pre, headers (h1-6), blockquote, center, ul, ol, li, images等
2. 避免使用框架，層，映射圖，插件，JS，Java 和CSS
3. 保持布局小且整潔
4. 注意圖片的呈現形式
圖片
移動設備的圖片處理非常棘手。大多數手機瀏覽器都支持圖片元素，但有些卻沒有顏色，并且圖片分辨率也比PC要低很多。圖片的大小也是個問題。之前許多手機的屏幕都是150x150像素的，現在雖是進入大屏時代，但因手機本身局限性，就決定其屏幕無法有太多的擴展空間。這時設計師就想到把圖片壓縮以求適應手機屏幕，結果往往是圖片效果非常差。但如果不壓縮圖片，圖片像素超過手機屏幕，用戶瀏覽起來又會非常不方便。
網站內容
內容是手機版網站成功的關鍵。網頁要保證有足夠的內容供手機用戶瀏覽，但也不要多到無法點擊閱讀的地步。上傳內容前，你應做好規劃，什么是首要的，什么是次要的，什么是不重要的，再按照比重上傳內容。之前蘇州網站建設博敏小編也介紹過網站的文章內容要簡練，手機網站也屬網站范疇，因此網站內容同樣要精簡。
制作移動版網頁Tips：
- 控制移動版網頁的大小
- 導航要清晰精準
- 避免上傳對導航和易讀性沒有任何幫助的圖片
- 在智能手機和掌上電腦上測試移動版網頁
上一篇：UX?UI？設計師到底有幾種？
