火星网校
UI设计中的字体配色方案，你值得拥有
发布时间：2024-01-24 09:52:06 浏览量：197次
标题类
标题，顾名思义要让用户在短时间内了解界面的大致内容，讲究简洁明了。
给标题类文字配色相对来说比较简单，选项比较少，我们一般只会使用深灰色或者企业色。因为标题虽然很重要，但是也不能过于抢眼。
而根据重要性程度我们可以把标题分为不同的等级，一般来说，层级越低的标题颜色越浅。深浅的搭配可以给你的界面带来意想不到的效果。
例如，微信中的好友列表和聊天界面
我们可以看下使用同样的配色的效果，感受一下不同。
我不太建议给标题使用企业色，因为你要调整企业色的饱和度来区分不同的等级，个人觉得这样不太合理。
此外如果标题体系过于繁杂，仅从颜色深浅已经无法让用户从视觉上进行识别。我们还可以用字号来帮助完成区分，事实上现在大多数产品都是通过字号的不同来完成等级区分的。
正文类
正文类文字是给用户提供详细说明和解释的，正文类文字要比标题类要浅一些。一是因为用户对于正文都不太感兴趣，很少去读，没必要使用配色吸引他们的注意力。其二，文字较多，太过花哨的配色会使整个界面显得凌乱，造成主次不分。
提示类
提示类文字就是要给用户以引导和提示。文字要足够的显眼，如果用户都注意不到你，还怎么提示呢？
提示类文字一个主要用途就是给用户展示当前的状态。
一般常见的方法就是使用不同的配色来进行区分，但是这个是适用于产品状态较少的情况。如果你的产品状态过多，每一个状态都配以一款颜色的话，那么整个界面就会显得很乱。
最常见的状态就是成功和失败，一般来说在用户心中都默认为绿色和红色了。当然现在把企业色作为成功也很常见。这里就会出现一个问题，如果你的产品主色调恰好是红色，这个时候就可能会引起用户混淆。
交互类
交互类文字，就是能够让用户完成点击操作的文字。交互类文字设计的首要目标是让用户觉得你的文字是可以点击的。主要的办法有三个:
1.使用配色
目前来说用户觉得带有颜色的字体都是可以点击的，比如企业色。
如果觉得界面中企业色出现的过于频繁，还可以使用蓝色。蓝色在配色领域绝对是万金油型的，不管你的产品界面主色系是什么，用户一看到蓝色文字就会明白是可以点击的。
2.icon
文字加icon的组合也可以让用户产生点击的欲望。以知乎为例，左边的帖子用户只能看到答者和内容简介，这里的点赞和评论都是纯文字，用户无法直接进行点赞，但是点击进去以后，是icon和文字的样式，这里用户是可以直接进行点赞，评论，打赏和收藏。
3.行为召唤语句
我们会遇到一些情况，不能使用配色，也不能使用icon样式。如，登录界面中，我们希望用户的注意力在登录按钮上，所以下方的“忘记密码”和“快速注册”我们要进行弱化。弱化了还能让用户认为你是可点击的吗？当然可以，只要你的文字行为召唤一点，多使用动词就可以了。
～此文转载，如有侵权，请联系删除
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
9. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
-
大家今天走运了,我就把自己总结出来的学习UI设计的一些经验与大家一起分享吧。想做一个好的UI设计师除了应该具有一定的审美能力,还要了解整个产品的...
