移动端的屏幕比较小，分辨率也是不同的，为了能够更好的显示页面内容，移动端页面必须能够自适应各种不同的分辨率。

那么，如何设计移动端网站页面的版式？

1、栅格系统

栅格系统通过一系列的行与列的组合来管理页面布局。栅格系统不仅可以让页面的信息呈现更美观易读、更具有可用性，而且还可以让网站页面更加灵活和规。

采用这种模式设计出来的页面更加符合移动端网站页面显示，用户的观感也会更好。

2、功能减去

由于移动端设备的屏幕比较小，正常情况下会减去PC端页面的一些不太重要的功能，并且设置相应的链接，让其在其它页面中进行显示。

这样可以优先展示重要的内容，吸引用户并提升用户的浏览体验。

3、修饰减去

面对小屏幕，在功能减少的情况下，修饰也必须要减少。在PC端中可以显示的加强视觉效果的一些设计，在移动端要去掉。

正常情况下，PC端的设计不仅需要满足功能的要求，还需要考虑版面的设计，通过合理图片以及文字版面布局来加强用户体验。

4、流式布局

正常情况下，PC端页面的布局方式是固定的，这种固定式的布局在转向移动端的时候，因为屏幕的变化就会出现每个板块虽然上面很齐整，但是下面却出现了镂空现象，这样就会影响用户的视觉效果。

转换成流式布局，就会根据屏幕大小来自动调整布局结构，因为流式布局非常灵活，而且可以自动填充空白地方，这样网站页面看起来就很紧凑，视觉效果也更好。

原创·大金SEO http://www.dajinseo.com/p/483.html