平面排版时,教你突出中文美感的几种方法 - 优设网 - UISDC

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

2013/12/10 244907评论区

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
 

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/beautiful-typography

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 设计师干货 排版布局 职场 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 设计流程 AI教程 设计理论 神器下载 字体下载 设计师专访 psd下载 平面设计 设计趋势 海报设计 用户体验设计 设计规范 动效设计 logo设计 图标设计 产品设计 ICON 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里