洛阳发布视觉设计自查需要注意哪些设计问题

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

  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、控件

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

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

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

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

  控件是否对元素有干扰?

领取试听课
每天限量名额,先到先得
温馨提示:为不影响您的学业,来 洛阳UI培训 校区前请先电话或QQ咨询,方便我校安排相关的专业老师为您解答
  • 详情请进入 洛阳达内IT培训机构

关于我们 | 招生信息 | 新闻中心 | 学校动态

版权所有:搜学搜课(www.soxsok.com)