大家好，欢迎来到Slidecent，
见字如面，我是林利蒙。
时间真快，转眼间假期就结束了，
这是开年来第一篇原创文章。
文末附新年红包福利
所以我带来了一个全新的栏目《设计百科》，
和你一起发现生活中的设计之美。
这个栏目简单来说就是从日常生活中去学习设计知识，拆解背后的设计思维。
它包含的设计类别非常广。可以是超市里分发的购物传单，可以是等地铁时看到的设计展板、也可以是逛书店时看到的书籍封面，甚至可以是身边的产品、家居设计等，只要是美的事物都可以作为我们的学习对象。
当找到合适的研究对象后，我会查阅相关资料，并结合自己的理解，去和大家分享我从中学到的设计思维。
之所以开设这个栏目有两点原因：
1.艺术源于生活，培养一双发现美的眼睛。 由于大部分读者都不是职业设计师，没有大量时间去学习专门的设计课程或者浏览设计网站，所以我们所处的环境就成为了学习设计的第一手资源，只要你有发现美的眼睛，就能从身边的事物中学习设计
2.拓宽自己的眼界与思维。 时至今日，我已经写了超过100篇PPT相关的原创文章了。对于这个小的领域而言，基本已经很难写出新东西了。所以借这个栏目开拓自己的眼界，同时给大家带来一些更新鲜有趣的主题
话不多说，今天开启《设计百科》的第一期
我们来聊聊地铁中的线路设计
也就是下面这张图：
2021年上海最新地铁轨交线路图
如果你每天要坐地铁上下班，那么这张地铁网络图肯定不会陌生，这是上海地铁的轨道交通网络图，利用这张图你可以到上海的每一个角落，是不是感觉很神奇呢？
然而你是否有思考过这张复杂的网络图，是如何在信息量巨大的前提下仍清晰易读呢？
下面来分享下我的看法，主要有四点： 层级划分、图例注释、配色原理、细节设计
相信看完后奇怪的知识就会增加了。
1.层级划分
明确且细致的层级划分，同级元素样式统一
以一条普通线路为例：
它主要由三类信息组成：
线路（依据颜色区分）
线路号（线路的起始位置处）
站点（包含单线、换乘、出站换乘站等）
正是由于每条线路都遵循统一的信息层级，使得信息看起来多而不乱，能够快速被阅读。这就是层级化设计的优势所在。
**2.图例和注释**
图例和注释帮助读者更好地认识地图
图例： 地图上各种符号和颜色所代表内容与指标的说明（形象生动，还可避免冗余信息）
注释： 对重点事项或特殊情况进行必要的文字说明（遇到图形化难以表达的情况时，可借助注释更全面具体地描述）
**3.配色准则**
利用色彩区分，同时保证色彩跨度大
每条线路都有特定的配色有什么作用呢？试想一下如果每条线都是同一种颜色：
当多条线路交汇后将无法分辨出线路走向。因此要给线路配置不同的色彩，这点肯定很多人都意识到了。
然而你有仔细思考过为什么选择的是这几种配色吗？其实这背后也蕴藏着专业的设计思维。
给大家提个小问题，目前有18条线路，如果是你会如何搭配色彩呢？
我想此时的你应该没有什么思路。下面我们来看看官方是如何做的。
首先科普下色环，简单的说就是由12~24种颜色围成的一个圆环（具体可百度）：
色环的性质可以简单的理解为：色环上的颜色，离得越远，差异度就越高，其中：
互补色差异最大（即对角线的两种色彩）
邻近色差异最小（即相邻的两种色彩）
知道了这个原理后，你倾向于让线路间颜色差异更大还是更相近呢？
我想大家肯定都希望差异最大化，因为这样可以更清晰地分辨出每条线路，而不至于由于线路间颜色太相近而混淆。
于是我们第一步需要在色环上选出差异化最大的初始颜色，比如红、橙、黄、绿、蓝、紫：
由于是在色环上等间隔取色，所以这6种颜色彼此间差异化是最大的，称为对比色家族。
接着你可能会纠结了，只有6种颜色该如何分配给18条线呢？
官方也给出了很好地解决方案，即在对比色的基础上对每组色彩分别做相同的属性调整：
上海地铁官方配色方案
如统一增减色相、明度、饱和度等数值，从而延伸出多组色彩差异最大化的配色方案。是不是感觉很神奇！这就是设计的理性思维。
其实我一开始也不知道官方为什么要选择这组配色。只是冥冥中觉得应该有一套完善的配色理论支撑，出于好奇心就搜集了资料，果然映证了我最开始的想法，我想这或许就是在生活中学习，在学习中成长的最好案例了
如果你想深入了解背后的配色方案，可以查看《上海轨道交通网络线路标志色方案研究》这篇论文（话说怎么突然有种搞科研的赶脚）
4.细节设计
让整体更美观易读
你或许也有这样的体会，地铁线路虽是一条条独立单调的曲线，但整体观感却很好。这一切都离不开设计者在细节设计上的精心考量：
线路统一45度的弯折角同样的折角可保证各条弯折曲线间是平行的，使得线路更规整
笔直的线路线路在按照物理路径绘制时减少了很多不必要的弯折，试想一下如果真按照实际走向，那么地铁线路就会是一条不规则抖动的曲线
弯折处的圆角过渡 平滑的过渡比尖锐的折角更为亲切顺滑
想不到吧，一条简单的曲线也有这么多巧思。是不是感觉奇怪的知识又增加了呢？
除了线路本身，背景设计也十分简约实用：
指南针（清晰地标明方位信息）
浅蓝色水路（勾勒出了上海大致地形）
可见，上海地铁的网络图设计是以功能性为主，同时为了让设计更耐看，还在一些细微之处下足了功夫，当你发现这些小细节时会不自觉地说一句：真TM牛逼！
当然，除了上海地铁网络这种相对克制的设计外，其他国家还有一些更为酷炫的设计，可以给大家开开脑洞：
以上就是我在看到地铁网络图设计时的一些感想，总结一下：
同层级的元素采用相同的样式属性
图例和注释可辅助阅读
遵循色环理论，配色是有方法的
高级的设计往往藏匿于细节之处
看到这或许有人会说我又不需要画地铁图，知道这些有什么用？
其实设计的底层逻辑都是相通的，既然连这么复杂的地铁图都搞懂了，如果将以上知识点应用到日常工作中那些，所谓“复杂的”逻辑架构图中，是不是会有种降维打击的感觉呢？
以上就是《设计百科》第一期的内容
—— 写在后面的话 ——
所谓存在即合理，我们身边所见的这些设计，其实都是在众多飞机稿中脱颖而出的落地项目。它们大都是权衡了美观度、功能性及商业价值的最终产物，因此具有很高的学习价值。
只要你有一双善于发现美的眼睛，就能无时无刻从身边学习设计。
原文链接：地铁线路图是如何设计的？
相关文章
赣公网安备36100202000190号