深圳易捷网络科技注册咨询网-jiujiuya.com.cn 返回首页

切割文本来创造视觉吸引力

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/12/23

对于许多老派的设计而言,字体应该保持字体设计师最初设计出来的样子,觉得不合适的时候选择其他的就好了。不过对更多的设计师而言,

能把字体玩儿出花来,也未尝不是一件非常有趣的事情。

将字体进行二次修整,通过切割、分解、合成来创造截然不同的效果,能够让它成为更加吸引人的视觉元素。无论是微妙的切割还是大幅度的分解充足,

都有着颇为不错的视觉效果。在进行文本字体切割的时候,始终应该记住一个原则:文本字体必须是可读的。如果可读性无法保证,那设计还有什么意义呢?

你应该密切关注信息传达的顺畅性,下面的实例可以供你参考。

「传统的」切割效果

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

Resoluut这个网站当中,设计师将文本与&符号进行了结合,借助符号中的斜线来作为分割,显性的字体被纤细而微妙的字符笔触分割开来,借助阴影创造出微妙的分层效果,让整个氛围显得精致细腻而富有高级感。

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

文本和图片的穿插切割

切割分层效果并不仅限于文本,图片和文本之间其实是可以互相穿插切割的。就像上面的TheShift这个网站。

图片被倾斜地分割为几个部分,而文本穿插其中。整个设计呈现出一种富有动感的效果。由于被切割开的图片本身有一定宽度,为了让文本不被完全遮住,设计师加入了动画效果,移动中的文本和图片不仅让这种动感更加强烈,而且用户足以轻松看清文本的全貌,而不会失去关键的信息。

这种设计技巧对于作品和产品的呈现是非常有用的,不仅富有美感,而且极具创意。

附带动效的切割效果

毫无疑问,切割效果是同样可以和其他的元素结合起来使用的。将动画和切割效果结合起来使用就颇为有效。

在上面这个案例当中,被切割的文本其实是导航,当光标悬停在上面的时候,动画效果会让被切割的文本逐步拼接回去,你会看到完整的信息。

用来设计文本LOGO

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

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

注意切割所构成留白的方式。在上面的设计当中,通过切割而留出了足够的空间来承载附加的信息。切割的时候常常会用细线,不过方式方法有很多。

营造交互性

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

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

纵向切割

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

纵向切割的处理纵深相对横向切割更短,不过设计师可以针对不同的文本单独进行纵向切割。就像上面的这个网站当中的处理方式,设计师直接将纵向的笔触都切掉了,相似的处理方式让整个字体看起来像是经过统一的处理一样。

构建视觉流

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

无论是有意还是无意,打破常规浏览次序的切割效果会让用户注意到,用户的视线会不自觉地沿着切割的方向去浏览,这也就是它所创建的视觉流。

在上面的案例当中,Robocath这个LOGO中字母R和O都被切割出缺口,在样式上和字母C很接近,从左到右会感觉到比较明显的切割方向性。

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

强调特定的字母

最后这种切割效果可能是最为引人瞩目的一种,使用切割的方式来构建和强调特定的字母。设计师通过负空间来构建阴阳对比,巧妙地构建出特定的字母,从而起到强调的作用。

在上面的MJND页面当中,LOGO采用的是这种切割阴阳对比来强调字母N,而视觉主体当中,让人物和文本进行穿插来营造层次感。这两种方式都可以很好的传递信息,足够简单,并且在视觉上足够有趣。

结语

使用切割文本的方式来营造视觉吸引力是流行的趋势,不过这种趋势需要设计师灵活机变,并且熟练掌控多种不同的技法,合理地发挥和运用才行。当然,最重要的是控制可读性,其次才是运用创意营造视觉吸引力。

切割文字是一种有趣的设计技法,按照流行的方式结合一下动效,倒是可能会收到奇效,值得尝试。

我们一直在思考,如何最大程度的用色彩、线条、结构、文字、灵感和创造力,为客户提供一个有价值,有灵魂的网站,而不仅仅只是一个花瓶摆设!

易捷网络致力于深圳网站建设,网站制作,网页设计等专业互联网应用服务,期待与你合作!

相关行业资讯

1、非“官网”的网站要怎样才不会被百度降权
2、网站建设之品牌意识塑造
3、深圳网站优化中如何引导流量
4、做网站需要另外参照的一些算法规则
5、网站更懂读者:戳中开发者痛点的文章推荐算法
6、网站建设套路太深,一不小心就会踩坑,不信你
7、网站优化:如何为内容添加多样性
8、robots文件代表了什么样的含义呢
9、当搜索引擎越来越挑剔网站收录越来越难时我们能做什么
10、网站建设浅谈网站建设模式有什么
11、H1标签哪些地方能用,哪些地方不能用?
12、软文营销推广的5大优势
13、PHP网站开发语言发布5.6.2最新版本
14、个新的网站要怎么去获得友情链接呢
15、网站能用黑帽SEO优化会怎么样
16、企业做英文版网站前的注意事项有哪些
17、网站SEO排名软件
18、企业站整站SEO思路之SEO着陆页面
19、企业网站建设可以给企业带来一些什么呢?
20、高质量的友情链接对网站SEO中优化有什么影响
21、三年经验话百度搜索引擎优化手法的变动
22、网站建设浅谈网站首页不可缺少的元素
23、SEO搜索引擎优化服务真是太强大了!
24、网页快照时间倒退代表降权了吗
25、到底要不要做深圳网站建设
26、如何巧妙利用Tags标签优化站内
27、换友情链接都要跟什么样的网站换呢
28、2017年企业推广优化玩法前瞻
29、新站该如何优化,才能快速的被百度收录?
30、网站不被收录你是不是做了这些傻事
31、在做深圳网站建设之前要做好什么工作?
32、定制网站该怎么对网页排版布局呢
33、企业网站制作需要一个什么过程
34、外贸网站建设应如何设计
35、网站关键词排名不稳定的原因解析和对策分享
36、推广优化必知的100个网站优化问答(五)
37、纯文本链接是排名来源非常数量
38、网站导航SEO优化技巧
39、企业网站设计网页图像的处理
40、外链建设时站长要认真对待
41、怎样快速提高网站流量增加访问量
42、推广优化人员必备知识:3个阶段特点详解
43、如何帮助企业通过互联网获取新订单
44、熟知用户行为的这7个层面,你的设计才会走进人心
45、外贸企业小语种网站制作细节
46、AI时代该如何做搜索引擎优化
47、使用设计笔记本提高创造力的10个技巧(一)
48、企业做网站网页广告设计的图形图像新发展
49、推广优化网站优化每天必做-网站日志分析
50、盘点做网站优化常用到的工具

相关视频推荐

自动化行业网站制作焊锡机/点胶机/螺丝机网站
企业网站制作新模式全部仅需800元/年
如何提高企叫网站打开速度
公司网站到期了该怎小续费
企业为什么必须要做一网站
企业网站的导航栏一般要规划哪些栏目
国际物流FBA物流网站建设深圳易捷网站公司公司
银制品金银器网站建设深圳易捷网站公司
包装印刷行业网站设计
膜结构公司网站设计
工商财务公司网站设计
购买一个域名需要多少钱
企业网站建设云虚拟主机需要多少钱
财务公言的网站怎么做才能显示在搜索引擎的首页
网站建设一站式服务
深圳网站建设公司网站排行榜
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号