干货满满的信息可视化设想大科普（小白白篇）

axly530

来历：知乎
        当下，随着互联网和新媒体的技术兴起，艺术门类又一次成为读大学的一个捷径。而这类情况酿成的必定成果门生们的艺术根本亏弱和艺术修养亟需进步。很多同学在上大学前甚至没有经过正规的美术根本练习。是以针对设想小白白们，我总结了一以下位非常轻易出现的设想毛病和尔后做设想的技术途径。也就是说，设想的好与坏咋们先不会商，由于那是修养和审美的事，需要持久的堆集。而设想的对与错，这件事，可以经过有用的练习和练习，甚至融会贯通来做到正确。同时，这些常识点不单单可以利用到信息可视化上面，还可以在排版设想，书籍设想，PPT和各类报告上利用，希望对大师有帮助。题外话，此篇文章中我所讲的任何内容在这个互联网高度发财的天下，都可以找到泉源，但我只管以极为俭朴的说话和简单易懂的例子给大师科普，以区分现在网上各类为了赚点击和博眼球的设想类洗稿文。

前方高能！！！


1. 对齐，对齐，对齐

重要的工作真的需要说三遍，做设想一定要检查自己的内容能否对齐。
现在发现这是一个设想师的根基修养题目，而在理论中发现，很多同学在作品中并没有很好的表现。那末作为任何设想的一项根基常识，这个概念我把它放在首位。在讲“对齐”这个概念时，我来复盘一下一位设想教师经常会碰到情况：
教员：同学们，我们此次设想作业一定要留意对齐，懂了吗？
同学们：好的教员没有题目！
几天后。。。
教员：小A，你有没有认真听课呀，你看你的作品这里那边这里。。。。
小A：教员，我感觉我对齐了呀～
       在生活中，由于从小生活情况、成长履历的纷歧样会形成一定的认知的不同。同理，设想中的师生而言，形成师生双方较难get到对方信息，需求没法对齐的很大一部分缘由就是由于：双方的认知分歧一（在心理学上，将认知界说为人的最根基的心理进程。首先是人脑接收外界输入的信息，然后经过本身脑筋的加工处置，最初转换成内在的心理活动和行为的一个进程）为领会决这个设想讲授相同中的认知的根源题目，Up主 小洋胖子 提出三大原则：
同一目标，目标具体化，表达客观化
那末现在回到“对齐”这个要求上，套用上面的形式为：设想后第一要检核对齐情况；对齐是为了设想作品的同一和有条理；应当做到句句对齐，图图对齐，图文对齐。
关于对齐的形式，优点等等，请参考下面链接，写的很好，支持原创：
https://www.zcool.com.cn/article/ZNjE4MzIw.html
关于对齐，不管是PS，AI还是PPT中，都已经有很好的工具了供给了。还有两样宝贝，是对齐中必不成少的，那就是网格和参考线。领会和利用网格和参考线来停止设想是设想中相当重要的。它可以确保页面中元素之间连结逻辑和视觉上的和谐同一。这样可以保证设想整体的凝聚力和关联性。你不必在每次建立元素时都利用网格。但是，当你领会若何利用网格与参考线，你会渐渐离不开它们，并在排版设想中带来很多益处。


2. 笔墨，笔墨，笔墨

重要的工作说三遍，在笔墨这个大的题目下，主如果笔墨的字体和笔墨的排列。套用公式后：设想后第二要检查笔墨中的字体利用和篇幅排列情况；此举的目标是正确表达设想思惟，避免低级毛病，表现设想师专业性；字体利用方面应当做到气概同一，巨细合适，避免怪异；篇幅排列方面应当做到中西差别，间距合适，标点正确；而当两者连系以后就需要头头是道，3-3制原则。下面我从字体利用方面起头来说：


气概同一：设想中倡议最多不要跨越3种字体范例，否则会使作品看起来疏松和不专业。而且设想中利用的范例一定要气概接近大概同一。比如汉子现代字体中的宋体和黑体就是两种气概。


区分在于宋体对于汉子比画停止了粗细变化和修饰，而黑体则连结着纯真的笔墨线型，这也就是为何很多重视设想的公司的中文界面比力偏心黑体风，比如苹果，小米等（不信的仔请去他们官网看看）。


英笔墨体这方面，气概请参考下图，尽能够挑选标准字体，近几年网页中凡是利用思源黑体，PingFang，英文可以利用Arial，Calibri大概其他常见的易于屏幕阅读的黑体字，如没有特别概念指导尽能够避免利用衬线字体。


巨细合适：太多的字体尺寸也会破坏设想结构，请在设想中连结大中小三品种型。这样的处置，就是为了连结节奏，节奏如音乐是要经过凹凸来调理的。同时字体的巨细合适还有一层意义，就是不要轻易改变字体的比例。很多新手设想师会随意拉伸字体的长宽，这类操纵是一种极为营业的方式，请列位同学留意。


避免怪异：在字体利用中，希望列位新手同学只管不要放飞自我，谨慎，谨慎。比如在挑选英笔墨体的时辰，有些字体的个体字母极易混淆，出格是“i”和“L”（以下图所示）；以及笔墨之间的间距。很多中笔墨体在利用较小字体的时辰笔画会粘到一路，不轻易分辨；也不要拔取一些看起来怪异的字体，而致使形式大于功用。


在这里，我给大师保举两个诚意满满的字体网站，可谓业界良知。第一个是字体网站：https://www.fontfabric.com/ 这里面供给了大量优异的英笔墨体，而且可免得费下载利用（供进修）。第二个网站的保举是由于，很多同学偶然看到很好的字体，可是不晓得叫什么大概在那里下载，这时辰就需要这个网站：http://www.qiuziti.com/
聊完了字体方面，下面我们聊聊笔墨的另一方面，篇幅排列。
中西差别：下面我们将拿出两段普通的中笔墨体和英笔墨体来停止对照，中文适用的是朴直兰亭纤黑，节选自（结构想考力）


1. 英文的段落几近每一个单词的长度都是纷歧样的，而中文的段落字体都是方朴直正的。这样从每一行的角度来说英文的每一行变化更多，而中文由因而方块字，所以缺少变化，进步排版难度。这就是为什么有些同学喜好排版英文，是由于英文排版确切比中文简单。


2. 英文的篇幅普遍比相赞成义的汉字的篇幅要多，在设想时，英文自己更轻易成为一个设想主体。这里我差一下，在信息可视化设想中，大篇幅的笔墨实在在信息可视化的感化很小，层级很低。今后我会专门写文章针对信息可视化金字塔道理而详述。这里请同学们记着，此类笔墨的感化更多的是一个小灰块。起到调理空气的感化。例以下图远看时你已经很丢脸到笔墨的具体内容，可是在排版上起到占位感化。


此外由于英文单词的字母数目纷歧样，在编排时，对齐左侧以后，右侧城市发生自然的不法则的错落，这在汉字编排时不太能够出现的，汉字编排每个段是一个完整的”块”，很难发生这类错落感。是以请保存那些英文排版中的良莠不齐，那才是原汁原味的英文。

间距合适：合适的间距首先从字与字的间离隔始，关于字间距，我重点保举的就是Adobe公司的内容，这家在设想史及第足轻重的公司。链接以下：
关于字间距（一）： 字间距在字库中的设备
https://blogs.adobe.com/CCJKType/2009/07/kern1.html
关于字间距（二）： InDesign 的字间距调剂功用https://blogs.adobe.com/CCJKType/2009/08/kern2.html
同学们可以顺藤摸瓜，在这个论坛里多转转。
在字行排版中，我们有一个特别的术语，用于暗示行与行之间的间隔：行间距（或行高）。为了保证文本的可读性和易读性，使文本构成线性的阅读感受，在信息可视化设想中，凡是情况下将行间距控制在字体巨细的1.5-2.0倍之间（中笔墨体）。英笔墨体保举利用默许行间距，或按照默许行间距微调。


标点正确：最初来再说说标点标记，我国最早的古书是没有标点的。进入20世纪，现代口语文的利用日渐普遍，人们迫切需要有比力完整的新的标点标记。一些学人起头向国内先容欧美最通行的一些标点标记，并按照现代的句读标记，参考西洋方式研讨制定出了合适中国笔墨需要的我国最早的新式标点标记。这里夸大的不是标点用法，而是在排版中标点的特别看待方式。
一般句号、问号、叹号、逗号、顿号、分号、冒号等不能出现在行首；换言之，引号、括号、书名号等的前半部分不能出现在行末，后半部分不能出现在行首。这是很多设想小白同学的信息可视化作品中出镜率最高的毛病了。为领会决这个题目，很多专业的排版软件比如Photoshop/Illustrator/Indesign在段落设备面板中都有以下图的设备：段落面板—避头尾法例设备：JIS严酷
关于避头尾法例具体内容请转这里：https://thetype.com/2018/05/14501/
最初说一下就是两者连系以后就需要头头是道，3-3制原则。仔细的同学可以发现，上面的文章很多地方都触及到三这个数字，在设想中3确切是个很奇异的数字，所以我们一定要服膺上文中的3-3制原则。今后我的设想色彩分析篇中，也会有关于3的论述。适当的情況下，用题目、副题目，正文这样清楚地分类，会让设想的可读性和条理感提升一个档次。


明天就写到这里，延续更新中。。。。

原文地址：https://zhuanlan.zhihu.com/p/110166019
免责声明：本帖内容由机械人自动收集于互联网，如加害了您的权益，请联系我们【E-Mail:cb@yoyodoc.com】 我们会实时删除侵权内容，给您带来未便，深感歉意！

恋爱的棉被缀

才看到这么棒的文章！感激作者！期待更新！！

便宜老鼠药沼

信息可视化设想一般用什么软件呀

此路难行谎

太多了亲，需要搭配利用

冰下的火圆

干货满满[调皮]

yslzaity

这不是教员嘛好巧

老鼠飞出亚洲言

哈哈哈哈，你好你好，有点巧

David902

求博主保举相关书籍

人生如梦总人q

前真个可视化内容也有类似的点，是相通的，我是做前端可视化这方面的，大师感爱好的可以相互会商

caymkda949764

感激分享 很棒[爱]