直观——让复杂变得简单的方法

   这篇文章，由于没有很适合的素材，所以用的是我自己写的一个战斗模拟器来做例子。简单地说一下直观性在系统设计中的一个重要性。（假如遇到了合适的素材，会及时更新以及补充）
   （这属于上一篇文章里面，容易上手的简单性的一个补充）

上一篇文章链接：http://gad.qq.com/article/detail/7151339
 上面这张图片是我写的战斗模拟器的最初版本。
作为最基础的版本，我可以根据实际需求来调整对应的数据，但这个不是主要内容。最主要的内容是整个界面的排版布局。
假如我不是写这个VB的负责人，我看到这个Excel的时候，我可能就会任意地在单元格内填写数据资料。
在游戏开发的类似问题是：界面过于凌乱复杂，导致玩家在游戏里乱点，不能迅速地找到自己所需要的功能。






这个模拟器，我简单地做了下排版以后。是这样的：
 
我处理的内容有以下几点：
将不可修改的内容，用修改底框颜色以及文字颜色的方式将它们区分开（伤害，命中率等属性值以及玩家的名称这些实际操作中没必要修改的内容）。如果有必要，好可以将这些内容锁定，不允许修改。


将自己需要，但用户不需要知道的内容隐藏起来 （击杀次数，单次击杀需要攻击次数这些信息由于计算需要这些数据。所以不能删除，所以我将它们改成白色底框以及白色文字。使用户不会看到这些数字）。


说到此处，好像还没点题说到“直观”，但其实，我已经将直观这个概念表达了两次了。一次较为明显，一次不明显。
第一次明显地表达直观：
“想测几次就填个数字在右边，然后点测N次 ”这里我是直接将说明搬到内容格内，让用户非常直接地知道该怎么使用测N次的功能。

 


单从美观的角度来说，为了让整体布局更加好看，应该将这一行的内容缩短，否则其他行的内容会空出很多，造成大量留白。使得界面不是特别好看。但由于这个模拟器是我自己用以及给部分有需求的人免费提供，作为工具，它更应该强调实用性，所以牺牲美观。
 
（图片中的红框部分是由于底下的“想测几次就填个数字在右边，然后点测N次”说明信息而导致的留白。）


第二点隐性地表达直观：
在写整篇文章的时候， 我都非常注意是否足够直观，也就是在需要图片的时候，都在对应的地方加上图片。本篇文章中我注意并且处理得比较的好是最后两张图片。因为图片内容是我之前表达的内容的实际效果。而第一二张图则是一个整体的框架，没很好地做到直观的要求。