排版宝典!20个设计新手常犯的排版设计误区 - 优设网 - UISDC

排版宝典!20个设计新手常犯的排版设计误区

2015/10/13 139757评论区

20-common-typography-mistakes-1

很多同学问设哥,为什么别人字体就那么随意放一下就辣么好看,其实排版可有大学问,不是随意放就好看。这就如同配色一样,也有千变万化的学问。相信大家看完Designschool这篇头条热文,一定倍有收获。

排版是设计中最重要的组成部分之一,它绝不仅仅是将漂亮的字体放在帅气的背景上这么简单。然而,制作优秀的排版并不容易,雷区遍布,稍不注意就流于平庸。过于抠细节容易忽略整体的设计,过于强调视觉又容易忽视功能性,日常的误区之多难以想象。所以,今天我们总结了排版设计中常见的20个误区,帮你逐个梳理日常设计中容易碰到的排版问题。

与排版问题并行的老大难肯定是配色了,这篇配色三部曲千万不要错过《设计师的配色理论:你真懂颜色了吗?》

1、拥挤的文字:字间距

typography-mistakes-1-662x497

这是很容易忽略的一种错误,字间距过于拥挤会降低文字的可读性。有的字体本身会比较稀疏,或者过于紧密,适当调整至易于阅读的状态即可。

2、密集的段落:行间距

typography-mistakes-2-662x497

行间距也是影响可读性的重要因素,过于紧凑会难于识别,但是一味地拉开间距在视觉上的效果并不合理。一般行间距是行高的50%左右。

3、不合理的拉伸与压缩

typography-mistakes-3-662x497

这是另一个常见的错误,图片、文字等元素并没有按照原始比例拉伸或者压缩而造成非正常的扭曲和形变。

要避免这个问题并不难,尽量在保持比例的前提下控制长或者宽等单个元素变化,在PS或者AI等软件中,按住Shift键拉伸,在网页设计的时候,尽量按照原始比例来设定元素或者控制单个变量。

4、忽略可读性

typography-mistakes-4-662x497

正如同上文所说,影响可读性的影响因素很多,不过在诸多问题当中,确保可读性的基础是可读——至少要让人看清元素本身。在黑色的背景上采用白色的字体一般能保证可读性,对比很明显,但是如果字体太过于纤细,视觉上的辨识度就很低了。字体过小、色彩对比度不够、透明度过高都会造成类似的问题,只要你发现难于识别,有针对性地处理即可。

5、文本的阅读舒适度

typography-mistakes-5-662x497

设计师的排版设计要求当然不能仅仅停留在“可以看清”的程度。标题、宣传语使用加粗的、花式的、装饰性的字体有它的功能性,但是长文的正文部分是需要用户长时间阅读的,要保持阅读的舒适度。字体的尺寸、字间距、行间距都需要细心处理。传统的排版设计中,这个部分更加倾向于使用衬线体,比如中文中报纸上所用的博雅宋就是专门设计的一套字体,衬线,笔画细致干练,高识别度。不过随着设计风尚和需求的改变,目前多用无衬线体,而且需要考虑在不同的设备上的阅读体验,于是有了苹方和思源黑体。

6、“孤儿”与“寡妇”

typography-mistakes-6-662x497

“Orphans”和“Widows”是印刷排版中的术语,通常指的是行货列、页头和页脚段落最后仅有一两个词构成的短行之类的东西。在文字排版占主体的设计项目中,这些行或者列非常的扎眼,你如果不想让大片的留白打断排版的连续性,最好的解决方案是微调段落宽度、间距。

7、不要在句末双击空格

这种输入习惯在中文中并不多见,但是在英语言国家有不少人会有类似的习惯,在结束一个句子之后双击空格表示结束,但是在今天的排版设计习惯中,通常认为这样的输入方式是过时且不必要的。这种间距在视觉上会影响阅读的流畅性,并且对排版会有影响。保持克制。

8、使用太多字体

typography-mistakes-7-662x497

这是新手最常见的错误。使用多种字体原本是出于装饰性的目的,但是可控性很差且容易造成视觉干扰,通常将字体类型数量控制在2~3种是比较合理的。不同风格的字体太多会让你的整体风格极其难以统一,专业性就更难以提及了。

9、不匹配的字体

typography-mistakes-8-662x497

除了不要使用过多的字体之外,还要注意使用协调的字体。不同风格的字体用在一起自然会给人“画风诡异”的感觉,分散用户注意力,降低了信息传递的有效性。字体的搭配手法是介于科学和艺术之间一种存在,它需要你学习排版和字体知识,还需要一部分“设计师的直觉”来支撑。在强调一致性的地方,衬线体和非衬线体不要混用;在海报、封面等地方有的时候需要两种甚至多种类型字体混用,衬线体和非衬线体的搭配就很重要了。多看杂志、网站和杂志排版的案例吧。

10、罔顾内容

typography-mistakes-9-662x626

选好字体和字体样式很重要,但是麻烦先审视一下你的项目中内容。字体是有情绪的,好玩的、严谨的、浪漫的、随性的、现代的、复古的等等等等。如果字体和设计的情绪与内容不匹配,你会造成脱节和疏离的感觉,这会让观众迷惑。公司报告是严谨的,不要用充满童真的字体或者装饰性字体,充满张力的海报上用日常的普通字体自然也是设计上的失误。

11、形式重过功能

typography-mistakes-10-662x497

这也是老生常谈。你可以追随近年的设计趋势,找个独特的字体设计一组炫酷而独特的海报或者Banner,做的非常的艺术。但是这样的设计可能会存在阅读障碍,读者需要耗费很长时间来分辨它的内容,那么这就是明显的形式重于功能了。如果你决定这么设计的话,最好平衡一下艺术性和可读性——也就是它的功能性。

12、过度强调

typography-mistakes-71-662x497

有时候你需要强化某个部分,会在视觉上进行强调,让它从整个设计中脱颖而出。文字部分常见的手法很多,斜体、粗体、下划线、大写、增大字体大小,等等。但是千万不要将所有的强调方式都用在同一篇文字同一个段落中,这样会让它看起来凌乱不堪。

13、全用大写

typography-mistakes-12-662x497

同样,这是一个在英文情况下常见的设计误区。在标题中全用大写,这个没问题,段落中如果偶有需要强调的地方用大写也说的过去。但是在此之前,要保持约定俗成的最基本的使用习惯:标题大写,正文小写。

14、忽视层次结构

typography-mistakes-13-662x769

在排版中,层次这个词是区分文本和不同元素的重要性区别的学术性说法。以我们所熟知的报纸为例,标题阐述核心,尺寸最大,文字大写,粗体强调,其次是副标题,字体小点,文字不再大写,再其次是正文,字体最小。如果打破了这种层次结构,用户会迷惑。哪个重要哪个其次,傻傻分不清楚。

15、不对齐

typography-mistakes-14-662x497

设计原则中,对齐是最重要的几项之一。对齐会让文字排列有序而合理,视觉上统一而一致。不同的对齐方式混合在一起会产生随机的间距,难看且阅读困难。

16、使用对齐工具

想要让排版对齐最好的方式就是打开软件的对齐工具,现在的排版和作图工具都有相关的对齐辅助工具,在它们的辅助下让你的排版更加整齐吧。

17、粗糙的边缘

typography-mistakes-15-662x497

这种问题在英文排版中更常见一些,中文排版中这种问题实际上并不严重,诸如Office一类的工具会自动帮你微调,而更专业的排版软件中也有相应的算法帮你解决。英文排版中这种问题更多,需要你细心处理调整,实际上这并不是什么特别复杂的事情,重要的是细心。

18、添加特殊效果

typography-mistakes-16-662x497

一般添加特效是个不错的思路,但是必须使用得应景。许多自带的字体特效,诸如3D字体、大阴影、扭曲特效,都很容易让设计看起来廉价而过于花哨。多看时下流行的设计范例,克制随意添加特效的冲动。

19、在重要项目中尝试新效果

在重要的项目中测试新的设计手法、特效和有趣的字体并不是一个靠谱的方案,也不是合适的时机,甚至不是一个专业设计师应该做的事情。这种手段过于冒险,因为新的手法极有可能并不实用可靠,如果你相信自己的直觉也应该在其他的非重要项目中进行试错。

20、忘记审核

设计需要严格把关,做完设计之后不审核是不负责的行为。设计完之后,最好通读全文,做拼写检查,确保没有语法错误、印刷错误,这也是设计的一部分。

复古海报教程合集!

俏皮而大胆的海报,老顽童版的教程!
《AI教程!教你用ILLUSTRATOR设计俏皮大胆的疯狂复古海报》

简洁大气的复古海报教程!
《PS教程!教你创建几何图案的复古怀旧海报》

新手能轻松学会的复古海报教程!
《新手教程!教你利用PS制作一个复古风格的行星景观海报》

原文地址:designschool
优设译者:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量102万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

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

发表评论 加载中....

评论加载中....

uisdc

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

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

您还没有登录

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

微信扫码

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

把好文章收藏到微信

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