人人都可以是设计师：UI&UX小技巧大全（三）

运用粗细、大小和颜色来表示字体的层次结构。

创新互联建站-专业网站定制、快速模板网站建设、高性价比老边网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式老边网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖老边地区。费用合理售后完善，10多年实体公司更值得信赖。

神译局是36氪旗下编译团队，关注科技、商业、职场、生活等领域，重点介绍国外的新技术、新观点、新风向。

编者按：用户对产品的体验来自直观感受。所以UI/UX往往对产品的成败有着直接的影响，糟糕的UI/UX体验会让强大的功能失去效力。但怎么才能提高UI/UX设计的效果呢？不一定需要你掌握丰富全面的设计知识，有时候一点点的小改变就能令设计大为改观。Marc Andrew总结了36个改进UI/UX设计的小技巧，分成6篇系列文章刊出，此为第三篇，希望能够帮助到你。原文发表在Medium上，标题是：UI & UX micro-tips: Volume three。

在为自己的下一个项目创作高效、美观的 UI 时，有时只需一点小到不能再小的调整就可以帮助你快速改进设计。

在这篇系列文章的第三篇中，我会为你带来又一批很容易实践的 UI 和 UX 小技巧。

是那种你可以不费吹灰之力就能改进设计和用户体验的小技巧。

我们就直接开始吧……

1. 想换一种不那么非正式的语气？可以试试全部小写。

运用较粗的字体和大写有时候会显得有点太过正式。

不妨尝试一下选择全部小写，用细一点的字体。

在做特定项目时，这种做法可以传递出不那么正式、更平易近人的信息。

2. 运用粗细、大小和颜色来表示字体的层次结构。

在设计字体时，元素不需要高声尖叫着“喂，看着我！”，用不着时刻都要提醒用户。

但是。这些字体确实需要有一个平衡的层次结构。

通过运用好字体的粗细，大小以及颜色，做出微妙的调整，就可以实现这一目标。

这可以让用户一眼瞄过去的时候就能找出最重要的元素，并避免在此过程中出现任何的混淆。

3. 深色背景前面放很细的字体？加粗字体或获得最佳的可读性。

在浅色背景下放置深色文本时，偶尔选择细一点的字体是可以的。

但是…

……反过来的时候：字体很细的文字 > 深色背景时……

...你应该考虑字体稍微加粗一点，尤其是文案很长的时候。

这么做的是为了保证最好的易读性，并避免使用户的眼睛疲劳。

4. 选好字体，营造出合适的情绪反应。

要试着给需呈现的内容选择合适的字体。

用户是很精明的，他们对内容什么时候在跟自己对话，什么时候不是会有直观的感受。

选择合适的字体是让内容直接跟用户对话的关键，而且是在情感的层面上。

5. 如果（必须）使用多种字体，务必努力遵守最多两种的原则。

对我来说，我会尽量坚持只用 1 种字体的原则。

但是。

如果项目的确需要，我建议将字体数量最多可以做到2种。

不能再多了。

对于没有经验的人来说，要想让不同字体结合得很好可能会很棘手。

对自己要手下留情，不要仅仅因为你可以添加字体就任性。

最多使用 2 种字体，然后粗细、大小和颜色的适当组合马上就能为你的设计带来视觉上的和谐。

6. 全大写 + 字母间距 = 易读性更好。

全部都是大写，全都挤在一起的文字？

呃……

......“给这些字母之间增加一点间距是个好主意，这样可以为用户实现更好的易读性。

这么做会让单词更容易阅读和处理，因为字母彼此之间更容易区分。

只需要稍微增加一点字母之间的间距，就能够提高易读性，并为大写字体增添一丝的润色。

译者：boxi

文章题目：人人都可以是设计师：UI&UX小技巧大全（三）
文章分享：https://www.cdcxhl.com/article14/scdgge.html

成都网站建设公司_创新互联，为您提供建站公司、服务器托管、标签优化、Google、网站制作、网站建设

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联