直观图表菜谱

21.12.08 / 想法 / Author: windywings

　　前几天比着网上的教程烧菜，发现文字菜谱的共同点就是不容易记忆（也许是我脑子不行）。简单几行的一个汤害得我不断在厨房和书房电脑之间穿梭，遂开始研究更加直观的菜谱，当然就是根据我所偏好的图表格式。

　　主要形式在一瞬间就定下了了，只不过表达和细部设计耗用了比较长的时间。如本图所示，用最简单的自家风格蛋炒饭作为例子（为了表达更多的内容进行了不必要的复杂化），将时间线作为横轴，刻度代表时间，各种固体辅料在上方按照添加的时间和份量引入，下方则是液体类。这样一个最简单同时最直观的菜谱就完成了。





　　为了表达更多和更精确的信息，给予横轴一定厚度，按照火力大小分为五格，不同阶段用高亮显示火力值，用户同时根据火力长度来感受时间；在食材内侧用灰色矩形表示建议用量，主要是同其它食材形成用量对比，而用空心矩形来调节用户各自不同的口味；液体类则用黑色和灰色的空心水滴表示。对于某些要事先制作的食材，做法简单的可以用预制标签标记，如果做法复杂，则按照主线规则制作另外一条时间线上下排列；火力线下方可以设置操作注意事项。

　　接下来是想法深入：

　　为了蕴含跟多的信息，主要靠提升表格的维度来实现。图中第一维为横坐标（时间线），第二维（火力纵坐标）为火力；第三维（本图没有大纵坐标）为食材量，第四维为操作注意事项。
　　本图为概念图，因此采用了简洁的灰度像素风格，在视觉可接受的范围内增加维度其实很简单，包括：第五维—食材背景色，第六维—食材文字风格等。

　　有的菜肴比较复杂，几种食材需要同时准备，这时统一在时间主线下面的几条时间分线的直观优越性就显示出来了，它们并驾齐驱，一目了然。而这些用文字几乎是无法表达的。
　　不可否认菜肴的烧制方法种类众多，但直观图表形式也不在少数。通过总结分类，可以把大部分菜肴的烧制、拼装等过程归纳到几个图表形式（模板）内。

　　接下来是想法推广：

　　关于图表的制作，应当选用矢量软件。但是以程序翻译的形式好过逐个的制作。个人推测Flash（本人不会）就能完成大部分的内容。最佳的形式为：将各种编写规则集成于一个小的操作软件中（这个软件应该不会很大），根据不同的菜肴选择合适的模板，然后插入对象，只需输入时间、数量等参数即可，这样很快就把一份文字菜谱翻译成图表形式了。
　　这样输出大量图片后就可以构建一个网站，但图片会占用存储空间并且受网速限制，因此如果Flash能够实现上述全部功能，则用户只需打开这个Flash，根据菜谱名称或编号可以即时生成图片。
　　如果Flash做不到，那可以用其他插件的形式，或者需要用户下载该程序也就是客户端。一般的编辑软件都会生成有自己独特扩展名的文件，用户在交流这些文件的时候牵扯到附件，而附件就不可避免安全问题、权限问题、失效问题。考虑到制作过程的条理性较强，对比编程过程我认为可以通过文本的形式来交流。即用户制作好一个菜谱后，按照一定格式输出一行很长的纯文本，类似于用户的翻译输入记录，估计几十到几百字节就可以搞定了。将这段文本贴到论坛等地方，第二个用户只需将其复制粘贴到客户端的代码框内，马上就翻译回图表形式了。

　　最后是一些细部解释：

　　标尺开关：贯通窗口内的一条纵线，用于对食材在时间线上的精确对位，没大有用；
　　简化级别：用来确定图表的维度，如较熟练则关掉几个次要维度，让图表更简洁，新手则多打开几个维度。