界面布局和数据处理
界面布局和数据处理作者：朱坤在软件的界面设计的过程中，合理的使用布局不仅提升软件的视觉体验，还可以引导用户正确的使用软件的功能。软件的子窗口是数据输入和设置、局部功能调整的入口。由于其功能不同，窗口内所使用的控件和布局也大不相同。下面是一个数据设置窗口。
http://www.njtf.cn/ueditor/net/upload/2016-08-15/5abe660e-d582-48ac-aac6-b93d0a87d91e.jpg
该窗口不仅可以将相关的数据展现出来，还可以实现对数据的编辑。值得注意的是，设计变量和优化优化目标采用了滚动式的呈现。这样不仅告诉用户这些数据和属性是同一类别下的，还可以节省窗口空间，使得界面看起来更加简洁。下面同样是一个数据设置窗口
http://www.njtf.cn/ueditor/net/upload/2016-08-15/a2221ea0-2031-4edc-a291-0057b75afea1.jpg
窗口的右上角是一个组合框，每当用户重新选择组合框的时候，下方列表中的数据将被刷新，同时表中之前的数据也将被保存，在逻辑上比较简便和实用。下面的两张图为同一窗口在不同尺寸下的状态。
http://www.njtf.cn/ueditor/net/upload/2016-08-15/ed787aef-654a-4f6a-a927-c901e6572bd7.jpg
http://www.njtf.cn/ueditor/net/upload/2016-08-15/0dd80462-773e-41fb-b8b5-b8e1edfd7276.jpg
可以看到，在窗口被拉宽的情况下，内部部件的尺寸也随之变化，从而充满整个窗口。并且，下方的“应用”“取消”按钮始终位于底部右侧。这就是布局在窗口中发挥的作用。通过上面的介绍，我们不难发现，其实这写功能在我们日常使用的软件中都有，只是没有注意过。这也是窗口设计的一条原则：与其他软件的窗口共通。这样不仅在视觉上更加容易被接受，软件操作的学习成本也被大大的降低。
页:
[1]