Date 2026-06-04 22:45:46

@ui力力 :和很多学生一样,我也是自学设计的。我在学习设计软件和绘制图标后开始工作。后来,我在工作中遇到了很多问题。例如,如何合理安排标题和文本?字体应该用多少?如何匹配颜色?一个 icon 你想用线型还是面型?这些混乱是不可避免的,因为设计是一门非常严格的学科,包含了很多真理。即使是最基本的字体选择和排版也经历了近乎 1000 年的发展和演变,有很多专业知识。作为一个 UI 设计师,我们应该对这些知识有所了解。
欢迎关注作者微信微信官方账号:「UI每日推」
刚做设计的时候,我只用一个字体,就是 Helvetica,因为是苹果的官方字体,我做设计稿的时候总是用背景图片加上 Helvetica 一行字写得很详细,看起来很简单。然后有人问我这个字体有什么好处,我说不出来。事实上,每一个字体背后都有其独特的情感和气质,或一个故事。
Helvetica “瑞士”的意思在拉丁文中,Helvetica 它是瑞士设计的代表性作品。在第二次世界大战中,由于瑞士是一个中立的国家,国内艺术的发展根本没有受到影响。此外,许多其他欧洲国家的设计师逃往瑞士,使瑞士的设计迅速发展,形成了一种非常现代的设计风格。这种字体的设计风格和它的国家一样中立,没有任何情感倾向,在各种情况下使用效果不错,后来成为使用最广泛的字体,也被苹果选为官方字体,成为最著名的字体。

△ 2007年被拍成电影,传奇字体Helvetica,感兴趣的同学可以去看看
Didot 它诞生于18世纪,是一种法国字体,经历了三代家庭的努力。当时,法国刚刚经历了革命,废除了封建制度。拿破仑上台后,华丽的洛可可宫廷风格被人们抛弃了,人们开始寻找新的设计风格 Didot 当字体时,以前复杂和倾斜的笔画被垂直笔画所取代,字体的衬里比以前更详细,并在生产过程中使用数学来控制字体的变化。随着巴黎成为一个时尚中心,它被越来越多的时尚杂志使用,成为法国设计的象征。

△ 用 Didot 作为 logo 时尚杂志的字体 VOGUE
德国给我们的印象一直是可靠、稳定和坚实的。德国的设计和“德国制造”一样,也遵循这个概念。20世纪初,德国包豪斯设计学校成为现代设计的推广者。当时,一些概念仍然非常经典。他们提倡将设计回归基本的几何元素,并以几何和机械的美感主导设计,Futura 这是当时这种风格下最成功的字体。在设计过程中,Futura使用了大量的尺子和圆规,用数字和几何来确定笔画的位置,代表了德国设计的寒冷和可靠性。
在德国,公共场所只有一个字体,那就是 DIN,广泛应用于德国公路标志、汽车牌号和铁路系统,DIN 它是“德国标准协会”的首字母缩写,1924年设计了第一个版本 DIN字体,但只有两个字重(字重意味着笔画的厚度)。后来1994年以后,多个字重增加,形成了家族字体。DIN 非常机械,整体设计充满力量,效果突出,让人们更好地关注文本内容而不是花哨的设计,这就是 DIN 广泛应用于交通运输的原因。

△ 使用 Futura 宜家设计的海报也被广泛使用 Futura

△ 广泛应用于德国 DIN ,上图是标志牌
Avenir 是字体设计大师 Adrian Frutiger 最自豪的设计作品,但这个字体在当时并不出名,而是在30年后的今天才得到大家的认可。Adrian Frutiger 在审视自己的作品时,发现没有几何字体能和 Ftura 竞争,所以他也想设计一个几何字体,但经过一段时间的设计,他发现没有必要设计一个几何字体,因为完全根据数学和尺子字体太冷,没有人性化,所以他想设计一个充满情感的人文字体,整个字体是他独自设计的,他对设计的热爱,一点可爱的风格现在是许多互联网公司想要传达,airbnb 广泛应用于官方网站 Avenir,传达其舒适亲密的理念。
Gotham 这是奥巴马在2008年竞选中选择的字体 Avenir 同样,它也是一种代表亲密和包容的人文字体。设计灵感来自纽约的街头绘画,具有很强的感染力和吸引力。在星巴克和许多海报中,Gotham 应用广泛。

△ 有点幸运的风格 Avenier,很有亲和力

△ 前几天我设计的Pokemongongon 字体选择的卡片是 Gotham
欢迎关注作者的微信公众号:

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】
================优设网==============.com“它是中国最受欢迎的网页设计师学习平台,专注于分享网页设计、无线终端设计和PS教程。设计师需要阅读的100本书:历史上最完整的设计师图书导航:http://hao.uisdc.com/book/.设计微博:拥有190万粉丝的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源,下载顶级设计材料。设计导航:推荐世界顶级设计网站,设计师必须导航:http://hao.uisdc.com