层级性,根据信息优先级对信息进行突出或者弱化。

    用户关注的是哪些信息,就对相应的信息进行突出。

    板块层级

    最强:图片
    中间:图标
    最弱:文字

    卡片式凸显的难点:阴影设计 - 弥散

    阴影设计必须要符合当前的场景氛围,没有统一的参数设置

    弥散型阴影效果更加美观柔和,

    Sketch 制作方法:https://www.youtube.com/watch?v=IbtFSbUkw7k&feature=youtu.be

    凸显方式:卡片式设计、角标设计、标签设计(由强到弱)

    文字的层次性

    字重、颜色、特殊字体包

    1、特殊字体包

    全部使用默认字体时往往无法满足对一些突出显示的部分进行区分,视觉效果过于单一。

    image.png

    优秀的数字字体:dosis、din、lato

    字体附件:数字字体.zip

    2、配色

    适当调色能够让颜色更加细腻

    3、字重

    加粗方式优先选择字体自带的样式,不要使用软件自带的加粗。

    将文本化繁为简大致可以分为三个部分:标题、正文、辅助本文

    常规来讲,目前的字号差异一般为:4 或 6 px

    举例:
    标题:32 px
    正文:28 px
    辅助文本:26 px

    在设计之前调查系统默认的字体,并作为设计的基础字体。