平面排版时,教你突出中文美感的几种方法第二集(基础篇)

@他山之眼 题外话:以下所有图片都是我为了答题而即时设计的,质量不高,重在体会我所表述的意思。(希望高手不要喷,因为主要是给字体设计苦手看的)
祝大家2014一切顺利,快快乐乐!

上篇阅读量过万唷,强烈推荐同学们学习:平面排版时,教你突出中文美感的几种方法

叶明同学还有很多实用的教程:
后期之王!教你轻松掌握PS曲线工具(附大神实操曲线图)
PS新手教程:变换角度!让你的设计稿更上档次

我的这个方法重在提供思路。我觉得平面排版时你的脑袋中有的应该是"框架",而不是"具像"

我觉得,你在平面设计中文排版时,需要从三个方面考虑:形态,节奏,对比。

一:形态

何为形态?正如很多答案中提到的繁体与简体,那就是一种形态。

我在这里要为简体正一下名:很多答案里面都提到繁体比简体更有韵味,更好看,好像好的文案一定要繁体做出来才"够中国"。其实不然,繁体作为字体的一种形态,有其优势,但必然有其局限性,所以不要迷信繁体,就我个人而言,我更喜欢简体。

下面我列举几种典型形态:

1:画面型

这种中国风很强,线条很柔的画面,用手写体显然更好。

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

看完上面这句话,大家不要形成这样的印象:中国风+柔线条=手写体。

我们为什么用手写体?是因为我们不想让文字喧宾夺主。

拿上面这幅图为例,我想要大家看的不是锦绣河山这几个字,不然我何必还专门找这样的配图?

大家会发现,当你在看下面这幅图的时候,你的注意力很容易就被锦绣河山这几个字吸引了,因为这种字体线条很硬,字体很粗,与整体风格不太一致,人眼对动的东西和特殊的东西总是分配第一注意力,当大家的注意力被字所吸引时,分配给画面的注意力就会减少,那么这幅作品就是失败的,因为你没有引导好观众。

所以,思路一:

好的文字形态是与画面相互融合的。

2:意境型

有时候,文字本身是带有温度和情感的,根据文字表达的意向去选择,会更好的运用好文字。

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

所以,思路二:

好的文字形态是与意境相互贯通的。

3:具象型

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

所以,思路三:

文字形态是可以借用物象的。

 

二:节奏

什么叫文字的节奏?我对它的理解就是:内部统一

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

这就叫有节奏

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

这就叫没节奏

下面这种给人的感觉是凌乱的,为什么呢?正如我前面说的,人对变化的事物总是敏感的,而这么频繁的字体变化,会让观众的注意力集中在变化本身上面,而不是文字所表达的意思上面。

所以:

在平面设计中,不要使用过多的字体以免失去节奏。

再比如:

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

这幅图用了文字重叠和颜色变化的方式但并不显得繁杂,原因就在于节奏的掌控:只使用两种色彩,每个字重叠的距离统一,每隔一个字变化颜色。

所以:

要让文字显得有节奏,统一参数是很有效的方式。

 

三:对比

1:色彩对比

正如前面所讲的,人对变化是很敏感的,你运用色彩的变化,形成一种对比,很容易抓住人的眼球,表达你的要点。

所以:

用色彩变化,对比凸出你的重点。

2:大小对比

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

所以:

用大小变化,对比凸出你的重点。

3:字体对比

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

所以:

用字体变化,对比凸出你的重点。

————————————————————————分割线—————————————————————————

用形态,节奏,对比三者组合,你的创意永远不会枯竭,可以给你提供无限的创作源泉。

比如下面这幅图:

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

形态:繁体简体结合,因是暗色调的背景,所以字体颜色比较亮,且字体比较粗。

节奏:用了三种字体,三种颜色,通过颜色的明暗和字体的重叠来营造层次。

对比:有字体对比,大小对比,色彩对比。

上面这幅图只是我无聊的时候随便从上面这个框架里面选几个元素进行组合之后得到的,我相信它们组合的威力是巨大的。

————————————————————————分割线—————————————————————————

下面,我来讲一下如何运用我上面讲到的框架来进行字体设计:

比如:我们要给下面这幅画加上"没有乌云,挡得住阳光"这句话。

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

首先,我们确定字体形态。

对于这种大气磅礴的话语和如此宏伟的画面,我们选择的字体的要点是:要够大气,够粗,够霸道,最好棱角分明!

字体要横着放还是竖着放呢?考虑到画面左边相对比较干净,可以选择竖着放,因为横着放会挡住画面中的丁达尔,下面的草地放横着的字有空间狭小之虞。

选什么颜色呢?因为画面左边是暗色调,为了让字体明显,我们选择亮色的字体。

输出结果是:

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

好,下面我们考虑对比:

为了突出阳光,我们让阳光的颜色与众不同:

感觉阳光还不够凸出,我们再加上大小对比:

输出结果:

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

这时候我们再考虑节奏:

我前面提到过重叠,这时候,我们的话是:"没有乌云,挡得住阳光",所以,我们是否可以考虑将阳光放到乌云前面呢?

OK,看起来效果还不错。

但我们还可以再修饰一下?

文字形态里面我们提到过具象,而阳光这两个字正好在地上,我们是否可以营造出一种阳光洒满大地的感觉呢?

输出结果:

平面排版时,教你突出中文美感的几种方法第二集(基础篇)

OK,其实你还可以继续想:

乌云两个字是否可以用暗色调呢?

光字的延伸部分上面还可以放些什么呢?

等等……

最后,希望「形态,节奏,对比」这六个字可以给你的平面设计带来帮助。

 

原文地址:zhihu
作者:叶明 微博:@他山之眼

 
================关于优设网================
"优设网uisdc.com"是一个分享网页设计、无线端设计以及PS教程的干货网站。
【特色推荐】
PS礼仪手册:网页设计师必须修炼的内功技法,更是不可或缺的WEB设计指南http://hao.uisdc.com/ps/
设计微博:拥有粉丝量61万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com
———————————————————–
想在手机上、被窝里获取设计教程、经验分享和各种意想不到的"福利"吗?
添加 优秀网页设计 微信号:【youshege】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

平面排版时,教你突出中文美感的几种方法第二集(基础篇)
 

收藏 33
点赞 8

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。