赞助商
立即赞助

想让文字更出彩?试试通过切割文本来创造视觉吸引力

字体设计3年前 (2021)发布 流光
2.4K 0 0

对许老派的设计而言,字应该持字体设计师最初设计出来样子,觉不合适时候选择其他好了。不过更多设计师而言,能把体玩儿出花来,也未尝不是件常有趣事情。

将字进行二次修整,通切割、分、合成来创造截不同的效果,能够让它成为更加吸引人的视元素。无论是微妙的切割还是大幅度的分充,有着颇为不错的视效果。

行文本字体切割的时候,始终应该记住一原则:文本字体必须可读的。如果可读性无法保证,那设还什么意义呢?应该密切关注信息传达的顺畅性,下面的实例可以供参考。

「传统的」切割效果

想让文字更出彩?试试通过切割文本来创造视觉吸引力

果是针对单个单词或者一小组文进行切割处理,让位两个不同的部分错位或者叠加,通常能够创造出分的效果。种设计能够增加次和深度。

Resoluut 这网站当中,设师将文本与 & 符行了结合,借符中的斜线作分割,显性的字体被纤细微妙的字符笔触分割,借阴影创造出微妙的分层效果,让整氛围显得精致细腻富高级感。

当被割的文本相对而言,整体比较简的候(比如非衬线字体),控制好被切断的部之间的距离,不要远就能保持较好的可读性。

文本和图片的穿插切割

想让文字更出彩?试试通过切割文本来创造视觉吸引力

切割分层效果并不仅限于文本,图片文本之间其实可以互相穿插切割的。就面的 The Shift 这网站。

图片被倾斜地割为个部,而文本穿插其中。整个计呈现出一种有动的效果。由于被切割开的图片本身有一定宽度,为了让文本不被完全遮住,计加入了动画效果,移动中的文本和图片不仅让这种动更加烈,而且用户足以轻清文本的全貌,而不会失去关键的息。

这种设计技巧对于作和产的呈现是非有的,仅富有美感,而且极具创意。

附带动效的切割效果

想让文字更出彩?试试通过切割文本来创造视觉吸引力

毫无疑问,切割效果是同可以和其的素结起来使用的。将动画和切割效果结起来使用就颇为有效。

在上面这个案例当中,被切割的本实是导航,当光标悬停在上面的时候,画效果会被切割的本逐步拼接,你会看到整的信息。

用来设计文本LOGO

想让文字更出彩?试试通过切割文本来创造视觉吸引力

用字体的切割效果用来创建 LOGO 其实有思,尤其当你必须使用文本素来创建 LOGO 的候。一个足够有趣的 LOGO 能够赋予品牌更高的识别度,而切割效果也能够让文本更加有图形化的征。就像上面的衬衫中的 LOGO计。

在切割本的时候,注意图形的自然形状和切割的角,确保户在阅读的时候具备足够的识别,且足够有趣。

注意切割所构成留白。在上设计,过切割而留出了足够空来承载附加信息。切割时候常常会用细线,不过法有很多。

营造交互性

想让文字更出彩?试试通过切割文本来创造视觉吸引力

设计师通过使交互式的本和笔刷,户具备和这些元素进行交互的可性,就如同上面的案例。虽然本本身并没有全被切割开,但是笔刷营的艺术式的效果和切割有着异曲同工之妙。

由于采用了可交互组件,用户在这个网站驻留时可能会比其他更长。

纵向切割

想让文字更出彩?试试通过切割文本来创造视觉吸引力

由于我们的阅读方式,绝大多数的本布都是横向的,而设计师自然大都倾向于横向切割。过,纵向切割是可行的。

纵切割处理纵深相切割更短,不过设计师可以针不文本单独进纵切割。像上这个网站处理,设计师接将纵笔触都切掉了,相似处理让个体看起来像是经过统处理样。

构建视觉流

想让文字更出彩?试试通过切割文本来创造视觉吸引力

在本当中入切割的效果,会形成一种阅读的方向性和紧迫感,户在浏览的时候,会随着切割构成的视觉流来快速扫视。

论是有意是意,打破常规浏览序切割效会让用户注意到,用户视线会不自觉地沿着切割去浏览,这也是它所创视觉流。

在上面的案例当中,Robocath 个 LOGO 中字母 R 和 O 被切割出缺口,在样式上和字母 C 很接近,从左到右感到比明显的切割方向。

字母方向一致的均匀的切口,所形的方向感会迅速用户眼中构一种指向性明确的视觉流向。

强调特定的字母

想让文字更出彩?试试通过切割文本来创造视觉吸引力

最种切割效果能是最为引人瞩目的一种,使用切割的方式来构建和强特定的字母。设计师通负空间来构建阴阳对比,巧妙地构建出特定的字母,从而到强的用。

面的 MJND 页面当中,LOGO 采用的这种切割阴对比强调字母 N,视觉主体当中,让人文本行穿插营造层次感。这两种方式都可以很好的传递信息,足够简单,并且视觉足够趣。

结语

使用切割文本的方式营造视觉吸引力流行的趋势,不过这种趋势需设师灵活机变,并且熟练掌控多种不同的技法,合理发挥运用行。当然,重的控制可读性,其次运用创意营造视觉吸引力。

切割文字是一种有趣的计法,按照流行的方式结一下动效,倒是可能会收奇效,值得尝。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

通常每年进入下半年之后,设计趋势通常都会呈现出一种比较稳定的状态,不太会出现很独特的变化。不过,在具体的设计项目当中...
2018设计趋势
这个月来自 Prototypr 的设计工具合集,质量相当过硬了!值得一提的是,Kitze 这款浏览器荣获了「设计师和开发者最实用浏览器...
Prototypr
「界面中存在的每一个元素,都是有意义的。」这是我进行产品设计时的一贯主张。 小到一个标点符号、一根分割线,大到一个图...
icon图标
今年本命年想做个表情包,但是之前没有做过,在网上搜索教程时,没有找到很有用的。所以我大部分都是看很多喜欢的表情包,然...
动态表情
最近跟一线大厂设计师交流,他们给我的反馈是做设计的时候不单单只是视觉上的美感,更需要方法论来支撑,这样才更具有说服力...
版式布局
编者按:随着亚马逊、小米、阿里巴巴等大公司都推出了智能语音产品,如何为这类以语音交互为核心的智能产品做设计也成了一个...
交互设计
编者按:对于千千万万的iPhone用户来说,手机里面的那些可爱的符号表情肯定耳熟能详了。但是你知道其中的一些emoji是怎么来的...
emoji表情
为了和大家分享关于设计趋势的见解,ISUX 研究了 2019 年至 2020 年的设计趋势。没有必要去遵循年度设计趋势报告,但是否意识...
品牌设计