认知get√ : Denotation/Connotation


就像学厨艺一样,想成为一个一流的厨师,首先要有能力去品尝出各种食物的细微不同。设计中也是一样的,分辨排版中的细微不同,是成为优秀设计师的第一步。这篇文章将告诉你,一个设计师分析排版的整个思考过程。


悬念,你能区分左边的和右边的Museum的区别吗?

Filter Effects


功能

在图像设计基础的课程中,一直不停地出现的单词有两个:

Denotation和Connotation

对他们的具体解释可以参考wiki pedia中的这张图。我把他们翻译成“直抒胸臆”和“想入翩翩”。

Filter Effects

我们从“直抒胸臆”的功能入手。

拿Museum举个例子,我们要依次考虑这些问题。

年代

这个博物馆是传统的还是现代的?如果是传统的,选择Serif。现代的,则选择San serif

可扩展性

Museum这个单词是不是要出现在不同尺寸的手册,广告,展示板上?选择一种字体后,是否可以通过适当变形来应用到不同场景,同时确保整体风格的一致性。

可伸缩性

在业务需求的大小范围内,字体要过缩放其尺寸,是否会影响正常阅读。

总之,从功能角度,我们要确保用户能正常阅读我们的排版。:


感受

我们的大脑接受到图像信息后,接下来会根据过去的一些经历,产生一些联想。作为设计师,要学会去调用用户过去的经历,跟你的设计目的产生共鸣。

比如下面这两个FAST。

Filter Effects

如果你想要传达出速度,那么左边这个沉重的字体显然与你的目的背道而驰。 去掉其中的S呢。

Filter Effects

这时候右边纤细的字体就容易让人产生误解, 我们再来看一些更复杂的表达方式。针对不同风格的画家,可以有多少不同的设计呢?

Filter Effects

从上到下的职业,依次为传统画家,笔触轻巧的现代画家, 园林画家,现代画家,用刷子的传统画家,运用几何技巧的抽象画家。

我们阅读单词,但我们也阅读字形。

在他的课程里,我看到了三种我觉得特别有想象力的字体形式。

Filter Effects

突然觉得当初给ECOnnY取名字的时候就有这方面的天赋了~此处软广告,跟小伙伴一起做的有趣的人与自然沟通项目


总结

面对陌生的领域,思考模型很重要。作为一枚毫无设计基础的程序员,学一点设计师的思维方式,希望能帮助自己做出更美好的作品。

彩蛋

区别出,最上面两个Museum的区别了么? 答案在这里:

Filter Effects

别看这小小的区别,当他放到文章中时,会变成这个样子:

Filter Effects

同样的字体大小,同样的leading哦~