屁屁踢图文结合10条秘诀
今天，很多东西已经变成了我们工作中所必须掌握的基本技能，比如办公用的word、excel、ppt，比如设计用的AUTOcad、DIALux、3Dmax、lightscape，还有一些其他软技能。没有哪家公司还会专门去培训这些技能，一切需要靠自己！还有照明微课堂。「技能get√」栏目，我们将不定期放送一些大招，帮助你提高技能，提高工作效率，练级打大怪。这些大招，课堂君建议你先转发朋友圈，然后再收藏备用。
图文结合10条秘诀
若想让图片看起来更有味儿，最好的办法是配上字儿。但是图片与字体的搭配，却并不是那么容易。如果你已经准备好了字体，准备好了图片，现在想要为图片加上字体，想要让两者更协调。那么请看本文提供的10条建议。
1、增添对照感
首先，文本必须具备高可读性。文本作为前景，而图片作为背景，两者之间的对照感一定要明显。如果图片是深色，那么字体最好使用浅色。如果图片使用浅色，那么字体最好使用深色。
为图片配上文字，往往是为了更好地解释说明，增强对照感，让用户浏览时能够更好地把两者结合，读出作者想要表达的信息。
2、让文本成为图像的一部分
这种技法可以让文本和图像更好地融合。先决条件有二：1）图片要像上图中McLaren那样简单，便于后期处理； 2）图片中本身就带有文本，比如说下图Toast网站的背景图片。
3、文字摆放的位置，要符合图片的视觉流
文本不能阻碍图片的主要视觉元素。因此，在文本排版时，要根据图片的视觉流而定。文本一定不能挡住图片的关键部位，比如说一张脸、一款产品。上图这两款设计比较具有代表性，将文字放在了人物视线所到之处，很巧妙。
4、图片模糊化
这可能是最简单的技法，只需要模糊一下图片即可。仅需PS稍作处理，文本就能从背景中脱颖而出。而Wallmob（下图）的网站更加巧妙，背景模糊处理，将产品和文本突出显示，打造了有效的视觉焦点。
5、文本入框
当图片的色彩过多，深浅差异不一时，可以考虑将文本放在圆环、方框、几何形状中，这样文本就能凸显出来。文本框的颜色要和文本有所对照，文本框最好是透明的，这样用户隐隐约约也能看到背景全图。
6、将文字放入背景
这是个非常精妙的技法。大部分时间，文本都做为前景而存在。背景一般色彩简单、主要为烘托前景而存在。但有时候，巧妙的设计，让文字看起来像是背景的一部分，这种方法能让平面作品充满深度感。
7、大号尺寸
如果你拿不准，可以考虑最稳妥的做法，使用全背景图片+大字体。更具视觉冲击力，更能有效的打造视觉焦点。大号图片，文图对照感强烈，可增强文字的可读性。
8、为文本上色
两种方法：1）如上图，文本色采样背景色；2）如下图，文本色和背景色形成对比。
9、偏色
为图像增添偏色效果，这样文本就得以凸显。覆盖色的透明度要把握好，如果透明度过高，那么文本不可读，过低，图像看不清，最好选用和品牌相关的颜色。
10、简单就好
“简约为美”这是经历时间检验的设计准则。太多的修饰、太多的技巧，可能还不如简简单单的搭配，保证清晰可读即可。
图文结合10条秘诀
若想让图片看起来更有味儿，最好的办法是配上字儿。但是图片与字体的搭配，却并不是那么容易。如果你已经准备好了字体，准备好了图片，现在想要为图片加上字体，想要让两者更协调。那么请看本文提供的10条建议。
1、增添对照感
首先，文本必须具备高可读性。文本作为前景，而图片作为背景，两者之间的对照感一定要明显。如果图片是深色，那么字体最好使用浅色。如果图片使用浅色，那么字体最好使用深色。
为图片配上文字，往往是为了更好地解释说明，增强对照感，让用户浏览时能够更好地把两者结合，读出作者想要表达的信息。
2、让文本成为图像的一部分
这种技法可以让文本和图像更好地融合。先决条件有二：1）图片要像上图中McLaren那样简单，便于后期处理； 2）图片中本身就带有文本，比如说下图Toast网站的背景图片。
3、文字摆放的位置，要符合图片的视觉流
文本不能阻碍图片的主要视觉元素。因此，在文本排版时，要根据图片的视觉流而定。文本一定不能挡住图片的关键部位，比如说一张脸、一款产品。上图这两款设计比较具有代表性，将文字放在了人物视线所到之处，很巧妙。
4、图片模糊化
这可能是最简单的技法，只需要模糊一下图片即可。仅需PS稍作处理，文本就能从背景中脱颖而出。而Wallmob（下图）的网站更加巧妙，背景模糊处理，将产品和文本突出显示，打造了有效的视觉焦点。
5、文本入框
当图片的色彩过多，深浅差异不一时，可以考虑将文本放在圆环、方框、几何形状中，这样文本就能凸显出来。文本框的颜色要和文本有所对照，文本框最好是透明的，这样用户隐隐约约也能看到背景全图。
6、将文字放入背景
这是个非常精妙的技法。大部分时间，文本都做为前景而存在。背景一般色彩简单、主要为烘托前景而存在。但有时候，巧妙的设计，让文字看起来像是背景的一部分，这种方法能让平面作品充满深度感。
7、大号尺寸
如果你拿不准，可以考虑最稳妥的做法，使用全背景图片+大字体。更具视觉冲击力，更能有效的打造视觉焦点。大号图片，文图对照感强烈，可增强文字的可读性。
8、为文本上色
两种方法：1）如上图，文本色采样背景色；2）如下图，文本色和背景色形成对比。
9、偏色
为图像增添偏色效果，这样文本就得以凸显。覆盖色的透明度要把握好，如果透明度过高，那么文本不可读，过低，图像看不清，最好选用和品牌相关的颜色。
10、简单就好
“简约为美”这是经历时间检验的设计准则。太多的修饰、太多的技巧，可能还不如简简单单的搭配，保证清晰可读即可。
- 640 (1).jpg
- 640 (2).jpg
- 640 (3).jpg
- 640 (4).jpg
- 640 (5).jpg
- 640 (6).jpg
- 640 (7).jpg
- 640 (8).jpg
- 640 (9).jpg
- 640 (10).jpg
- 640 (11).jpg
- 640 (12).jpg
- 640 (13).jpg
- 640 (14).jpg
- 640 (15).jpg
- 640 (16).jpg
- 640 (17).jpg
- 640.jpg
回复数 0
切换时间排序
需登录后查阅, 加载中......
