0012：一个非专业UI设计师的设计之路 - 4（内容设计，完结篇）

继续上一篇博客: 0011：一个非专业UI设计师的设计之路 - 3（界面配色）

在这篇博客中介绍第三步 - 确定软件的内容设计。

一 内容设计

1 理清楚设展示信息与交互信息

在进行软件内容的设计之前，应该先要确定软件有多少信息及以什么形式展示给用户、有多少内容需要用户操作及需要设计为什么样的操作（应为操作软件需要设计按钮、菜单之类的控件），这些工作是作为软件UI设计的前期工作，也是核心工作。下面就来详细的说明一下。

1.1 信息展示

确定软件的信息量，最好先将软件需要展示的信息进行分类，就是有几类信息，分类的方式可以从软件的设计角度来说，比如：统计类的软件可以讲信息分为基础信息、经过软件处理过程中的关键信息和最后的结果信息，但是这种分类方式太过于技术层面了，更像是程序员需要知道的调试信息，如果用这种模式设计软件的话，最终软件会变成程序员自用的调试软件。所以，应该分析用户关心的是什么，用户需要软件来做什么等问题，才能满足用户的需求，甚至高于用户的需求，使用户按照设计者的思路或者设计流程来工作，有时好的软件还能作为行业工作的流程标准。当然这是需要软件设计者具有相当的行业经验、设计经验和技术能力的，但这也是我们软件设计者的终极目标。

在分好类后，就需要考虑以什么样的形式展现给用户，最简单也最直观的的想法，当然就是用文本的形式了，不是说文本的形式不对，只能说文本形式不够高级，不能够给用户带来有效的使用效率。当需要展现一个统计表时，最基本的展现形式就是用表格了，但是高级一点的形式可以用饼图、柱状图或者曲线图来展现，两种形式相比肯定是图形化的展现形式能够更有效的传递信息给用户，而且也能设计的比较出彩。下面是表格与图形两种表现形式的对比。

表现形式 - 表格
表现形式 - 图形

1.2 用户操作

相对于上面说到的信息展示，都是将信息单向传递给用户，对于需要用户操作的，也就是真正与用户有交互的信息，是需要设计控件来让用户操作的，那么以什么样的形式与用户交互，也是很重要的。比如：图书管理软件中有需要输入信息的地方，而且输入的信息量还不少，正常会将输入信息以编辑框方式提供给用户输入，这样不仅用起来不方便，而且非常占用界面空间，如下图。

在输入完信息后，会有一个列表来展示输入的逐条信息。那么，如果有一个多功能的列表控件，可以让用户直接在列表中输入信息，这样是不是相比上面的设计，就会好很多呢。像下图这样的列表，这样的设计既省空间还使用方面。

2 划分页面及区域

在理清了展示信息和交互信息后，其实软件UI设计的核心设计工作已经完成，剩下的就是工作量了，如果信息量大需要分为多个页面，那就将所有设计内容划分到页面。那么怎么划分，其实在上面进行信息分类时已经设计过了，因为当你在进行分类的时候肯定会想怎么放的，在这里提出划分页面其实就是明确还有这一步工作要做，也是在做这一步工作时对前期的设计进行修改和完善。同样，划分区域也是对前期的设计进行修改和完善。

在做这一步的工作时，相当于在实现设计时重构了设计思路，肯定会有查漏补缺、修改设计和完善设计的工作要做，因为前期的设计是方案性的设计，划分页面及区域是来实现设计。

二 最后

最后说明一下，其实内容设计中的工作，很多时候是不分先后的，在考虑软件展示信息的时候就会考虑到这些内容怎么放，在实现设计的时候又会去修正前期的方案设计。不过，从逻辑角度来说，还是有先有后，对于具有多年工作经验的人来说，其实顺序没有那么重要了，但是对于新手来说还有具有参考和指导作用的。

好了，总算写完了“一个非专业UI设计师的设计之路”，这个内容一共写了4篇博客，算是对自己工作经验的梳理和总结，写的不够系统，也不够理论，请看到的人多多包涵！

下面是前几篇博客的链接：

• 0009：一个非专业UI设计师的设计之路 - 1（开始篇）
• 0010：一个非专业UI设计师的设计之路 - 2（界面风格）
• 0011：一个非专业UI设计师的设计之路 - 3（界面配色）

后面有心写一下我经常使用的UI设计软件，也是写写使用心得，希望能对看我博客的人有所帮助！