设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

文章源于公众号作者:王M争

今天来给大家分享产品设计中文字配色的一些知识点。配色对于UI设计的重要性这里我就不用再强调了,关于配色的文章我之前也写了好几篇。但是回头看了一下,感觉总结的过于笼统,所以这次我把格局放小一点,专门来写一篇关于文字配色的文章,希望大家看完能够有所收获。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

那么要给文字配色,首先我们要知道你的产品(界面)中有哪些文字。在这里,我将产品中的文字主要分为以下四种:标题类、正文类、提示类和交互类。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

而根据重要性程度我们可以把标题分为不同的等级,一般来说,层级越低的标题颜色越浅。深浅的搭配可以给你的界面带来意想不到的效果。

例如,微信中的好友列表和聊天界面中,用户名和聊天记录的文字颜色深浅正好是反过来的。这个其实也很好理解,好友列表中用户关注的是好友是谁,而到了聊天界面用户更关注的是好友说了什么。所以这里用深浅不同的文字来帮助用户加以区分。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

我们可以看下使用同样的配色的效果,感受一下不同。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

最常见的状态就是成功和失败,一般来说在用户心中都默认为绿色和红色了。当然现在把企业色作为成功也很常见。这里就会出现一个问题,如果你的产品主色调恰好是红色,这个时候就可能会引起用户混淆。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

ps.大家有没有注意到上面我只提到不能点赞,没说不能评论,其实是可以评论的。知乎里一个帖子的字数都是比较多的,用户只看到简介就点赞或者评论没有什么意义。后来我又去看了简书,发现简书是不支持用户在没有看完文章的情况下就支持点赞和评论的。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

所以我不知道知乎这么做是出于什么考虑,反正我是没弄明白。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

回到主题上来,交互类文字和按钮其实有很多共同点。首先它们都支持点击跳转,也都可以展示状态的切换。交互类文字与按钮相比更加的轻量化,适用于极简风格设计。但是按钮也有自己的优势,按钮可以展示复杂的动效。

设计中一定能用得上的:字体配色总结(字体设计颜色搭配)设计中一定能用得上的:字体配色总结(字体设计颜色搭配)

总结

以上就是我对UI设计中主要文字配色的一些分析和总结,希望大家看完能够有所帮助,有什么想法也欢迎留言跟我交流。

———— / END / ————

编辑:小册子

您设计中的那本小册子!

-END-

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发表评论

您的电子邮箱地址不会被公开。