用 Manipulate 生成的动态模型, 相信大家已经非常熟悉了. 但是对于整个动态交互的界面风格所要遵从美学设计的少许经验, 就在这一小节跟大家分享一下.
方法/步骤
1
首先让我们随便做出一个动态的模型来, 这里我们对图片将指定的图像效果作用到一张非常著名的图片上, 其中效果包括素描, 浮雕, 优化, 模糊等等. 下面就是我们的代码与生成的模型:
2
来吧从最显而易见的地方入手, 我们的第一个感觉就是模型的比例不合适, 高要比宽多得多, 那这样的话, 调整控件放置的位置就是解决此类问题的钥匙.
3
接下来, 要对我们的模型中动态变量加上相应标签说明文字, 让受众清晰地理解各个控件所代表的含义.
4
再继续界面的设计, 为整个模型加入标题, 当然字体要设置的稍微大一些. 然后将控件分组, 为每一组加入标题,有联系且相关的动态变量为一组, 无关的控件组用水平线分割开来, 并且水平线上下加上留白.
5
设定一些 Manipulate 的选项: Paneled -> False .
6
将整个模型封装一个 Style , 用 Style 的选项来进一步修饰: ControlsRendering->'Generic' . 然后再在外边添加网格设定, 并设定若干的选项, 最后的效果如图所示:
注意事项
在确保 Manipulate 的内容正确显示且保证运行的效率之后, 适当做一些界面美化的, 更加便于阅读,使其更加赏心悦目, 这一步骤也是十分重要的.