上一期我们看了如何搭建移动网站的要点。今天我们就把内容分解一下，看看移动站设计的要点。

大小问题

大小的问题最重要。只有确定设计尺寸，使其适用于多种手机屏幕，才能产生良好的视觉效果和良好的用户体验。虽然手机屏幕尺寸有那么多种，基本都有尺寸上的误差，但是在HTML5移动终端的设计稿中，你可以照常选择640x1136px。这样既满足了显示需求，又减少了用户加载图片所需的带宽。

字体选择

字体是基础。在网页上，我们一般用微软雅黑。然后为了让客户端设计稿有一个高度的还原度，雅黑在这里就弱了。这些字体不适合手机屏幕显示，ios、android等手机系统也不支持微软雅黑字体。这里直接给大家推荐字体。IOS:请直接选择冬青加粗或中文加粗。推荐Holly bold。英文字体和数字字体可使用Helvetica，字号不得超过18。其他字号都是偶数，同一类别字号都一样。

颜色选择

如何获得英雄联盟的宝箱以及快速获得的技巧？

在移动终端的界面中，通常需要选择主色、刻度色和点清色。移动终端与web终端略有不同。虽然主色调是决定屏幕精神的颜色，但往往不会大面积使用。通常出现在导航栏/部门按钮/图标/专题页等地方，会稍微清晰一点，定下基调。统一的主色调也可以帮助用户找到品牌感的归属，比如网易红/腾讯蓝/JD。COM红/阿里橙等等。刻度颜色是指整个移动界面的颜色规格，决定了文字/线段/图标/靠山等的颜色。点清色通常用在主题文字/按钮/图标等地方，通常能起到强烈和谐的引导阅读的作用。在颜色的选择上，要善用高清或者高纯度的颜色，既能吸引人的注意力，又能增加空之间的层次感。另外，要适当留白，尤其是在移动终端的首屏，可以让页面上的空感更强，视线更开阔，让用户进入一种轻松空的氛围。

简单而智能

因为手机屏幕尺寸有限，使得手机网页简洁却灵动诱人。简单就是干净清晰，不需要太多的效果，太多的功效，操作等元素。这样页面加载速度会更快。智能是指每个屏幕都需要另一个焦点元素，中心元素不要太多，焦点最好，让用户轻松看到最重要的信息。

界面排版

界面排版最常见的方式就是灵活运用黄金分割比例，比如设置栏目的高度和间距。此外，在界面布局上，圆角和圆形往往比直角更容易被接受，这也使得它们更加贴心。直角通常用在需要更全面展示的地方，如商品展示、用户照片等。在单个人饲料或者头像，板样式等使用圆角效果会更好。另外，在排版上，要停止单调，增加版面的节奏感，要有轻重缓急，这样用户在观看的过程中就不会觉得冗长乏味。

细节为王

细节？是的，在网页端，因为我们的浏览媒介是显示器，再加上显示器的分辨率和之前的设计习惯，有时候我们不用太在意一个像素的偏移，但是对于手机来说，就完全不一样了。如果你是一个粗心粗糙的设计师，你现在应该更加小心了。你这种大大咧咧的粗糙精神在手机上会被放大放大，比如灯光像投影，字体像投影，等等。这不时髦。当然，找到这种感觉需要一些时间。唯一的捷径就是在手机上预览效果图，研究其他应用的细节。当你有时间的时候，你可以尝试绘制图标，这是一项细致的工作。