由于手机的用户只能将视线集中在一块较小的屏幕上，所以做好手机网站的视觉设计尤为重要。那么怎么做才能把用户的注意力集中在手机网站的视觉设计里面？

1、精简的布局设计

我们需要考虑如何最有效地使用手机的屏幕空间。”栅格系统”有助于设计师做到这点：均匀分布的垂直线结构可以作为放置内容根据。用这个方法，能让设计师更容易将按钮、标题或图像放在最有效的地方。将页面组件放在网格上有助于引导正在“使用”页面的用户，同时创造一个干净美观的视觉体验。 

2、手机网站设计要有人性化的交换

在移动设备上的触摸屏界面，也意味着视觉设计必须加强交互。换句话说，元素的大小和位置应确保其易用性，并指出动作之间的重要性和相关性。

3、手机网站设计要为通信而设计

为了加强通信，我们需要充分利用我们对信息的理解和解读。人脑解读视觉信息要比文字信息快得多，这就意味着使用视觉和图像来加强通信是非常有价值的。

 良好的视觉样式能够增加价值，支撑内容或者交互的主体，并改善整体的用户体验。

4、善于使用颜色