1、设计经验的积累。
2、每个项目设计中仅使用1至2种字体样式,并通过字体大小或颜色强调关键文案。 图中的界面设计中,通过字体大小和粗细来区分界面内容中的层次关系。 。 使用的字体越多,显得越不专业;
3、不同风格、形状或系列的字体最好相同,以保证字体风格的一致性;
4、确保字体和背景层次分明,确保信息内容主次重要。 如图所示,字体和背景融合在一起,光线较强时用户阅读不方便,所以易于阅读和使用。 是用户的根本需求;
5、确保字体风格与其基调、氛围相匹配;
6、充分了解不同平台通用的字体设计规范,避免设计过程中出现错误。
一、常用字体 1、移动终端常用字体。
IOS系统
常见的中文字体有思源黑、中文细黑、冬青黑、萍方等,其中苹果系统默认的中文字体是萍方。 萍芳字体更加美观,屏幕显示更加清晰易读。 拥有6种字体粗细,满足日常设计和阅读需求。 因此,当你对自己的设计不确定时,可以直接使用萍芳。
移动端常用的英文字体有San Francisco、Helvetica、Roboto等字体。 苹果系统默认的英文字体是San Francisco。 Helvetica是一种广泛使用的西班牙语字体,由瑞士字体设计师于1957年设计。微软常用的Arial字体也来自它。作为经典的无衬线字体,Helvetica在平面设计和商业中非常流行和成功。 它被认为是现代主义设计理念的典范,其简洁朴素的线条风格深受人们喜爱。
安卓系统
汉语中常用“思源黑”字。 之前的设计中游戏ui常用字体,主要使用的是微软雅黑的中文字体,但是微软雅黑在界面上显得有些厚重和臃肿。 Google 和 Adobe 发布了思源黑体作为 Android 的默认中文字体。 新的思源黑体不仅在字体方面更容易在屏幕上阅读,而且风格介于现代与传统之间。 可广泛应用于手机、平板电脑等多种方式。 、桌面用户界面、网页浏览或电子书阅读等,给人们带来愉悦、高效的信息阅读体验。
Android上常用的英文字体是Roboto。
2.网页常用字体
常用的中文字体有微软雅黑或方正中黑。 如下图所示的微软雅黑系列在网页设计中使用非常频繁。 这种字体无论是放大还是缩小,形状都非常规则、舒适。 在设计过程中,建议多使用微软雅黑。 大标题使用粗体,正文使用常规字体。 方正中黑系列如下图。 Medium Black系列字体的笔画更锐利、更粗。 它们通常用在标题文本中。 不过这种字体不太适合文字,因为它的边缘比较复杂,字数太多就会变得模糊。 影响阅读。
方正兰亭系列也是网页上常见的中文字体。 整个兰亭系列字体包括大黑、准黑、细黑、超细黑等,由于笔画清晰简洁,该系列字体足以满足排版设计的需要。 通过本系列不同字体的组合,既能保证字体的统一,又能很好地区分文字的层次。
除了以上两个系列的字体外,我们还常见到汉仪灵信简、枣子工坊丽黑、枣子工坊金黑等字体,如右图所示。 这些字体具有共同的特征。 字体非常有力且厚实。 基本上主要是直线和对角线。 更适合广告和专题。 在使用这类字体时,我们可以利用字体的倾斜样式,让文字显得更加动感。 这三种字体中,灵信和紫藻工坊里以笔画和角角见长。 一些地方使用了圆形和圆角,笔画也比较宽松,更显时尚女性的气息。 金黑字体比较粗游戏动态,比较方音乐,多用于大图片,效果比较突出。
以上是几种常见的字体。 字体大小是我们在界面设计中需要考虑的另一个重要元素。 字体大小决定了信息的层次结构和主次关系。 合理有序的字体大小设置可以使界面信息清晰易读。 层次清晰; 相反,字号使用不当、乱七八糟会使界面变得混乱,影响阅读体验。 字体大小是用于描述字体大小的术语。 有两种最常用的描述字体大小的单位:em 和 px。 通常我们认为px是像素单位,是绝对尺寸单位。 10px代表10个像素的大小,常用来表示电子设备。 字体大小。 Em 是相对大小单位。 相对大小处理是在基本字体大小的基础上进行的。 默认字体大小为 16px。 如果一段文本指定为 1em,则显示大小将为 16px,2em 将为 32px。 由于其相对性,它在处理跨平台设备上的字体大小方面具有很大的优势,而且对于响应式布局设计也很有帮助。 但其缺点是无法看到实际的字体大小,大小差异需要精确计算。
2. 常用字体大小
1、移动端
在移动终端常用的字体大小中,主导航标题的字体大小为40至42像素。 如图所示,主标题为40像素,看起来比较精致。 在内部文本的显示中,大的主文本尺寸通常使用32像素,附件使用26像素游戏ui常用字体,小文本尺寸使用20像素。 在内部文字的使用上,我们也会根据不同类型的APP进行差异化,比如新闻类APP或者文字阅读类APP会更加注重文字阅读的便利性,所以主体文字大小会是36像素,有选择地大胆。 基于工具的应用程序通常使用 32 像素作为主文本(不加粗),使用 26 像素作为子副本,或者小至 20 像素。
文章来源:https://blog.csdn.net/weixin_44180173/article/details/123648806