认识达内从这里开始

视觉设计是大多数ui设计师在日常工作中都会用到的一个设计方法，而本文我们就通过案例分析来简单了解一下，视觉设计自查需要注意哪些设计问题。

视觉设计包含了视觉标准、视觉信息架构、以及已有视觉风格的应用，设计师走查的原则就是传达品牌风格的同时保持标准化、一致性、小化视觉传达高效的信息。

1、平台设计标准

不同的平台设计标准是不一样的，要按照所在平台的规范来选择尺寸。标准化带来的一致性给用户带来了易学易用。

2、信息结构

当我们对于产品定位没有清晰认知的情况下，对于类似的需求可能会对页面上的信息传达过于均衡，每个信息都需要放大，每个信息都需要加强，每个信息都需要让用户获取到，在工作场景中，我们就会经常遇到：

这个信息需要放大;

这块儿提示信息要强化;

这部分内容虽然不重要但需要让用户知道;

…

诸如此类的情况，我们需要一个判断信息重要与否的标准来更好地权衡信息重要程度，使页面信息更有逻辑更加清晰。在众多设计原理中，格式塔原理一直被广泛应用，它可以很好的梳理界面信息结构、层级关系，从而提升设计的可读性。在自查过程中，我们可以通过格式塔原理检验页面中的元素是否符合标准。

以相似性在MONO、开眼、ONE中的应用为例，我们可以发现，产品中相似的内容在页面中形成一个小的整体，向用户传递他们之间的相关联性，在视觉上营造视觉层次，可以很好的指导走查视觉元素的信息架构。

自查信息结构时需要考虑的点：

整体信息结构是否清晰?

页面的信息层级是否合理?

浏览路径是否符合浏览路径?

…

3、文字

文字是产品的重要组成部分，是产品传达给用户的主要内容，对产品有非常大的影响，自查中需要把关文字是否符合平台规范。通常一款产品在设计之前会制定Guideline，对文字的类型、字号及颜色进行规范。

文字的类型、字号、颜色、行距、对齐方式都是走查需要注意的细节，因为很多时候开发和我们的视角不一样，有些细微之处是看不出来的。可参考以下四点对页面进行自查：

字体类型的数量遵守移动端规范，种类控制在2-3种以内，中英文及数字是否风格统一?

字号的大小、粗细，是否能够清晰的区分信息层级?

文字的颜色，在应用场景中是否具有强光环境下的可阅读性?品牌色、强调色运用是否合理?

对齐方式、大小写、日期等显示格式在不同页面是否统一?

文字溢出样式是否符合规范?

…

4、图标

在界面中，图标不是单独的个体，每个应用内的图标都应该具有相同风格的图标，包括形状、圆角、线条粗细、品牌元素等。

图标在界面中通常是成群结队的出现，所以风格的一致性很容易对比出来。

通过以上图片我们可以得出：统一的尺寸、统一的色彩、统一的圆角处理、统一的线条、统一的辅助形状，保持了每套图标的整体性。

系统图标还有一点需要注意，那就是尺寸，比如说tab栏、导航栏，常用尺寸为48x48px、64x64px。

5、图片

设计稿件中通常都会填充一些配图保证页面的完整性，设计师需要保证图片的尺寸、比例且统一。以电商为例，产品的页、详情页、以及其他页面设计商品相关的页面，其中一个为1:1，那么其他页面应该都是1:1。其他常见的图片尺寸有16:9、4:3、3:2、1:1和1:0.618(黄金比例)等。

图片自查过程中需要注意的问题：

是否符合比例规范

图片是否符合产品调性

图片视觉方向是否符合页面视觉方向

…

6、控件

控件或模块交互样式较多时，需要设计确保设计稿件的可用性，避免遗漏。可以在以下几点进行自测走查：

控件外观是否符合用户认知?

控件与页面元素间的关系是否表达正确?

控件的做种状态是否展示一致?

控件是否对元素有干扰?

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。