中企动力 > 头条 > 图文设计是什么

网站性能检测评分

注:本网站页面html检测工具扫描网站中存在的基本问题,仅供参考。

图文设计是什么

学会平面设计可以做什么工作? 企业视频课程

img

漠河

关注

平面设计工作是一个主观认定强的创意工作,大部分的平面设计师是通过不断的自我教育来做进修、提升设计能力。平面设计师是在二度空间的平面材质上,运用各种视觉元素的组合及编排来表现其设计理念及形象的方式。

你适合做一名平面设计师吗?30秒知晓答案【点击测试】

http://tianhujy/list-93-1.html?wm=tt_lyt_pmsj (复制到网址框打开)

一般人认知的平面设计师是把文字、照片或图案等视觉元素加以适当的影像处理及版面安排,而表现在报纸、杂志、书籍、海报、传单、标志、VI等等纸质媒体上,也就是在纸质媒体上进行美术设计及版面编排。大体可以归纳为平面媒体版面编排、宣传品设计、公司VI设计、活动整体布局等。那么一个优秀的平面设计师需要具备什么特质吗?

想要成为一名优秀的平面设计师,需要具备一定的美学鉴定能力、创造能力、对设计的表达能力和高超的设计技能。以严谨的态度,开阔的视野,认真总结经验,实现新的创造。

平面设计主要包括了美术排版、平面广告、写真喷绘、印刷、海报宣传等设计与制作。学会了平面设计的人,可以应聘杂志、报纸、出版社等大众传播媒体,或是在一些广告公司、图文设计公司、出版行业、企业宣传策划部门、美工设计以及其他有平面设计需求领域的相关平面设计工作岗位。

这里有个学习平面设计的页面,不妨看看,或者对你有启发:

http://tianhusj/list-38-1.html?wm=tt_lyt_pmym (复制到网址框打开)

比方说如今的设计师助理、平面设计师、资深设计师、美术指导、设计总监或是美工、美编等岗位都需平面设计方面的人才,可以说对平面设计人才的需求还是十分广的,就业范围也非常广泛。其实平面设计大致可以分为三类:

第一:广告设计,就是公司会在各种网站和杂志上做广告,广告定期都会换,就需要设计人员来设计平面广告的内容,公司会提供产品,需要设计人员自己拍照,扫描上传,然后排版设计之类的。这个就是平面设计日常工作中,主要需要做的工作。

第二:设计开发新产品。这就需要你去了解这家公司主要做那些产品。因为公司都会定期向客户推荐产品的不同款式,而这些新款式图样的设计就需要设计人员来开发了。所以平面设计需要结合公司新产品的特征,来做一些工作。

第三:就是处理公司的一些日常产品图片,客户传过来的图片等等。包括公司网站广告图片的设计,还有一些标识之类的,可能在日常的工作中都要涉及到。 要想做好平面设计的工作,前期需要你自己学好各种图片处理软件,还有排版编辑之类的知识。当然要做好的话,还需要了解该公司涉及的产品,目前这些产品的流行款式等等。

【温馨提示】想要了解更多设计学习资讯可关注本头条号哦

“什么是好设计”--请听我说 企业视频课程

img

赵若枫

关注

设计大师迪特.拉姆斯(原博朗设计总监)所提出的10大好设计原则,虽然过去很多年,但今天依旧适用。今天我将通过大师的话语以及配上相关的的图文,为大家解释设计的真正含义。

1.好的设计是创新的(Good design is innovative)

创新很重要,技术创新将推动人类前进,而非外观创新。创新来源于内部,进而影响外部。这就是我理解的创新。

苹果电脑

2.好的设计是实用的(Good design makes a product useful)

产品要人使用的,所以他必须满足一定的功能属性。没有功能的创新就不是一款好的产品!

耳机

3.好的设计是唯美的(Good design is aesthetic)

产品的美观也是其设计的一部分,只有美的产品才会吸引消费者的眼球,影响使用者的心理感受。

厨具

4.好的设计让产品说话(Good design helps a product to be understood)

设计应该以合理的方式表明产品的使用原理,让产品说话,而不是用使用说明书。

智能家居

5.好的设计是谦虚的(Good design is unobtrusive)

一个好的产品应该是中性的,经得起时间和空间的检验。它既不是装饰物也不是艺术品,它应该有其特有的属性—更好的为消费者服务.

可调节椅

6.好的设计是诚实的(Good design is honest)

产品使用应该更加简单方便,更具人性化,它不试图通过无法兑现的功能来取悦消费者。

智能电饭煲

7.好的设计坚固耐用(Good design is durable)

产品设计应该避免时尚,迎合潮流。与快时尚设计形成鲜明的对比,它应该在当今一次性消费市场里经久不衰。

8.好的设计是细致的(Good design is thorough to the last detail)

不能随意偶然设计。设计的逻辑性和准确性,都是对消费者的尊重。

便携音箱

9.好的设计是环保的(Good design is concerned with the environment)

设计应该为资源环境可持续发展做出贡献,通过产品可持续回收,保持我们的地球家园。

瓦楞椅

10.好的设计是极简的(Good design is as little design as possible)

产品设计应该回归纯粹、回归简单、回归自然。

加湿器

注册图文设计公司的经营范围参考及案例 营销视频课程

img

天问

关注

现在,很多的公司为了宣传自己的公司,纷纷开始注重图文设计,这一行为为创业者们打开了一扇窗,大家开始注册图文设计公司,但图文设计公司的经营范围也是有类别区分,下面小编就带你们来看看常见的图文注册公司的经营范围有哪些吧

注册图文设计公司的经营范围包括哪些?

图文设计公司的经营范围包括: 图文设计;经济信息咨询;仓储服务;家庭劳务服务;货运代理;会议服务;委托加工家具;家具设计;设计、制作、代理、发布广告;出租商业用房;服装设计;销售家具、机械设备、电子产品、五金交电;零售服装。(企业依法自主选择经营项目,开展经营活动;依法须经批准的项目,经相关部门批准后依批准的内容开展经营活动;不得从事本市产业政策禁止和限制类项目的经营活动。)图文设计公司名称类型:上海XX图文设计有限公司 图文设计公司对注册资本的要求:实行认缴制,无需提供注册资金。 图文设计公司经营范围参考:图文设计制作,展览展示服务,设计、制作各类广告,机械设备及配件、塑料制品、工艺礼品的销售(行政许可的,凭许可证经营);为了让大家更好的理解,小编我还带来了几个案列给大家,如下

代理注册的部分案例参考

案例一:

公司类型: 一人有限责任公司

经营范围:广告设计、制作、代理及发布,文化艺术交流策划、展览展示服务、会务服务、礼仪服务、图文设计、制作;商务咨询(国家有专项规定的项目经审批后方可经营)。

案例二:

公司类型: 有限责任公司

经营范围:企业形象策划;装饰工程设计、施工;摄影、会展服务;印刷包装品设计;计算机技术开发;设计、制作、发布、代理国内各类广告业务。

好了,话就说到这里了,以上就是小编为大家整理的关于图文设计公司的经营范围的相关内容,希望小编我整理的这些能够帮助大家更好的了解到图文设计公司的营业范围,当然,如果大家还有什么疑问的话,可以来关注小编百家号哦,小编我将一一为大家解答的

设计干货|如何结合图像与文字?这里有6个图文设计技巧等你领取 行业视频课程

img

山羊

关注

本文由Fotor小编倾情撰写、整理。

欢迎移步Fotor国内版fotor,Fotor-免费的一站式平面设计、图片编辑和拼图工具,几分钟快速完成平面设计与图像处理!

这期我们要聊的是什么呢?是平面设计中最基础的构建板块之一——将图像和文字结合起来。虽然在图片里配上一小段引人注目的文字看起来似乎很简单,实际上它比你想象中难度大多了。但不用担心,看了我们在这篇文章中列出的小贴士和例子,你就可以掌握一些好用的技巧。

1.考虑构图

Via Dribbble. Design by Vedad Siliak

相关配文在图片中的位置和排列既可以成就你的设计也可以毁掉你的设计。如果在图中有诸如文字太小、背景太杂乱,或者任何会降低可读性的因素,你的设计作品在视觉上的吸引力都会大大降低。

但是文字只是部分因素,图片在你的设计中也是同样重要的。因此你要注意如下内容:

图片的构图。在设计中,不论你是用自己拍的照片还是是用别人的作品,你肯定会选择有适合摆放文字的图片。(除非你想添加设计元素来衬托配文或者遮盖有很多细节的背景,这个后面会讨论到。)

例如,该杂志封面是一张垂直方向的风景照片。通常情况下,自然风景照中占很大空间的天空或河流是配文的最佳背景,它提供了一片整洁的空间能让文字有用武之地。

Via From Up North

由图像、文本合并而成的整体构图。一个设计是各个部分的综合。你可以将你觉得最为精美的图片和绝妙的字体、文案放在一起,但除非这两者非常的契合,否则这样的设计并不会有突出的效果,或者说根本达不到你期望的效果。

让文字和图片相融合的一个办法,是将你的文字排列成适合放在选图上的形状。看看这个网页的标题排版是如何创造性地放置文本的:它的文字衬托了广告图中产品的设计。标题下方的图片也是这样,文字块和产品图相呼应。

Via Dribbble. Design by Dwinawan Hariwijaya

另一种方法是考虑更大范围的构图,而不是单单将文字放在背景图片的顶部。图片和文字有无限种组合方式,所以发挥你的想象力吧。比如,下面案例的排版通过将图文组合成特定的形状,直接将文字和图片联系起来。

下图是利用不同形式的裁剪,让图像形成了文字。

Via Behance. Design by Amanda Jewell

2.创造焦点

一个好的构图的基本要素是拥有一个焦点——某种能吸引眼球的并且为欣赏该设计的观众提供一个起始点的视觉元素。在涉及文字和图像的布局中,往往有很多的亮点,但你需要决定哪一个作为你的焦点,然后通过颜色、大小、位置或者其他特征来突出焦点。

下面这个设计明确地让度假圣地的图片成为焦点,这可能也是作为一个旅游网站比较合适的选择。因为图片的亮度(布局中最暗的部分,而其他的部分都是明亮的)和大小(它的宽度跨越整个页面)使得它最有视觉重量。但是,你一定不希望设计中的其他部分被弱化或者掩盖。这个设计中,出现在照片中的形状与垂直线条一起,将注意力引导到文字上,而流行的亮蓝色成为焦点。

Via Awwwards. Design by Epiphany Search

也许你的文字和图片都同样重要,需要在视觉上结合成一个整体。下面这本书的封面就达到了这样的效果,将文字裹在花的图像周围,让两者融合起来,使得你能同时看到这两个重要的元素。

Via Book Cover Archive. Design by Tal Goretsky

3.达到平衡

让我们再看看好的构图的另一个特点:平衡。

就像一边是孩子一边是大人的跷跷板一样,当设计中一部分看起来过于繁重时往往会导致不平衡。我们现在并不是在谈论焦点,因为视觉上的重量经常将它们与设计中的其它部分割裂。相反,我们现在谈论的是,设计中合理安排的问题。

设计作品可能看起来很杂乱无章,也可能所有的内容被挤到了排版中的一边,也有可能没有对齐或者少了间距。这些问题,或者别的问题,都有可能使你的设计失去平衡。对于只有文字和一张图的简单设计,像是我们见过的有的登录页面和书、杂志的封面一样,平衡就变得尤其重要了。

越简洁的设计,越容易误入歧途。在下面的包装中,品牌的名字和图片显得平衡:两者都是大体相同的尺寸,并且相同的颜色将他们维系起来。作为一个好的包装,图像本身为文字提供了空间,并且被用来写上产品线的独立名字和各自的成分。

Via nudie soda

下面这个设计,通过照片上的文本的位置达到平衡。如果文本被放置在右侧图像上,布局的双焦点(照片和白色文字)会被组合在一起,在左侧留下一个大的空白处,会成为一个平衡度欠佳的构图。但是现在,两边的视觉重量大体相等,所以这个设计是平衡的。

Via Dribbble. Design by Stefan Belavy

4.明智地选择图像

在设计项目中,图片的选择不仅仅是为了有一个漂亮的背景,它可以把语境、语气和情感赋予在你的设计中。所以,除非你故意想在你的设计中有一些视觉矛盾,用你的图像补充你的文字是最好的(反之亦然)。

下面是有关于这个概念的一个有趣的例子。男人眼里模糊的图像和文本都加强了“伪装、掩饰”的主题,这也恰好是本书的书名。所有这些设计选择共同协作成为整体,其中文本和图像之间的关系是既清晰又有视觉趣味的。

Via Book Cover Archive. Design by Jarrod Taylor

借下面这个包装为例:有什么能比用丰富多彩的新鲜蔬菜的图片来说明你的产品新鲜并且健康更好的方法?另外,用文案支持这些概念:“鲜”、“农贸市场”、“季节”这些文字,与图片一起产生作用,传达了同样的信息。

Via Packaging of the World. Design by Cowan

5.为文字创作背景

正如前面简要提到的一样,在很容易看到和阅读的位置创造文本空间,是在这个过程中重要的一步。主要有以下两种办法:

选择具有留白的图像。回到我们文章的第一点——提供文本给一个留白的照片:有大而清晰的区域,有模糊或柔焦,或者具有其他能为文本提供最低限度清晰空间特点的图片,是最佳的背景候选。

Via From Up North. Design by Erik Marinovich

再例如下图,这些社交媒体图像用适度的模糊背景作为图像,图片对象仍然可以辨认,但在上面的文字排版也非常清晰。

Via Yoplait

编辑或添加效果。比方说,你已经为设计项目找到了完美的图像,但它只是不适合在上方放置文本。也许它没有任何明确的空间,或者它有很多有趣的细节。

你仍然可以使用它,但你将要投入一点点额外的努力来帮助你的文字脱颖而出。有许多方式能做到这一点,其中包括:

*添加一个背景形状:用部分固体或透明的形状覆盖图像,其中文本是一个通用的解决方案。如下图:

设计来自Fotor

*添加透明颜色叠加:透明色块覆盖整个图像可以帮助减少并淡化细节,为文本创造一个更加统一的视觉效果。

Via Dribbble. Design by Christopher Lee

Via Dribbble. Design by Ludmila Shevchenko

*加亮或变暗图像:如果你不想将额外的元素添加到您的布局中,有时你可以编辑照片本身来帮助你的文字脱颖而出。

在这里,用已变暗的照片突出白字非常流行:

Fotor移动端界面

而在这下面这些设计中,当一些照片将整体颜色变暗后,你既可以注意到在每个图像的内容,黑色给文本一些额外的底部支撑深色渐变,给了文本一些额外支持。

Via Dribbble. Design by Kyril Ku

6.用色彩和对比度提高视觉冲击力

颜色。在为你的设计选择配色方案时可以采取许多方法,让我们看两个专门涉及到颜色的文字和图像案例。

*协调的颜色:下面这张图,一看就非常和谐而且具有冲击力。原因在于,它的背景中添加了黄色的色块,使得设计更加显眼。同事,因为黄色的色块选择的是与设计中焦点词Messi相同的颜色,从而整体看起来就很和谐了。你也可以尝试直接从你的图像中选取颜色应用到你的文本中。

Via Dribbble. Design by Sam Thibault

*选择对比色:如果想设计一个更戏剧性的视觉,你可以尝试用更多的对比色组合。色轮是开始的好地方,像蓝色和橙色,或紫色和黄色的互补性(或相反)颜色对,如下面的设计。

设计来自Fotor

Via Awwwards. Design by Stink Digital / Razorfish

对比。我们既可以通过颜色(如前面的例子)实现对比,还可以通过类似的大小、形状、位置和更多的方式来实现它。

下面的明信片设计使用了所有这些对比技巧:在照片中的清凉的绿色与文本的橙红色形成鲜明的对比;这些词的大小相互对比;“ROAD”的倾斜、弯曲方向与其他文本部分形成对比(但遵循照片中丘陵的倾斜)。所有这些选择帮助文本脱颖而出。

Via Dribbble. Design by Andrew Pennington

更多案例

最后,让我们一起来看看结合了以上我们讨论的技巧的精选案例。

传单:

1) 照片顶部有模糊的空白的区域,可以用做文本背景(很有可能增加了亮度)

2) 文本的颜色与照片中的颜色相呼应(注意男人衬衫的绿松石色调)

Design by Family Design Co

书的封面:

1) 在封面中采用充满纹理感的图片

2) 封底的照片中空白处纹理与封面相同

3) 文本采用对比色更加凸显重点,也使得整体不会太沉重(蓝色和橘色是色轮中的互补色)

Via Behance. Design by Ryan Szulc

登录页面:

1) 拥有垂直的平衡构图

2) 无论是在视觉风格还是主题或字体选择中,文字和图片起到相辅相成的作用

Via Dribbble. Design by Elliott Munoz

目录封面:

1) 平衡的布局;

2) 图像和文字相互作用共同传递信息——图片表示公司的产品正在出售,而文字道出了产品的优点。

Via Dribbble. Design by Jarad Johnson

宣传册:

1) 将文本放在图像的非重点区域;

2) 采用了流行色来使重点部分脱颖而出。

Via For Print Only. Design by Brownstein Group

最后,我们希望你受到了一些启发,并且迫不及待地想要试试你的新灵感。使用Fotor快速掌握新技能,你可将Fotor的设计模板和拼图应用到你的各种设计项目中。

设计愉快!

更多设计素材、创作灵感请访问Fotor国内版 fotor

Fotor-免费的一站式平面设计、图片编辑和拼图工具,几分钟快速完成平面设计与图像处理!

本文由Fotor小编倾情撰写、整理。如需转载,可直接评论或邮件至info@fotor。

“什么是好设计”--请听我说 流量视频课程

img

鲁白晴

关注

设计大师迪特.拉姆斯(原博朗设计总监)所提出的10大好设计原则,虽然过去很多年,但今天依旧适用。今天我将通过大师的话语以及配上相关的的图文,为大家解释设计的真正含义。

1.好的设计是创新的(Good design is innovative)

创新很重要,技术创新将推动人类前进,而非外观创新。创新来源于内部,进而影响外部。这就是我理解的创新。

苹果电脑

2.好的设计是实用的(Good design makes a product useful)

产品要人使用的,所以他必须满足一定的功能属性。没有功能的创新就不是一款好的产品!

耳机

3.好的设计是唯美的(Good design is aesthetic)

产品的美观也是其设计的一部分,只有美的产品才会吸引消费者的眼球,影响使用者的心理感受。

厨具

4.好的设计让产品说话(Good design helps a product to be understood)

设计应该以合理的方式表明产品的使用原理,让产品说话,而不是用使用说明书。

智能家居

5.好的设计是谦虚的(Good design is unobtrusive)

一个好的产品应该是中性的,经得起时间和空间的检验。它既不是装饰物也不是艺术品,它应该有其特有的属性—更好的为消费者服务.

可调节椅

6.好的设计是诚实的(Good design is honest)

产品使用应该更加简单方便,更具人性化,它不试图通过无法兑现的功能来取悦消费者。

智能电饭煲

7.好的设计坚固耐用(Good design is durable)

产品设计应该避免时尚,迎合潮流。与快时尚设计形成鲜明的对比,它应该在当今一次性消费市场里经久不衰。

8.好的设计是细致的(Good design is thorough to the last detail)

不能随意偶然设计。设计的逻辑性和准确性,都是对消费者的尊重。

便携音箱

9.好的设计是环保的(Good design is concerned with the environment)

设计应该为资源环境可持续发展做出贡献,通过产品可持续回收,保持我们的地球家园。

瓦楞椅

10.好的设计是极简的(Good design is as little design as possible)

产品设计应该回归纯粹、回归简单、回归自然。

加湿器

设计干货|如何结合图像与文字?这里有6个图文设计技巧等你领取 企业视频课程

img

祝怜容

关注

本文由Fotor小编倾情撰写、整理。

欢迎移步Fotor国内版fotor,Fotor-免费的一站式平面设计、图片编辑和拼图工具,几分钟快速完成平面设计与图像处理!

这期我们要聊的是什么呢?是平面设计中最基础的构建板块之一——将图像和文字结合起来。虽然在图片里配上一小段引人注目的文字看起来似乎很简单,实际上它比你想象中难度大多了。但不用担心,看了我们在这篇文章中列出的小贴士和例子,你就可以掌握一些好用的技巧。

1.考虑构图

Via Dribbble. Design by Vedad Siliak

相关配文在图片中的位置和排列既可以成就你的设计也可以毁掉你的设计。如果在图中有诸如文字太小、背景太杂乱,或者任何会降低可读性的因素,你的设计作品在视觉上的吸引力都会大大降低。

但是文字只是部分因素,图片在你的设计中也是同样重要的。因此你要注意如下内容:

图片的构图。在设计中,不论你是用自己拍的照片还是是用别人的作品,你肯定会选择有适合摆放文字的图片。(除非你想添加设计元素来衬托配文或者遮盖有很多细节的背景,这个后面会讨论到。)

例如,该杂志封面是一张垂直方向的风景照片。通常情况下,自然风景照中占很大空间的天空或河流是配文的最佳背景,它提供了一片整洁的空间能让文字有用武之地。

Via From Up North

由图像、文本合并而成的整体构图。一个设计是各个部分的综合。你可以将你觉得最为精美的图片和绝妙的字体、文案放在一起,但除非这两者非常的契合,否则这样的设计并不会有突出的效果,或者说根本达不到你期望的效果。

让文字和图片相融合的一个办法,是将你的文字排列成适合放在选图上的形状。看看这个网页的标题排版是如何创造性地放置文本的:它的文字衬托了广告图中产品的设计。标题下方的图片也是这样,文字块和产品图相呼应。

Via Dribbble. Design by Dwinawan Hariwijaya

另一种方法是考虑更大范围的构图,而不是单单将文字放在背景图片的顶部。图片和文字有无限种组合方式,所以发挥你的想象力吧。比如,下面案例的排版通过将图文组合成特定的形状,直接将文字和图片联系起来。

下图是利用不同形式的裁剪,让图像形成了文字。

Via Behance. Design by Amanda Jewell

2.创造焦点

一个好的构图的基本要素是拥有一个焦点——某种能吸引眼球的并且为欣赏该设计的观众提供一个起始点的视觉元素。在涉及文字和图像的布局中,往往有很多的亮点,但你需要决定哪一个作为你的焦点,然后通过颜色、大小、位置或者其他特征来突出焦点。

下面这个设计明确地让度假圣地的图片成为焦点,这可能也是作为一个旅游网站比较合适的选择。因为图片的亮度(布局中最暗的部分,而其他的部分都是明亮的)和大小(它的宽度跨越整个页面)使得它最有视觉重量。但是,你一定不希望设计中的其他部分被弱化或者掩盖。这个设计中,出现在照片中的形状与垂直线条一起,将注意力引导到文字上,而流行的亮蓝色成为焦点。

Via Awwwards. Design by Epiphany Search

也许你的文字和图片都同样重要,需要在视觉上结合成一个整体。下面这本书的封面就达到了这样的效果,将文字裹在花的图像周围,让两者融合起来,使得你能同时看到这两个重要的元素。

Via Book Cover Archive. Design by Tal Goretsky

3.达到平衡

让我们再看看好的构图的另一个特点:平衡。

就像一边是孩子一边是大人的跷跷板一样,当设计中一部分看起来过于繁重时往往会导致不平衡。我们现在并不是在谈论焦点,因为视觉上的重量经常将它们与设计中的其它部分割裂。相反,我们现在谈论的是,设计中合理安排的问题。

设计作品可能看起来很杂乱无章,也可能所有的内容被挤到了排版中的一边,也有可能没有对齐或者少了间距。这些问题,或者别的问题,都有可能使你的设计失去平衡。对于只有文字和一张图的简单设计,像是我们见过的有的登录页面和书、杂志的封面一样,平衡就变得尤其重要了。

越简洁的设计,越容易误入歧途。在下面的包装中,品牌的名字和图片显得平衡:两者都是大体相同的尺寸,并且相同的颜色将他们维系起来。作为一个好的包装,图像本身为文字提供了空间,并且被用来写上产品线的独立名字和各自的成分。

Via nudie soda

下面这个设计,通过照片上的文本的位置达到平衡。如果文本被放置在右侧图像上,布局的双焦点(照片和白色文字)会被组合在一起,在左侧留下一个大的空白处,会成为一个平衡度欠佳的构图。但是现在,两边的视觉重量大体相等,所以这个设计是平衡的。

Via Dribbble. Design by Stefan Belavy

4.明智地选择图像

在设计项目中,图片的选择不仅仅是为了有一个漂亮的背景,它可以把语境、语气和情感赋予在你的设计中。所以,除非你故意想在你的设计中有一些视觉矛盾,用你的图像补充你的文字是最好的(反之亦然)。

下面是有关于这个概念的一个有趣的例子。男人眼里模糊的图像和文本都加强了“伪装、掩饰”的主题,这也恰好是本书的书名。所有这些设计选择共同协作成为整体,其中文本和图像之间的关系是既清晰又有视觉趣味的。

Via Book Cover Archive. Design by Jarrod Taylor

借下面这个包装为例:有什么能比用丰富多彩的新鲜蔬菜的图片来说明你的产品新鲜并且健康更好的方法?另外,用文案支持这些概念:“鲜”、“农贸市场”、“季节”这些文字,与图片一起产生作用,传达了同样的信息。

Via Packaging of the World. Design by Cowan

5.为文字创作背景

正如前面简要提到的一样,在很容易看到和阅读的位置创造文本空间,是在这个过程中重要的一步。主要有以下两种办法:

选择具有留白的图像。回到我们文章的第一点——提供文本给一个留白的照片:有大而清晰的区域,有模糊或柔焦,或者具有其他能为文本提供最低限度清晰空间特点的图片,是最佳的背景候选。

Via From Up North. Design by Erik Marinovich

再例如下图,这些社交媒体图像用适度的模糊背景作为图像,图片对象仍然可以辨认,但在上面的文字排版也非常清晰。

Via Yoplait

编辑或添加效果。比方说,你已经为设计项目找到了完美的图像,但它只是不适合在上方放置文本。也许它没有任何明确的空间,或者它有很多有趣的细节。

你仍然可以使用它,但你将要投入一点点额外的努力来帮助你的文字脱颖而出。有许多方式能做到这一点,其中包括:

*添加一个背景形状:用部分固体或透明的形状覆盖图像,其中文本是一个通用的解决方案。如下图:

设计来自Fotor

*添加透明颜色叠加:透明色块覆盖整个图像可以帮助减少并淡化细节,为文本创造一个更加统一的视觉效果。

Via Dribbble. Design by Christopher Lee

Via Dribbble. Design by Ludmila Shevchenko

*加亮或变暗图像:如果你不想将额外的元素添加到您的布局中,有时你可以编辑照片本身来帮助你的文字脱颖而出。

在这里,用已变暗的照片突出白字非常流行:

Fotor移动端界面

而在这下面这些设计中,当一些照片将整体颜色变暗后,你既可以注意到在每个图像的内容,黑色给文本一些额外的底部支撑深色渐变,给了文本一些额外支持。

Via Dribbble. Design by Kyril Ku

6.用色彩和对比度提高视觉冲击力

颜色。在为你的设计选择配色方案时可以采取许多方法,让我们看两个专门涉及到颜色的文字和图像案例。

*协调的颜色:下面这张图,一看就非常和谐而且具有冲击力。原因在于,它的背景中添加了黄色的色块,使得设计更加显眼。同事,因为黄色的色块选择的是与设计中焦点词Messi相同的颜色,从而整体看起来就很和谐了。你也可以尝试直接从你的图像中选取颜色应用到你的文本中。

Via Dribbble. Design by Sam Thibault

*选择对比色:如果想设计一个更戏剧性的视觉,你可以尝试用更多的对比色组合。色轮是开始的好地方,像蓝色和橙色,或紫色和黄色的互补性(或相反)颜色对,如下面的设计。

设计来自Fotor

Via Awwwards. Design by Stink Digital / Razorfish

对比。我们既可以通过颜色(如前面的例子)实现对比,还可以通过类似的大小、形状、位置和更多的方式来实现它。

下面的明信片设计使用了所有这些对比技巧:在照片中的清凉的绿色与文本的橙红色形成鲜明的对比;这些词的大小相互对比;“ROAD”的倾斜、弯曲方向与其他文本部分形成对比(但遵循照片中丘陵的倾斜)。所有这些选择帮助文本脱颖而出。

Via Dribbble. Design by Andrew Pennington

更多案例

最后,让我们一起来看看结合了以上我们讨论的技巧的精选案例。

传单:

1) 照片顶部有模糊的空白的区域,可以用做文本背景(很有可能增加了亮度)

2) 文本的颜色与照片中的颜色相呼应(注意男人衬衫的绿松石色调)

Design by Family Design Co

书的封面:

1) 在封面中采用充满纹理感的图片

2) 封底的照片中空白处纹理与封面相同

3) 文本采用对比色更加凸显重点,也使得整体不会太沉重(蓝色和橘色是色轮中的互补色)

Via Behance. Design by Ryan Szulc

登录页面:

1) 拥有垂直的平衡构图

2) 无论是在视觉风格还是主题或字体选择中,文字和图片起到相辅相成的作用

Via Dribbble. Design by Elliott Munoz

目录封面:

1) 平衡的布局;

2) 图像和文字相互作用共同传递信息——图片表示公司的产品正在出售,而文字道出了产品的优点。

Via Dribbble. Design by Jarad Johnson

宣传册:

1) 将文本放在图像的非重点区域;

2) 采用了流行色来使重点部分脱颖而出。

Via For Print Only. Design by Brownstein Group

最后,我们希望你受到了一些启发,并且迫不及待地想要试试你的新灵感。使用Fotor快速掌握新技能,你可将Fotor的设计模板和拼图应用到你的各种设计项目中。

设计愉快!

更多设计素材、创作灵感请访问Fotor国内版 fotor

Fotor-免费的一站式平面设计、图片编辑和拼图工具,几分钟快速完成平面设计与图像处理!

本文由Fotor小编倾情撰写、整理。如需转载,可直接评论或邮件至info@fotor。

img

在线咨询

建站在线咨询

img

微信咨询

扫一扫添加
动力姐姐微信

img
img

TOP