等等

在我做界面遇到问题的时候,前辈经常建议“多看看好的设计”,可是现在平台上琳琅满目的设计作品,到底哪些是值得学习的,又觉得难以辨别,凭自己的感觉难免会有偏差。因此有时候自己找的学习对象就有一些问题,自然也就做不出好的设计。

多次碰壁之后,自己总结了三个分辨好坏设计的套路:具有视觉吸引力;细节处理到位;实用。

 

具有视觉吸引力

当我看到一个作品的时候,首先看它是否具有视觉吸引力。这个吸引力和单纯的好看还不太一样。好看的设计不一定就是好的设计,但是好的设计一定要具有视觉吸引力。好看不好看的评判是很主观的,但是视觉吸引力是有原则可循的。我把他们分为以下三个参考标准:层级分明、一致性、小特别。

1、层级分明

清晰的层级结构能让用户看起来更加舒适,也能够快速的获取重要内容。那么我们在看的时候判断它是否层级分明,主要看不同的模块之间是否区分明确;界面中主次是否分明;是否符合用户的阅读习惯。

首先,好的界面,都是分模块展示的,而不是平铺直叙。并且不同的模块之间区分明确。当我们看到一个界面,不能快速的区分出不同的模块,那说明它的模块区分的不够好。比如下图,右图看着就更加舒适、清晰。

其次,内容要有主有次,重要的信息突出,次要的信息弱化。一个模块中的重要内容只能有一个,如果有多个重点,那就等于没有重点。以下图为例,左图没有主次,右图很明显就能知道重点内容是什么。

最后要根据视觉流的原则去审视这个界面是否符合用户的阅读习惯。比如说我们的阅读习惯是从左到右,从上到下,但是界面的重点内容却放在视觉流程的尾端,是不是就不太合理呢?

 

2、一致性

这里说的一致性,一方面是视觉上的一致,另一方面是与已知的一致。视觉上,一个产品中页面的风格、元素、间隔等都要遵循统一原则,同一层级的内容要统一,比如说同为模块标题,字体色号却不一致,这样就会导致页面的混乱。

与已知的一致,是把设计与生活联系起来,让用户看到这个设计就能想到生活中相关的东西,具有熟悉感,也更容易上手。比如说界面中的票券设计,与生活中的票券可撕样式保持一致。

 

3、小特别

为什么这里说是小特别,没有说大差异呢。因为我认为,UI和平面设计还不太一样。平面重视觉,追求视觉冲击力。但是UI界面更多的是追求好用。用户已经习惯了已有的视觉形式和交互模式,突然来了一个颠覆性的设计,用户反倒不知所措。但是又要有差异,区分那些常规的设计。所以我在看的时候就去看一些符合现有的习惯,但是又有些微创意在里面的。

 

细节处理到位

有句话说,真正考验设计能力的是设计细节上的处理。的确,一个界面的细节把握能很大提升一个界面的品质,有时候我们看到一个界面,大问题没有,但就是有些粗糙,不够精致。这就是细节处理不到位的结果。小到一个卡片的圆角设计,分割线的粗细、颜色设置等,都能影响一个界面的整体感觉。

比如说下面的分割线,左面的色彩粗细都很合适,能够在不干扰内容的情况下,做到分割的作用。右侧的颜色过重又是通栏效果,给人的感觉就很生硬。

 

实用

好的设计最终都是要落地的。起初我通常会更加关注这个界面好不好看,事实上比好看更重要的是好用、实用。因此平时看作品的时候要分辨出哪些是单纯视觉好,但是实现起来成本会比较高或者效果并没有那么好的。

我在学习的时候就尽量多去看线上产品,毕竟经得起市场考验的才是好的设计。平台上很多概念稿,有些简单的大图堆积就很漂亮,但是在做的时候可能并不实用。因为作者在设计的时候都是精心挑选的图片,我们在看的时候就很容易忽视细节,而只看到了图片的效果。但是也要去看概念稿,因为概念稿里有很多大胆的配色,创新的形式可能是线上作品中所缺乏的。

 

划重点

好的设计要具备以下几个特点:

  • 第一是具有视觉吸引力,首先要层级分明,具有一致性,并且有一些小特别;
  • 第二是细节处理到位,页面具有品质感;
  • 第三是实用,比好看更加重要的是实用。

虽然我总结了几点好的设计的特点,但是并不是说不具备这些特点的就完全不好。事实上很多作品都有我们可以学习的点。总结的不足的地方,还希望大家指正。我们一起学习吖。

 

参考引文:

优秀设计的评价标准

如何提升产品的品质感

 

原文地址:海盐社(公众号)

作者: 山竹屁

 

转载请注明:学UI网 » 分辨好坏设计的三个套路

登录收藏
 
你可能喜欢的:
设计没亮点,试试这样!(下篇)设计没亮点,试试这样!(下篇)
移动端筛选常见交互形式及运用移动端筛选常见交互形式及运用
你真的会设计小标签吗?你真的会设计小标签吗?
UI设计经验分享,用实战教你界面改版UI设计经验分享,用实战教你界面改版
想了解VR设计?看完这篇就够了!想了解VR设计?看完这篇就够了!
设计没亮点,试试这样!设计没亮点,试试这样!
根据UI行业趋势,重磅升级全新课程根据UI行业趋势,重磅升级全新课程
UI、交互、PM应该懂的产品提示文案设计【进阶技能】UI、交互、PM应该懂的产品提示文案设计【进阶技能】
四步搞定分页符设计四步搞定分页符设计
浅析儿童APP中图标的特点浅析儿童APP中图标的特点