淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 经验分享/新闻资讯 干货分享

设计中英文的具体用途总结

收藏 邀请

在很多优秀的设计作品中,我们常常会看到一些英文的出现,形态上也各不相同。小到不仔细看就看不到、大到比产品还大。这也会导致很多运营、需求方会不理解,也许会时常听到这样的质疑:「你放这么大的英文不是在抢我们的产品主体吗?」又或者:「这么小的英文给谁看的,都看不见,还不如不加。」那么作为设计师,你知道设计作品中常用一些英文的目的是什么吗?为什么要用到一些看似无关紧要的英文?又该如何给客户解释呢?本期就和大家共同分析、总结一些设计中英文的具体用途。

填充的作用

说到英文在设计中的用途,最先想到的就是具有一定的填充作用,填充的目的就是补充不必要的留白,避免因画面空而缺少内容、细节。比如:

通过案例对比不难发现,当作品内容感缺失、视觉重心不稳定、画面空等等的情况出现时,都可以用英文作为填充物去补足画面,常用填充的英文可以是关键字或词的翻译、LOGO、数字等等。

英文作为填充作用存在时,需要注意:

  • 英文的存在不能抢主体,因为此类英文最主要的目的只是为了填充多余留白,增加内容感,并不属于主体信息所必需的,仅作为次要视觉元素存在。
  • 大字号的填充英文在一个画面中最多出现 1-2 处即可:常用方式给 10% 左右的透明度,不宜太明显,能起到填充作用即可。而小字号的填充英文要尽可能做到不喧宾夺主,可以英文和图形结合使用。
  • 英文填充同样也能起到一定的稳定视觉重心的作用:无论大字号还是小字号,都要尽量做到视觉重心稳定。

增强对比、层次感

在我们日常的工作中会常常碰到文字信息太少不会排版、视觉元素缺失导致画面没有层次感的情况,这时适当的运用英文就能很好的解决此类问题。下面举例说明:

通过上下案例对比我们不难发现,下方更改之后的排版区域层次感更强,因为用到了不同大小的英文作为辅助,其对比也更加强烈,给人的感觉也更加精致。所以,针对文字排版我们可以总结以下两点:

  • 当文字排版缺少对比且又没有足够的文案填充时,英文翻译就可以起到很好的填充及增加对比的作用,从而可以有效地避免排版单一、缺少变化的现象出现;具体英文字号的大小要根据实际情况判定。
  • 当排版缺少层次感或分组太少时,同样可以通过英文翻译进行解决。因为我们常用的排版至少分为两组、三组是最合理的,分组可以体现出良好的层次感,所以当排版分组太少时,可以适当地用英文来改变分组信息。

还有一种常见情况:画面缺少层次感,且要保持干净、整洁的风格时,而不仅仅指文字排版,那么我们依然可以通过装饰性英文进行解决。比如:

这里英文就起到了很好的增加画面层次感的作用,同时也起到了前面所说的填充作用。同一种元素即便在相同的场景下使用也会有不同的作用,甚至多种作用。重点在于我们要知道为什么,侧重点在哪,根据出现的问题选择最佳的解决方案。

增加形式感

英文本身就具备一定的形式感,如果将其放大作为大字号,其形式感、装饰性更加强烈,当我们的画面缺少一定的形式感的时候,那么不妨尝试增加英文或者是放大英文,甚至可以将英文作为文字排版的重点,从而提升整体的设计感,比如:

放大英文甚至让英文作为文字排版的重点在形式感上有了很大提升,这也是中英文结合所带来的改变,但是这类形式只适用于文案信息相对较少的情况下,如果文案信息量很大且又采用这种形式,很容易让用户忽略掉主要的文案信息,反而阻碍了正常的信息传达,所以说侧重点很重要。这类以英文作为切入点的手法也很常见,下面再举个例子:

同样的文案,不一样的排版形式,两种不同的视觉感受:第一种以英文为切入点的,形式感更强。且视觉上比较新颖;第二种以主文案信息为切入点,版式上更加工整、整齐,属于常见的一种形式。两者排版并没有完全的好与坏,只是有一定的视觉反差对比。具体用何种形式,完全取决于设计师。

作为图形

英文也能以图形的形式出现在画面中,有些英文本身就具有强烈的美感,完全可以把某一个英文或者单词视作为图形,再通过结合产品、材质、纹理、颜色等等,也会对于画面丰富度以及设计感的提升有很大的帮助,比如:

这里的英文作用则更多的是作为图形、提升画面整体设计感为主,将英文和产品有效地结合起来,通过穿插、叠加的手法使得整体富有很强烈的形式感,在视觉上的感受更加新颖。

总结

当我们的作品出现画面空、缺少形式感、对比不够强烈等等的情况时,可以适当运用英文、数字、形状进行填充。根据目的的不同选择不同形态的英文,比如:画面空,就适合运用小字号英文或者大字号英文透明度的形式,目的是尽量避免抢了主体且也有一定的填充作用;而当因画面缺少形式感而使用英文时,则需要把英文做得稍微明显一些,甚至可以直接作为视觉重点、图形的形式。当然,常用的英文不仅只有这些作用,还有固定视觉范围的作用,比如:

案例中的点缀性英文其目的是为了填充空白,但也起到了一定的固定视觉范围的作用,四周的英文起到了和图三一样的效果,像边框一样约束着我们的视觉范围,但是仅仅使用边框约束其整体还是会给人一种不够饱满且缺少细节的视觉感受,所以选用的是用英文图形结合的形式。此处英文填充作用大于视觉约束。

最后不管哪种形式、什么作用,都要确保信息传达的流畅性,不能因为用而用,而应该是「因需而用」。


路过

雷人

握手

鲜花

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

十年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂十年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

ICP证(电信增值许可证):赣B2-20220105 本站支持IPv6访问

Powered by Fkdmg.Com © 2013-2024    赣ICP备18006944号-1