Quantcast
Channel: 字体设计 –优设网 – UISDC
Viewing all articles
Browse latest Browse all 241

平面排版时,教你突出中文美感的几种方法

$
0
0

beautiful-typography-banner
 

学习banner设计的同学开始可能最难琢磨透的就是中文的排版了,有同学是直接凭直觉给文字排版的,其实排版作为平面设计中的一种具体的手段,本质是对于画面中元素的关系的处理。那在平面设计中,到底什么样的排版能突出中文的美感呢,-eno-one-老师为我们撰写了一篇深入浅出的教程,相信阅读后你会对「排版」有一番新的认知 :)

另外,同学们可以每晚到优设微博固定栏目【晚安Banner!每日最新Banner欣赏】学习借鉴优秀的banner设计唷

我们先从500万年前开始说起

-eno-one- :人类在进化的过程中,一直本着安全第一的原则。对于事物表象的判断之后产生的心理感受,随着人类的进化一直伴随着的。出于安全第一原则,人类的天性会自动的根据物体的表现(形状、颜色等)来判断事物的危险程度。例如尖锐的器物与色彩斑斓的昆虫,都会给人警示的不安全感,我们可以看看公安或消防的警戒色带,皆是遵循了这样的心理。

平面排版时,怎样突出中文的美感

—————————————————————— one ———————————————————————————–

图例一:

平面排版时,怎样突出中文的美感

以上提到,人类观看事物的心理活动,是第一时间先排除危险感,也可以说,第一时间是在寻找违和感。比如上图中的凤姐与天使拉宝贝照片对比。当我们看到凤姐时,我们大脑的第一反应是会先去寻找她脸上哪些部位破坏了整体美感,比如大嘴和眼袋,这也就是我们第一时间会注意到她嘴巴的原因。而当我们再看到天使拉宝贝时,我们则不会去思考到底什么使得她看起来很美。

大学里有门课程,叫做”审美”。很多人都不理解为什么要学习审美,因为他们认为审美应该是天性和本能。希望通过我的第一个例子,大家能够明白,发现美不是本能,发现丑才是本能。因此”世界上不缺少美,只是缺少发现美的眼睛”!这句话,应该按照如上去理解。

说的更加直白一点,人类对于事物的第一反应不是”审美”,而是”审丑”。

—————————————————————— two ———————————————————————————–

为何在开头我要花这么长的时间先去解释一下审美?

因为,我们只有充分的了解到自己的心理活动的步骤,我们才有可能创造出具备人类天性美感的事物。也可以说,我们第一思路不应该是创造美,而是回避丑。

说完审美之后,我们再来说说”设计”。

这个问题应该是涵盖在设计话题之下。因此,我认为相当有必要将”设计”这个概念拿出来单独说一下。

设计是什么?已经有很多各类型的解读。当然,我也有自己的一套解释。

设计一词,我们首先应该作为动词去理解。

特指通过人为的主观意识去控制事物,然后所产生的一系列动作,比如某某某设计了他的人生。在平面设计当中,又更具体的理解为,设计师通过人为主观的意识,去控制画面中的各类元素(构图、色彩、字体、字号等等),使之符合大众的视觉标准。

对于设计本质的理解。

无论是商业类设计,还是纯艺术类设计,它们的本质都是传达与表达。通过某种形式的媒介(可以是书籍、路牌广告、弹窗、报纸、杂志……),将创作者或者付费客户所希望表达的内容,用可视化的方式表达出来。

所有失败的设计,定是违背了以上两点。

要么,是设计师完全没有经过思考,从构图、用色、字体选择方面过于随意,导致画面完全不符合人们的视觉标准。这就是很多人会说,我从你的画面中根本看不出来设计的原因。

要么,对于想要传达的内容含糊不清,导致看完之后不知所云。这一类的通病常见于学生与行业新人。他们思维的第一步不是思考需要表达什么,而是思考用什么样的形式去表达。

——————————————————————three ———————————————————————————–

现在开始进入正题答题环节了。

第一章:

纯中文字时,如何提高文字的识别度与美感?

由于之前回答过一个类似的问题,并且两者关联性很大,因此在这里就不多做重复,直接给出链接:《经验分享!超实用的文本处理技巧》

—————————————————————— four ———————————————————————————–

第二章:

中文与画面结合时,如何提高中文字的识别度与美感?

题目中出现了一个很重要的关键词”排版”。

这是个被用烂了的词,却极少有人理解其中具体含义。排版作为平面设计中的一种具体的手段。其实本质是对于画面中元素的关系的处理。(画面中的元素包括构图,颜色,字体等等。而关系,则指的是它们之间的距离,大小面积,色彩搭配等等)

图例二:

平面排版时,怎样突出中文的美感

上图例子中,我通过文字的位置不同,来让大家知道这个所谓的关系到底是个什么意思。

右图从视觉美感上来说,明显是优于左图的,其最根本的原因不在于字号的大小,而在于我上面一直在强调的关系

到底什么是关系?我们接着往下看!

图例三:

平面排版时,怎样突出中文的美感

上图中,我已经用辅助线来说明了这个文字摆放在这里的原因。

接下来,我们再看看我随手找的一些平面广告图中的文字摆放的位置。

图例四:

平面排版时,怎样突出中文的美感

文字的摆放一定不是随心的,而是与画面中某些元素之间相辅助的。

图例五:

平面排版时,怎样突出中文的美感

这样的关系,不只适用于文字与画面,更涵盖了画面中所有出现的图片元素。

以上我所列举和总结的这些,在一个行业老手看来,早就是一种习惯性的行为了。如有学习欲望的同学,请根据以上提示,自行翻看各种杂志与网络上的平面广告设计。

第一次总结:

有时候文字不美,别怪文字不好看,有可能是你没放对地方!找到通过寻找元素之间的关系,你会发现,文字应该摆放在什么位置。

—————————————————————— five ———————————————————————————–

上面所举例子,在论证文字要想好看,位置很重要!那么接下来,我们再进一步看看,如何变得更加贴切观看者的心理感受!

图例六:

平面排版时,怎样突出中文的美感

上图里的内容,都是一样的,但是选择了不同的字体。各位可以从自己的心理感受上判断一下,哪一个看起来口感会好一些。

从心理感受上来说,右边的字体,会给人更愿意食用的感觉。造成这样不同感受的原因就在于字体的衬线上。

图例七:

平面排版时,怎样突出中文的美感

再看看以上,哪一个字体更适合男人,哪一个字体更适合女人?

通常来说,食品、女性用品、儿童用品,以及一些消费群体为年轻化的产品,或者产品特质需要给人一种亲切感受的,在字体的选择上,更适合一些有弧线,没有衬线,并且字形相对柔和一些的字体。(我这里说的是大多数情况,也有个别案例,不遵循这个规律,在此就不展开说明了)

图例八:

平面排版时,怎样突出中文的美感

我们继续来看看相同文字,不同字体造成的心理感受不一样的例子吧。

图例九:

平面排版时,怎样突出中文的美感

我们再来接着做一组比较。上图中的文字,哪一个更贴合画面意境?

第二次总结:

没有不好看的字体,只有不合适的字体。在选择文字之前,请务必仔细的思考一下产品或画面的特性。

—————————————————————— six ———————————————————————————–

以上讲了两个观点,一是文字不要乱摆,二是字体不要乱选。现在让我们翻过头来,继续把前面第二章开头所说的,”版式”的这个概念继续的深入说一下。

中文字,我们先不说那些被特别设计过的文字,比如下面这个:

平面排版时,怎样突出中文的美感

我们只说,电脑直接打出来的文字。

在平面设计中,文字要想搭配的好看,只需要遵循四个字——”方方正正”即可。

图例十:

平面排版时,怎样突出中文的美感

平面排版时,怎样突出中文的美感

平面排版时,怎样突出中文的美感

我相信,以各位的智慧,已经不需要我在来继续讲解了吧!

—————————————————————— seven ———————————————————————————–

最后总结:

在平面设计中,无论是文字也好,图形也好,色彩也好,他们都是服务于主题的。要想突出中文的美感,无论是字体、字号、色彩、包括拜访的位置,都需要全方位的来考虑。

原文地址:zhihu
作者:-eno-one-

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

youshege
 


Viewing all articles
Browse latest Browse all 241

Trending Articles