由于手机的用户只能将视线集中在一块较小的屏幕上，所以做好手机网站的视觉设计尤为重要。那么怎么做才能把用户的注意力集中在手机网站的视觉设计里面？
1、精简的布局设计
我们需要考虑如何最有效地使用手机的屏幕空间。”栅格系统”有助于设计师做到这点：均匀分布的垂直线结构可以作为放置内容根据。用这个方法，能让设计师更容易将按钮、标题或图像放在最有效的地方。将页面组件放在网格上有助于引导正在“使用”页面的用户，同时创造一个干净美观的视觉体验。
2、手机网站设计要有人性化的交换
在移动设备上的触摸屏界面，也意味着视觉设计必须加强交互。换句话说，元素的大小和位置应确保其易用性，并指出动作之间的重要性和相关性。
3、手机网站设计要为通信而设计
为了加强通信，我们需要充分利用我们对信息的理解和解读。人脑解读视觉信息要比文字信息快得多，这就意味着使用视觉和图像来加强通信是非常有价值的。
良好的视觉样式能够增加价值，支撑内容或者交互的主体，并改善整体的用户体验。
4、善于使用颜色
颜色可以为网站和品牌创造了一种音调或情绪，它不能随机选择。色彩设计是非常主观的，它依赖于个人经验和文化。使用特定的色调和明暗程度，可以帮助我们传达目标的整体印象。明亮大胆的色彩营造出一种趣味性，暗色调营造出一种优雅的氛围或基调，而加入了灰的浅色调会营造出一种复古感。