如何成为有交互和视觉思维的设计师

问题解决：

根据产品的特性，建议统一的图标风格，选择线性、面性、渐变、立体等风格。

问题八：对齐间隔

问题所在：

页面元素的对齐、间隔没有规律，整体视觉显得松散，不严谨。

问题截图：

问题解决：

可以利用栅格系统，把页面信息内容规整起来。

四、优化方案

根据发现的问题，我们来看一下优化后的设计方案：

优化1：交互路径

根据用户行为路径，将相关联的信息归类到一个模块，每个步骤划分到一个模块，相关联的步骤合并到一个模块，模块内完成各自的操作展示任务，模块之间信息内容互不干扰，但从结构布局又能够形成符合交互操作逻辑。

优化2：颜色规范

规范颜色，配色的方法在这里不做深入讨论，这里方法的是基于品牌色通过饱和度、亮度、透明度的变化来得出文字各层级的颜色、边框的颜色。

优化3：输入控件

对输入类控件的样式进行了统一，让用户从视觉上就能够清楚地分辨出哪些是可以进行输入操作的，从而减少用户对交互操作上的认知成本，提高信息输入效率。

输入控件进行交互时，要有交互状态反馈，默认状态、选中状态、错误状态。视情况而定，可以增加鼠标移上状态和不可输入状态。

状态变化时的颜色应用，可以通过变换色相的透明度来保持色彩的一致性。