Skip to content

This repo aims to help people draw diagrams more beautifully used in papers.

Notifications You must be signed in to change notification settings

Darkdawner/HowToDrawBetter

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

21 Commits
 
 
 
 

Repository files navigation

程序员画图指南

让我们欣赏并学习一下各种论文中美观的示意图吧!!!

示意图基本原则

1、示意图应当使用简洁的图示表达更多的信息,即在更低的空间复杂度下拥有更多的信息熵。

2、示意图应当能够清晰地表达出作图者的意图,即信息量不应当被删减。

但是我们不讨论如何保证以上原则,单纯从一个程序员的“美学”角度来分析不同的美学示意图~~~~~~~~

结构选择

示意图的结构选择没有特定的形状,在保证整体示意图的重心平衡的情况下,结构可以随意变换,即遵循对称美

矩形

矩形结构最为常见,不仅是因为其完美的对称特性,而且也完美的契合了论文排版的要求,能够将论文版面尽可能的填满,显得不空洞。

Ex 1. Openpose

这是一个最为典型的矩形结构示意图,可以看到该示意图分为上下两支路,且上下两部分高度对称,整个流程图的长宽比也较为适合,不会太“细长”也不会太“方”。

Ex 2. Margipose

这是另一个典型的矩形结构,由于页面排版的限制,很多时候我们只能插入一定宽度的示意图,那么我们只需要将横向结构改为竖向结构,但是我们发现该图仍然满足左右对称的情况。

Ex 3. SMAP

很多情况下,我们的结构大多不满足这样高度对称的情况,而又没有其它更好的选择时,我们仍然可以用矩形结构这个“万金油”,就像这个例子,只需要将矩形方框内的做到不留白,重心保证在矩形中心,我们仍然能够得到一个较为美观的示意图。

*使用条件:多支路、高度对称、无奈之举

*使用原则:对称+不留白

三角形/梯形

Ex 4. FPN

三角形的结构,与梯形有着类似的优势和特点,给人的第一联想为“金字塔”,其“厚重的底”与“高耸的顶”往往能够直接体现出层次、等级与次序的严格遵循。在我们的示意图中,如果想要体现出不同部分的层次分明的关系,不妨使用三角形或者梯形的示意图结构。

*使用条件:层次分明、次序严格

*使用原则:左右对称、上窄下款

U形

配色选择

莫兰迪色系

莫兰迪色系来源于意大利著名画家乔治·莫兰迪(Giorgio Morandi)的画作,其主要特征为饱和度不高,透露出高级的舒适感和温柔感。因此采用莫兰迪色系当作图形的底色,会给予观看者更舒适的观感,由于其整体的饱和度较低,因此整体示意图的协调性也会较高。

相近色系

在画图中,采用相近的颜色进行填充,往往能有更好的协调性,不会给人强烈的不适感,对于不同的层级的框图,我们可以尝试采用递进的颜色进行填充,颜色由浅入深。

About

This repo aims to help people draw diagrams more beautifully used in papers.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published