UI设计不能忽略的字体设计素材

    技术2022-07-10  156

    banner中的字体

    一、重要性

    banner的设计中,大多数情况下我们都是通过文字来了解信息,图片只是起到一个衬托的作用。banner的时间分配里对字形的处理及文案排版可能占到百分之三十/五十。

    在banner设计中,文字服务于主题。文案的设计需要从字体、字号、色彩、以及摆放位置四个方面来考虑。

    常用字体分类可以参考,服务于UI\UX设计素材的搜UI网 (SOOUI)

    二、字体使用要求

    1、在一个Banner中,尽量避免使用2种以上字体。 2、字体清晰好辨认为佳,易读性,以便于用户更流畅的阅读。

    三、使用情景

    Banner设计中我们通常使用的字体可以分为两类:

    A一类是系统字体(直接可用,但需注意版权的问题)

    版权问题

    尽量避免使用一些未授权字体的,有关侵权的问题不论公司大小处理起来都会很麻烦。最最重要的是关于到自己的饭碗是不是保得住。所以这一点作为UI设计师,内心需要有清晰的认识。

    B设计师自己设计的字体(时间成本,设计得当banner效果更佳)

    四、常用字体

    衬线体和非衬线体:源自于西方国家字母体系的分类。

    1、衬线字体 serif

    Serif:在字的笔画开始、结束的地方有额外的装饰,而且笔画的粗细会有所不同。强调于一个单词。衬线字体识别性高,强调笔画的开始和结束,因此易读性比较高。

    Carolin Duo Font Family

    Wacian Serif Font Family

    Galvin Slab 字体

    2、非衬线字体sans serif。

    没有额外的装饰,而且笔画的粗细基本相同。通常是机械的和统一线条的,往往拥有相同的曲率,笔直的线条,锐利的转角。比较醒目。强调每一个字母。

    特点:休闲轻松。干净简约、艺术性、种类多

    Benett Sans Serif 字体系列

    Larosa Sans Elegant Typeface

    Abiah Sans Serif字体

    对于UI的图形界面而言,使用非衬线字体类似于在类似地铁等公共场合,主要目的是清晰的可辨性,更注重引导的功能作用。衬线体大量的细节更适合为长文本阅读创造舒适的可读性,衬线体的使用是一种讲究和对界面体验认真的态度。

    界面字体针对不同场合选择合适的字体更为关键,特别是考虑到设计风格和装饰因素的影响,选择应该会更加具体。

    Processed: 0.016, SQL: 9