首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

字体设计的方法(字体设计的基本原则)

发布时间:2023-12-02 18:13 所属分类:热门主题 浏览次数:
  字体设计的方法
  1. 操控界面字体规划种类
  较多的字体规划款式,或许损坏一切布局。用超越3种不同的字体会使网站看起来缺少结构化和不专业。 为了防止这样的状况,能够试着把字体种类削减。一般来说,将字体规划种类约束在最小限度(两个算多的,一个是正好的), 假如你运用一个以上的字体,需求确保字体具有系列感,且运用的字符宽度是匹配的。
  举个比如,下面的字体规划排版组合中,左边 Georgia 和 Verdana 的结合,他们俩就发明晰一个相对调和匹配的字体规划排版款式,而右边的 Baskerville 和 Impact ,在视觉上会发生突兀的视觉体会感。
  2. 多运用规范字体的类型
  除非界面UI规划有满意招引人的自定义字体,如品牌宣扬,不然最好运用系统字体。运用规范的字体,不仅易于交付开发,也有益于发生杰出的用户体会。引荐运用的系统字体是:Arial ,微软雅黑,苹方等。
  小提高:杰出的文字排版会将读者招引到内容,而不是文字本身。
  3. 约束字体规划文本宽度
  在《中文排版需求》2.3.5 版心规划的注意事项里,清晰写明晰这项基本要求:一行的行长应为文字尺度的整数倍,各行的位置尽或许头尾对齐。「一行的行长应为文字尺度的整数倍」,这一基本的、理所应当的需求看似简略,可是在实际操作中,却往往由于单位换算等各个原因没有得到实现。
  行长过长易读性就会变差,读者阅览时简单串行,形成阅览困难。合理的行长运用户在行间跳转时感到轻快和愉悦,反之则会使阅览成为一种负担。
字体
  4. 规划多种尺度的字体
  用户会从有不同屏幕尺度和分辨率的设备拜访你的网站。大多数用户界面需求各种大小的文本元素(按钮文字,字段标签,部分标题等)。挑选一种能够在多种尺度和分辨率屏幕上运转杰出的字体,以坚持每个尺度的可读性和可用性非常重要。
  多种尺度的字体
  需求确保你挑选的字体在较小的屏幕上也能清晰可辨!并且需求避免运用草体等不易辨认的字体规划排版,如 Vivaldi (鄙人面的示例中):尽管它很漂亮,可是它比较难阅览。
  5. 挑选易于区别英文字母的字体
  在英文的板式中,许多字体使得很简单混杂相似的字母方式,特别是与“ i ”和“ L ”(如下图所示)以及差的字母距离。例如当“ r ”和“ n ”看起来像“ M ”。所以当挑选你的字体规划排版类型时,需求在不同的上下文中检查你的字体规划排版类型,以确保不会让用户形成问题。
  6. 操控字体规划的行距和段距离
  字体规划的行距是指挨近两行之间的间隔。适宜的字体规划行距,能让用户阅览舒服,阅览效率也高,行距太紧凑会让内容挤成一团,实现无法正常阅览;行距太宽松会让内容松散,发生了我们通常意义上的“河流”,阻断了行的视线。Pixso中默许行距是 1.5 倍的字号,例如字号是 14px ,那么将行距设为 21px 和默许“自动”的作用共同。适宜的行距离通常为 1.5~2 倍之间。文本字体越小,两行之间的行距离应该越大,确保字与行呼吸的空间。
  为确保文章易读性,正文段距离,能够简略地取一个空行(也便是一个行高),这是比较常规也比较适宜的做法。举个比如:字号 12 ,行高设定 20 ,段距离 = 行高 + 行距离。行距离越大,段距离就越大;行距离越小,段距离就越小,行距与段距离成正比。段落之间首尾的行之距离离应该大于段内的距离,这时候就应该添加段距离,使得文本的阅览体会得到进一步的提高。
  7. 注意字体规划的色彩比照
  在字体规划排版中,首先要发生比照作用的便是布景和文字。文字与布景假如在色彩上很挨近,那么就不简单区别开来招引用户注意力,一般来说,人们习气白纸黑字,即白色布景和黑色文字。也有黑纸白字,例如现在 APP 都在做的 DarkMode 暗色形式,但其实暗色布景搭配浅色文字并不适合很多阅览。当然这也是为了配合用户运用场景,在夜晚光线较暗的环境下,深色形式或许更利于阅览。
  小提示:暗色形式其实便是厂商为了处理电池耗电量而出的计策,只是换了个噱头罢了。总之,不论规划中运用黑白、红绿、蓝黄哪一种字体规划排版配色,必定要注意文字和布景的比照是否清晰便于阅览。
  8. 字体规划排版注意重复准则
  重复的字体规划准则,是坚持规整的重要准则。既包含字体、字号的重复,也包含色彩、风格的重复。关于新人来说,要时刻牢记,尽量统一字体、字号、色彩等一系列元素,在统一的基础上,找出需求着重的部分,进行更改,经过比照准则进行强化。
  假如相同内容(如标题)属于同一种逻辑关系,则应该使他们的字体、色彩、留白尽量坚持共同。这样能够添加内容的条理性,并加强规划的统一性。在重复准则下,用户会由于视觉惯性持续选招规划头绪,依据重复性规划头绪顺场地浏览下去。
  字体规划排版重复准则
  9. 运用在线协作字体规划软件Pixso
  字体规划排版的可读性,可理解性,清晰度至关重要。字体规划排版的作用是杰出内容,应该以不会添加用户认知负荷的方式,来增进内容的可读性。字体规划作为规划中的重要模块,假如字体规划软件选得正确,对界面规划而言将是锦上添花。然而,假如在字体网站下载再一个个装置字体,很是费事,还会占用磁盘空间。一站式协同规划东西Pixso内置了多个免费可商用的中文字体,不仅是一款规划东西,还是一款免费的字体规划软件,例如思源黑体、站酷高兴体、江西拙楷体等,无需手动装置即可运用,应用到商业规划项目中无侵权危险。假如Pixso的云端字体库不能满意你的需求,还能够装置「字体助手」,从本地导入电脑上装置的字体,给你的规划供给更多样化的挑选。
  字体设计的基本原则
  字体规划的基本原则如下:
  1、秀丽柔美
  字体美丽清新,线条流畅,给人以富丽柔美之感,此种类型的字体,适用于女用化妆品、饰品、日常生活用品、服务业等主题。
  2、稳重挺立
  字体造型规整,富于力度,给人以简洁爽快的现代感,有较强的视觉冲击力,这种特性的字体,适合于机械科技等主题。
  3、活泼有趣
  字体造型生动活泼,有明显的节奏韵律感,颜色丰富明快,给人以生机盎然的感受。特性的字体适用于儿童用品、运动休闲、时髦产品等主题。
  4、苍劲古拙
  字体朴素无华,浸透古时之风味,能带给人们一种怀旧感觉,特性的字体适用于传统产品,民间艺术品等主题。 文字的主要功能是在视觉传达中向消费群众传达信息,而要达到此意图必须考虑文字的全体诉求作用,给人以清晰的视觉印象。
字体1
  文字规划特点
  1、辨认性
  文字的功能是有效地传达信息。在历史的长期沉淀和发展中,文字的结构、形状在人们心中已形成共识。因此在进行字体规划时,需要对文字的每一笔进行推敲, 在不易影响其辨认性的情况下进行笔画的创新与重组。
  2、独特性
  规划师往往不满足于辨认性,因为这表现不出规划师的价值。规划的意图在于不但可辨认,深能传达一些独特的内在。如何把理性思考得来的内容抽象化、图形化、具象化和可视化,并且被用户广泛地承受,是规划师表现本身价值的方式。
 
作品标签: 字体

评论列表(共205人参与)参与讨论或分享设计作品获得视觉癖积分奖励