我们知道网页的外观设计得好、好用和能使用在各种设备是今天看上去最重要的事情。响应式网页成功的关键是能适配各种用户设备。本篇文章不仅仅适用于移动端的网页，也同样适用于移动APP上的字体设计。

　　总结了以下几条法则：

　　1. 让他可读性高

　　无论如何你的网站上的文本必须使人容易阅读。如果一个网站的文字阅读起来很有挑战，用户很显然不会去看它，这意味着你将失去潜在的客户。在移动端屏幕变小，还有各种反光和倒影会让文字更难读。移动端文字有它固有的标准(如：一般在2×的设计稿中文字最小可读是24PX)，文字不能过于单薄也不能有太多色彩，所有的“手段”都必需使文字更加容易阅读。

　　2. 建立视觉层次

　　访问者一般用快速扫描的方式查看你的网站。在视觉设计上用一些技巧告诉用户那些文本是最重要的，他们应该集中注意力看。

　　你可以突出你的网站优势，因而让用户去关注你希望他们关注的内容上。那怕是在移动端，用户再如何快速的扫描信息，也不致于忽略关键内容，一旦产生兴趣，他们就能成为潜在客户，产生购买、成为会员、或者你会收获更多。

　　3. 考虑用户

　　想想用户使用网站的场景，您的网页设计元素应该让他们感到温馨。

　　如果他们习惯了网站上使用那些现代而精致的字体，如果突然出现其他字体，他们会觉得蹩脚或不知所措。

　　你的网站的字体选择应该有一个基调，让访问者舒适，并熟悉。

　　4. 对比的创意

　　在平面设计中 玩对比已经是一种常见的方式。您必需使用对比色，来增加可读性。如果文字的色彩很重，那么配色浅色的背景会更加易读，背景和字体色彩过于相似会难以阅读，或者背景过于花哨也会显得阅读困难和档次低。

　　也可以在排版中用文字玩对比(如粗细对比、大小对比和疏密对比等)，如果所有的文字都很相似，你的作品将失去视觉层次，并显得很平庸。

      更多关于UI设计的资讯，请访问上海UI设计培训课程