手机网站因为智能手机的普及和更新换代的速度加快而变得大受欢迎，而在移动互联网时代，手机网站也成为了移动电商的重要入口，所以手机网站开发行业的发展才会如此的火热。但是话说回来，受欢迎的手机网站一般都是美观大方的，那么如何设计手机网站才能够让它看起来美观并受人们欢迎呢？协策网络公司小编就手机网站的版面编排来进行详细介绍一下。

一、手机网站的版面设计

设计手机网站要追求美观度，那么在手机网站的页面设计上首先就需要考虑好网站页面的版面编排问题。手机网站的网页作为一种版面，需要既有文字也要具备图片，网站的文字也有小有大，还有标题和正文内容的区分；同时图片也有大小的区别和横竖之分。而在手机网站的版面设计时，设计师要知道，文字和图片都是要同时展示给用户看的，不能简单地全部罗列到手机网站上，这样不经看起来杂乱无章，也会造成不好的用户体验。所以，手机网站的内容编排一定要根据内容需要，对文字和图片进行合理的编排和布局设计，让手机网站设计从整体上看起来更加的美观。

二、如何设计美观的手机网站

手机网站因为是基于屏幕尺寸很小的手机，所以不能像PC端网站设计那样布局过多的文字，网站设计师要根据手机屏幕的尺寸大小来设计网站页面和进行文字和图片的布局。屏幕显示尺寸是设计手机网站时需要非常重视的，所以基于手机网站的显示来做好页面的版面编排。

1、手机网站要主次分明。在一个手机网站页面上，要考虑视觉的中心，可以在这个网站的页面中心布局重要的文字和图片，让手机用户可以在第一时间就看到手机网站的中心内容。

2、手机网站页面文字不要过多。因为手机的屏幕尺寸比PC电脑端小很多，所在手机网站的页面不能像PC网站页面那么布局太多的文字，手机网页如果文字太多，密密麻麻的一堆文字会让用户看起来觉得费力，容易对手机网站产生厌烦感。

3、设计手机网站多使用图片。手机用户多数会在碎片化的时间登录手机网站，而要在第一时间获得用户关注的目光，那么就需要使用精美的图片来设计手机网站，同时手机网站设计采用精美的图片也更易受用户青睐。