idea代码颜色搭配方案_从idea到展现

idea是一切具象的起点和基础，技术是手段是工具是将idea从空中落地的云梯。

工作中不乏有从事技术开发的人似乎看不上写方案怼ppt的，“不就是会ppt嘛，谁不会，但是代码就不一定了”，“最没用的就是方案了，根本不可能实现”...这些想法常来自对技术有研究有痴迷的群体，他们或许是某个技术领域的核心骨干技术大拿，然而脚踏实地通过技术落实一个又一个项目固然有看得见的成果，天马行空创意思维未必是一般人能做到的，而一旦做到便不是一城一池的得失。乔布斯将苹果的用户体验做到极致，使苹果在世界手机市场占有率多年居高不下，这源自的是他的想法和思维。没有idea，技术是没有灵魂的。

在做产品中，一个好的想法是极具挑战的，good idea的产生需要good sense，需要懂业务、懂需求、懂用户、懂市场...本篇不谈如何产生好的idea，我们讨论在idea产生后的一些事情。很多时候，灵光乍现仿佛发现新大陆，奈何不知如何去描述和展现，如果好的想法在传播的过程中因为不知道如何选择表现形式抑或选择了不当的表现形式而使之打了折扣这是非常令人痛心疾首的，因此，我们需要掌握从idea到展现的方法论。

假如我们在做ppt，ppt是power point的缩写，意思是我们要将想法和重点有力地凸显出来。ppt从来不是模板图表的大量堆砌抑或不分应用场景的炫酷效果，ppt的核心在于将想要表达的内容以最好的形式完整充分地展现出来。

1. 首先，我们有了一个想法，这个想法可能是几个对象之间具有某种关联关系，可能是这个产品满足用户核心需求的几个功能模块，想要表达的内容呼之欲出，却有不同程度的模糊边界，这个时候我们要做的是厘清我们要表达的内容，重点在哪，边界在哪。
2. 然后，在明确了要表达的内容后，接下来就要设计展现形式，怎样排布，用哪些图标，用什么色号，用什么字体，用多大字号，页面如何协调，如何与其他几张片子的风格保持一致...这个阶段，选取展现形式是首要任务，如想要表现趋势，则可选取折线或曲线图；如想要表现比重，则可选取饼状图；如想要表现不同地域数量分布，则可选取平面或三维地图等等，这需要我们了解表现形式有哪些，每种表现形式有哪些更细的分类，每种分类侧重表现的效果是什么。
3. 如果你正在做一个ppt，完全可以自己diy展现形式，像在一块干净的画布上，选取图标，连点成线，连线成面，设计线段和字体颜色，添加同色系渐变填充等，倘若你想要半定制化展现方式，那么excel和Echarts是绝佳的选择，如果你对代码颇有研究，还可以调用python的matplotlib包任意泼墨几行代码run出一个高逼格图形。excel中的可视化展现形式基本是Echarts里的初级版本，Echarts是一个用于数据可视化的开源插件，由JavaScript编写并实现的，可以流畅地运行在PC端和移动端，兼容大多数浏览器，且具有强大的交互性。Echarts官网:https://www.echartsjs.com/zh/index.html。Echarts可以绘制的图有37种，每一种里还有多种不同的风格，基本能满足所有可视化展现形式的想象。当你选定了要表达内容的展现形式，在官网中找到了相似的案例，点进去发现通过修改左边代码点击运行右边的图形是会发生变化的，这时候你就可以根据展示内容的在线修改从而得到你想要的图形。那么首先是要看懂它的代码，看懂后基本就知道如何修改了。我们可以研究每种Echarts案例的代码结构，弄清楚每个参数影响右边图形的哪个部分，官方提供的配置项手册把所有可调节的参数都列了出来，而且详细讲解了如何调整这些参数并附了示例代码，我们在用的时候完全可以把它当做一个字典，需要调整哪些参数就到配置项手册中查找，就像一个工具字典一样方便强大。设计好图形后可以点击右下角的Download按钮下载到本地使用，一定记得备份代码，网页是不保存代码的，刷新一下或者关掉就要重新来过了！

Echarts中的桑基图案例

这是最近工作中关于从idea到展现的总结，发现不管是做可视化设计还是产品设计，真是知易行难，越深入越觉得有意思，这是我的第一篇知乎文章，以后应该会经常分享些关于可视化、关于数据产品设计的一些想法总结，不断总结沉淀，持续分享输出。

来自一枚菜鸟级数据产品经理