移动端布局方面,确保每个页面上的文字、图片或者是视频都能够聚焦于一点,突出这个页面的核心内容。促使用户沿着我们想要的方向前进,点击特定的按钮,所以在网站移动端导航的设计上要精简。在PC端网站的导航栏可以有很多个层级,但是在移动端上就不能这样实现了,虽然现在大多数手机的屏幕都很大了,但是如果导航有十几二十个菜单项的话,那么移动页面看起来也不会很简洁。
网站的内容也要精简,精简的网站内容在响应到移动端的时候,更够更快的被用户获取有效的核心内容,也能够方便搜索引擎的抓取,提高搜索引擎对网站的好感度。举个例子来说吧,网站首页上方放置轮播图,这是大多网站建设公司常用的设计和展示方式,但是在移动端上可能只需要选择一张最重要的图片就可以了,而不需要过多的图片去轮播,影响到打开速度,还有就是放弃一些不必要的js特效。保证移动端网站的打开速度。
在PC端横向排列的网站布局,在移动端都是垂直排列的,图片设计最好是100%定义宽度,能够随着屏幕分辨率的变化而自适应;移动端网站的按钮设计,要按照用户手持手机的习惯,最容易触发的位置。