更多人开始关注移动页面的数据而不是电脑端的，包括访问率、转化率、点击率等等。而要实现这些指标的提升，努力方向之一就是页面的设计，让手机网站页面更加友好、体验更佳。基于此，我们提供五个促进手机页面友好的设计技巧，供参考。
 

注重设计元素的间距

间距设计□□□□元素不仅□□□□仅是为了◤创造一个丨良好的视□□觉流， 它能够使□□网站易于◎使用的所□□□□有访客。  
一个常见的移动可用性错误是“可点击元素靠得太近”。这给使用小型设备的访问者带来了一种令人沮丧的体验，因为他们在试图浏览网站时，可能会无意中点击了一些元素。从手机用户体验设计的角度来看，按钮和互动或可点击元素需要足够大，并在设计中放置得足够远。  
因此，需要在按◈钮和元素□□□□之间设计◥足够的空□□□间，这样访问●者才不会□□有令人沮□□□□丧的移动□□□□体验。  
还需要考★虑可访问□□□□性，以及访问□□□□者可能如▽何使用较丨小的设备。无论如何，网站设计◇需要易于□□□导航。最后，用户也会□□□□用他们的✦拇指在设□□备上滚动◢浏览网页，所以需要□□确保没有□□□□大的可点◥击元素，以免用户丨在滚动时□□不小心点□□击。  

确保文字和字体的可读性  

除了间距□□□□之外，另一个常丨见的移动□□可用性错□□误是“文本太小，无法阅读”。
选择一个□□□□容易辨认•的字体是□□开始的第□□□一步。用户在使◢用小型设□□□备时，经常是在□□□行走、多任务或★户外，他们可能•在试图浏★览您的网□□□站时处于□□□□非理想的□□□情况。  
根据字体□□□□大小创建□□□□视觉层次□□结构是帮✦助这些移□□□动用户快□□□速浏览和□□理解页面▲内容的另□□□□一种方法。它也有助□□□于移动或□□□平板设备，因为标题♦文本可能□□转到下一□□□□行。 在整个页△面中使用□□□相同的字□□□□体和大小◢会导致页丨面含义的□□□□混乱。可以增加□□文本行之◇间的行高，以提高页□□面的可读◉性。一旦决定◢了字体和✦大小，还需要考□□□□虑颜色的□□□□对比度。  
由于访客□□□□可能在室□□□内、室外或光□□线差的环◎境中，遵循背景◤和前景色□□□的对比标□□□准是很重□□要的。  

确保悬停和动画最佳呈现

大多数网★页设计都◎包含了一□□些微型动□□□□画和互动★组件; 这是客户□□□在重新设□□□计过程中□□□□常见的要□□□求。添加移动□□到站点通◈常是设计□□师和开发◉人员之间□□的合作，因为动画□□会影响页□□□面加载时□□间，如果编码□□不好，会导致无◇休止的质□□□量控制。 在设计过□□□□程中选择◣动画时，你还需要◇计划这些□□□交互是否□□□会发生在□□□移动设备□□□上。  
由于性能问题，用户通常会关闭手机上复杂的动画和视频背景，因为它们会降低网站的加载时间，尤其是对移动网络的访问者。一般来说，动画和交互应该以微妙的方式来支持用户体验，而不应该分散访问者的注意力。 它也不应该是帮助访问者完成一个行动的必要成分。  
悬停是另□□□□一个常见□□□□的设计元□□□□素，在移动设◈备上看起□□□□来可能有□□□所不同。 在桌面上，悬停是指□□□□当访问者□□将鼠标悬▽停在一个□□□对象或图◢像上时，该对象或□□□图像会改☆变或显示□□文本。

规划弹出窗口和第三方元素  

在移动设□□□□备上避免□□□□弹出式表◢单的一个△理由是，访问者关□□□□闭表单或□□□消息会更□□□加困难。可以在与□□□□客户讨论□□弹出式表□□单时权衡□□所有这些□□□□元素，并确定表□□□单设计的丨最佳用户★体验。当我们采◇取一种基•于移动设▽备的设计□□□□方法时，我们需要□□□□考虑如何□□□□将元素放□□□□置在较小□□□□的设备上。
实时聊天□□□□已经成为◈一种非常□□□流行的工□□具，聊天工具□□经常出现□□□□在设计的□□□右下角或□□左下角。 

重新考虑表单设计和布局  

在移动设□□□备或更小◣的平板电□□脑上填写●和提交表◤单对访问◉者来说可□□□能是一项□□□烦人的任□□□□务。这就是为◣什么在网□□□站设计中□□考虑表单□□的替代选□□择是至关□□□□重要的。  
当创建移动菜单导航时，考虑在标题中包含一个“点击呼叫”电话号码，这样访问者就可以很容易地联系到企业。在设计站点上的所有表单时，桌面和移动端都应该尽可能减少表单字段的数量，并清楚地指明哪些字段是必需的。  提高表单移动体验的一个技巧是设计表单标签，而不是仅仅在表单字段中使用占位符文本。移动设备上的访问者很容易被其他通知和交互打断，因此他们可能在表单完成过程中被打断，忘记了占位符所列的内容。  
考虑到人们越来越关注手机性能，在设计项目时将上述一些想法付诸实践将节省你的时间，并在项目启动时减少挫败感。