http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bgFHqLKGLh7O0b6giaGxdy3PecD9edPD942kVjuwSGFj1lPpD4eJJrdA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

先来一些优秀作品洗洗眼睛：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bLm6bTP6P72QPKlV5x0nBLw2uH3vWSXiaf2Owl4P0XK8u8eibv7yN6RFg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

【配图文字设计第一招：一齐遮百丑】

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bMF5Kib5lzAzz2OykwOlB7mgg8g7J2aDl798v6N22CM52u9mSeD7x3ibA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bI3rkaH09icUXib4YNk2QiayKEDhp4CzJib5RNEicjMYA3Tj67ZcdQicHibRSg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

没看懂没关系，先以大家（父母）喜爱的《乡村爱情》剧照为例：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bNVfkOGvcPrsDEBRBVbMmdSHLa2H9r3mibz2CQ4ibF64DFw2dIvvENo2g/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

先降低饱和度，把逼格 UP 一下↑

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bfXfW0gVibqca6mcBVlQ833UkjBkIUwCafc5wd6ShREncXibrtoL6EiceQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

重点来啦注意了（拍黑板），我们沿着刘能的视线方向拉出一条对齐线，在根据这个水平线做出垂直的对齐线。

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bScTSiaLOm0Uff7T0TIyFccfGJA5nthichQs7GMJibdErResIM8bDahPicg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

在这对齐线的基础上，靠右对齐文字。

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bZLEXVyxwTgEicT59Bl4lhED8Q7HL8y2sb3wc1qgr005TJc8gCxgHg9A/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

TIPS：如果你没把握设计出恰到好处的汉字，那么就用英文代替吧。

摇身一变，这是哪部荒诞派喜剧电影的海报？

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bZLEXVyxwTgEicT59Bl4lhED8Q7HL8y2sb3wc1qgr005TJc8gCxgHg9A/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

这种让文字排版工整、同时牵动图片情绪的辅助线，我们称之为：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bvu6QgsXLMgaNcoawAmk523hZZXu5Ed7mwgmbwic3ZMGtXsiaIVX8PlicQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

排版文字的时候不仅是普通的左右上下对齐，更要注意与隐性线条对齐。

【配图文字设计第二招：一框遮百乱】

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bCo6nTHfbskib2WkBx7rGpD2qGw2LdNawBpqlcRzJdSibmAyPQfdSaO8w/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bnRH9v8ZSniaOPw6ccUvQSlVPSibOIibIfFxPuyKxRtm3EeicSRcibWuibWbQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

秩序产生美，如果你的图片本身是杂乱无章，乱七八糟的，要么你换一张，要么就用框，框住「狂野的它」。

这一张叶片排布杂乱无规律的照片，我们要做的就是把这样的场景桎梏在一个视觉单元之内，使之看起来更干净整洁。

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1blG1aaibJcT2P3YBmUibeX5DPL9KREZK3KcgYe7slQYfiabpEeu63mOtfA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

比如将其放进某种规则图形内：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bndGdS5sRjtR6WCE42oLgdwsIWoI86ydtbvnDWOhFZrXtXLQONu6lXQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

考虑到随后文案的排版，可以稍稍做出位移改变：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bkgDGKJYZaCAw5bghhj9fNTZ32wibaJkia3VSxoIh5s37RNHcQh6bxFnw/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

在图形的对角处加上文字，同样遵循了「隐形的线」原则：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bSdxItAX5ZUtrIZAqBnfraQ93MibgGMtXrPHvRia6MnpA0ertdahcry0A/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

为了使图片更生动，形成规则与跳脱的视觉冲击，这时候我们

「允许一小部分的红杏先出墙来」

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bOerzdSr1WtH0tw4E1ibRsF02J3cPQhics2yZCv56pkia241MsZe7LkeuQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

看最终效果，是不是比在一片绿上直接写字好多了？

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1b3ZOoR3AMC8kyG4lMDa6kiavXRMVoy4zVic5b9LibLzlOCku958ZWeeG0A/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

所以除了「隐形的线」，我们还有一个「隐形的框」

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bPbOQPuYibOLhicbQcAVR4pYkU6dvoxr1gNySWlAUB2RAp0QcYatEiakjQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

【配图文字设计第三招：一大遮百淡】

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bmQjl9F4icLjBLoBaicWg8JUS9KtmSXSGOrBz9nYppwVAEicFz5jD0nNjA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1blOLRNFAwbhaTREwKgtqRN8CnJfYQUORjHibNCECFy0Mgicic5MAs2rJow/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

如果你的图片比较性冷淡，比较安静典雅，不「一颗赛艇」。

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bxYEv7x5V4WBWQXcyMdypy9wtrunvmfzZoQeEu2yaSqf7dibxojib1YOA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

很简单

要大！

要大！

要大！

（设计师反手就是一个甲方上身）

通过剪裁，舍弃不必要的部分，放大之后，立马就刺激了！

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1buGg7b9Inz9wPatn9b1TPfuVOCKSrpZN4RiafsaFnIsAibj3ObPD99sKQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

在留白处加上深色字体，与黑色茶杯相呼应，与白色背景相反衬，对比之美出来了

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bP1beZJOAHCmcYEReMBXdRqceqpfyAJJwpUicEWLB0fyDngH22eDt4bQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

这支笔的电光绿真好看，那就裁掉吧！ ：）

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bfYqokCJCZEMA1AXjHTGdJ5OpUjj6cHQn1KibZK4ggm0fKu5V1Pyck9Q/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

尽管色彩不再丰富，但对比感明显比剪裁前提高了一个档次：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1bibkicS64xKTzibAS0YGaBGqOokBQVMUGm2ujKYhr4moZky7AZvZzKzkQA/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

同样，在浅色留白处加上与钢笔色相近的深色字体，完成！

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1baibh00skTF6iaahj8N43dkIicAOEQJDic8SDBwx9pEJSmlxicUxslf8Pzqg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

文字和图片，一种更纯粹有力的视觉呈现：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1b0ylInbESDk8rph33lVCibBYwChpQufgbUYB5WAmnxcUSrCCmoysPJCg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

对，没错，这就是：

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzlc2xmmok5tYgLo7vNyPs1biaTJTDbFtRSBFMfSOB9LvLSYI5lficdBUvYIxX9OKk7sdlIXSZ25QPSg/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

作者@笔戈科技|兽兽

本文转自优设网 版权归原作者所有

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzmichd0ibAT5xOxWn2AXGP2mftfRppEicicfvIAXicu05ZQJ98uKq4p8QSL5Y6ib8DFIVeWUgu0WgabDbSQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1

本文仅供学习与交流，如有不妥之处，请予以斧正，谢谢！

http://mmbiz.qpic.cn/mmbiz/12Z3zzwuWzkIvAOablhpxH6Q41gtnibyooPflJMjO97LibDuWSKRXTkADoEnWrGkxWJ4lhkHKayEIqvdrXBddhBQ/640?wx_fmt=png&tp=webp&wxfrom=5&wx_lazy=1