全国服务热线:400-035-8011

位置:成都中公优就业IT培训机构 > 学校动态 > 怎样掌握字体配色技巧

怎样掌握字体配色技巧

来源:成都中公优就业IT培训机构时间:2020/7/8 14:21:41

  以下是小编为大家整理UI设计知识点怎样掌握字体配色技巧的内容。

       标题类

  首先来说标题类,标题,顾名思义要让用户在短时间内了解界面的大致内容,讲究简洁明了。

       在app中,标题类一般有的顶部栏标题,底部栏标题,列表标题、表单标题等。

  给标题类文字配色相对来说比较简单,选项比较少,我们一般只会使用深灰色或者企业色。

      因为标题虽然很重要,但是也不能过于抢眼。

怎样掌握字体配色技巧

  而根据重要性程度我们可以把标题分为不同的等级,一般来说,层级越低的标题颜色越浅。

      深浅的搭配可以给你的界面带来意想不到的效果。

  正文类

  正文类文字是给用户提供详细说明和解释的,正文类文字要比标题类要浅一些。

      一是因为用户对于正文都不太感兴趣,很少去读,我们没有必要在这里使用配色来吸引他们的注意力。

      其二,因为正文字数一般比较多,过于花哨的配色会使整个界面显得凌乱,造成主次不分。

  提示类

  提示类文字顾名思义就是要给用户以引导和提示。

       这个就意味着提示类文字要足够的显眼,如果用户都注意不到你,有什么提示。

  提示类文字一个主要用途就是给用户展示当前的状态。

  我们来设想一个场景,你在一个理财平台上购买了一款理财产品。

      不同的时间段会有不同的状态。

       你看到这款理财产品收益率不错,投了3000元,这时的状态是“确认中”

     过了几天这个产品开始起息就进入了“起息中”状态;又过了一段时间,你临时有事急需要用钱

      就把产品转让给别人,又会依次进入“转让中”和“转让成功”。

       不同的状态我们在设计上给用户加以区分来帮助用户进行更好的识别。

       一般常见的方法就是使用不同的配色来进行区分,但是这个是适用于产品状态较少的情况。

       如果你的产品状态过多,每一个状态都配以一款颜色的话,那么整个界面就会显得很乱。

  交互类

  接下来,我们来谈谈交互类文字。交互类文字,简单来说就是能够让用户完成点击操作的文字。

      交互类文字设计的首要目标是让用户觉得你的文字是可以点击的。主要的办法有三个:

  1.使用配色

  目前来说用户觉得带有颜色的字体都是可以点击的,比如企业色。

  2.icon

  文字加icon的组合也可以让用户产生点击的欲望。

     以知乎为例,左边的帖子用户只能看到答者和内容简介

       这里的点赞和评论都是纯文字,用户无法直接进行点赞,但是点击进去以后

      是icon和文字的样式,这里用户是可以直接进行点赞,评论,打赏和收藏。

  3.行为召唤语句

  我们会遇到一些情况,不能使用配色,也不能使用icon样式。

       例如,登录界面中,我们希望用户的注意力在登录按钮上

     所以下方的“忘记密码”和“注册”我们要进行弱化。

      弱化了还能让用户认为你是可点击的

     只要你的文字行为召唤一点,多使用动词就可以了。

  4.交互类文字和按钮

  其实我一直觉得设计师应该对每一个设计组件(元素)都做到充分了解。

       因为设计师的工作就是把那些元素以一种合理的方式放在一个界面(画布)里。

      所以你必须要了解他们。这里给大家推荐一个网站设计组件,里面一些基本组件都有。

领取试听课
每天限量名额,先到先得

尊重原创文章,转载请注明出处与链接:http://www.peixun360.com/3178/news/214047/违者必究! 以上就是成都中公优就业IT培训机构 小编为您整理 怎样掌握字体配色技巧的全部内容。

温馨提示:提交留言后老师会第一时间与您联系!热线电话:400-035-8011