移动设备友好型网站
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？设计师到底有几种？