为了确保信息的安全，对以下论文图的具体文字信息进行了遮挡替换处理
界面设计基本流程
以下流程我已经根据论文绘制流程经行了修改：
1. 意图确认：明确图的意图，分析模型的需要传达的重点信息是什么
2. 图片结构设计：设计尺寸（论文中展示的方式）、布局、模块划分（4±2、区分主次）
3. 图片视觉设计：风格主题（颜色，线框，线形）、颜色设计（根据意图确定模块的颜色）、图表细节调整（对齐、是否加图例、重心稳不稳）
4. 测试调整：让其他同学看看你的图片，是否有问题（如乱不乱，能不能看懂等），因为个人先验知识会影响你对你的图片的理解，可能导致无法发现图片不足的地方
接下来结合实际出现的案例对以上的绘制方法进行说明：
案例1
反馈的问题：看不明白需要同学口头讲述后才能明白这个图
本图的优势：在对齐部分做的很好，看起来比较干净舒服，对齐部分的检查可以将图转为黑白之后在看，因为颜色的出现会影响你对图片的感知
1.意图确认：图片内容没有等级之分，不知道重点在哪里，一下子输入的信息太多—-更改组件的权重（通过调整颜色，形状，线的粗细），将图片分块通常比较复杂的图调整维3-4块左右，因为工作记忆的记忆量一般就是4个模块的东西，多了会记不过来。
2.意图确认：不知道标注字母的各种梯形是什么意思—-添加图注
3.意图确认：主图之外的loss不太确定是谁和谁之间的loss
案例2
反馈的问题：看着比较乱以及颜色上看着不舒服
1.图片视觉设计：首先分块✔，然后对齐，要将每一大块之内先对齐，即在不添加底框的前提下任然可以快速的区分出这是一个块—-需要调整线宽圈住部分的内部对齐问题，如果可以最好块和块之间也可以对齐,在无法完全对齐或者重心不稳的情况下可以添加底框
2.图片视觉设计：然后整理内部的图形以及线条的使用，通常较多的弯曲线会感觉比较乱，如果必须使用很多弯曲的线可以使用（曲线+直线）
一般可以使用曲线连接重要的部分，或者做模块与模块之间的连接，即图中名为1的线可以用曲线，而名为4的线最好用直线，因为我们自动会将直线和弯曲的线分离（如在一堆红色的苹果中找绿苹果会很容易，绿色会优于红色）
案例3
反馈的问题：和论文中的另外一张图的风格不匹配；看起来不稳定，感觉左边重右边轻
本图的优势：意图是明确的，而且也对齐了
- 图片视觉设计：风格模仿，首先表现层，颜色和图像边框颜色不一致以及图像的所使用的组件维度不一致—-吸色和调整边框颜色以及将2维图改为3维的图，其次结构层该图片为主图+图注—-给改的图加入图注
- 图片视觉设计：看起来看起来不稳定—-删除比较重的地方的东西，或者给比较轻的部分添加东西（如底框，图注，加重颜色，使用更加复杂图形）
案例4
反思：但是在处理这个图的时候花了比较长的时间，主要是因为误将同学提出的可能的解决方法当作了真实的需求，（同学要求绘制3维图，但是他的根本需求是要画好看的符合顶会论文风格的图片）
