在手机上上网不仅是一个可见的趋势，而且绝大多数网页设计师应该开始接触手机版网页设计。

手机网页设计的理念和一般个人电脑使用的有些不同。因此，我们在这里简单总结一些设计原则:

/h1
h12. 一栏捲动的最佳策略/h1
p大部分的行动装置，画面都不如桌上电脑那么大，尤其是阅读文字时更需要加以放大。即使智慧手机都具有网页放大缩小功能，但是观看起来较为麻烦。/p
p因此设计行动网页时，建议是能够以滑动萤幕的方式阅读网站，因为滑动网页比起放大网页观看来得简单多了。/p
p

/p
h13. 导览功能大不同/h1
p手机网页与跟一般的网页不同的，在于当阅读文章到最后时，要回到最前头是麻烦的，因此设计网页的企业，除了减少捲动画面的机会外，也会加强导览的功能，让网页变得更容易于行动装置上阅读。导览设计的重点有：/p
p*只在首页的部份加入搜寻的功能
*建立导览功能键，其中以「回到首页」、「回到上一页」这两个最为重要
*最后，「回到上一页」的按键除了首页以外，其余的页面都需要放置/p
pimg alt=个手机版网页设计的原则 ，建站公司。\" src=\"https://www.cwhello.com/website/wp-content/uploads/2021/02/20111207172929.gif\">

[div][div]

4.减少文字输入部分。

大部分手机没有实体键盘，或者只有12键电话输入功能，所以输入文字要比用键盘麻烦很多。因此，用户输入文本的机会减少，如:个人账号、密码、搜索文本、使用编辑器& # 8230；等等，都是网页应该尽量避免的行为。设计重点如下:

*允许移动互联网用户存储输入的帐户密码信息
*尽可能放大输入块
*允许移动互联网用户输入简单的密码，如PIN码。

[div][div]

5.想想手机网页的多个版本。

手机的规格有很多，有的是320*240的分辨率，较新的是800*480，下一代手机的分辨率是720P，那么手机网站如何满足众多需求呢？

一般来说，有两种方式。一种是设置不同分辨率的移动网站，用户可以在自己的移动门户页面上选择。以mobile.facebook.com脸书为例，它适用于大多数智能手机和平板电脑，而0.facebook.com则用于非智能手机或互联网连接速度极慢的地区。另一种方法是通过手机的语法，比如CSS语法中的视点，根据手机的分辨率来确定浏览屏幕的宽度。

[div][div]

6.触摸屏和非触摸屏的设计

虽然现在触控智能手机很流行，但是还是有很多传统手机，没有触控界面，使用传统控制键作为导航工具。比如减少屏幕中超链接的数量，在选择链接时可以减少一些按钮，或者放大文字以减少误差。

更何况鼠标的原理和触控界面的原理大相径庭。所以手机版的网页要避免只有电脑鼠标才能做到的功能。比如“下拉菜单”的功能，无法触发鼠标移动后才会显示的菜单，因为移动设备没有“鼠标坐标”的设计。

[div][div]

7.利用手机的天然优势

手机有很多传统电脑没有的优势，其中最大的优势就是“移动性”。所以手机版网页尤其应该发扬这些特点，让手机网页比一般网页更有优势。例如:

*移动定位:大多数智能设备都有GPS或定位机制，可以让客户主动找到你的位置。

*手机联系:如果客户正在使用手机，可以立即通话；如果是平板电脑，你还可以用短信或电子邮件给客户发信息。

*附近的地点:如果你的企业有很多据点，请告诉你的客户哪些地点离他很近，这样他就可以联系到他们。

二维码设计，这几年已经成为手机条码，也应该包含在手机网页的设计元素中。