分辨好坏设计的三个套路

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

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

具有视觉吸引力

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

1、层级分明

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

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

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

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

2、一致性

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

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

3、小特别

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

细节处理到位

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

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

实用

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

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

划重点

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

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

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

参考引文:

优秀设计的评价标准

如何提升产品的品质感

海盐社(公众号)

作者:山竹屁

(0)

相关推荐

  • 设计体验三要素

    本文仅写给刚入行的设计师或者交互设计师同学~如果你是设计界的大牛,交互界的大神,您可以马上关闭这边文章,头也不回的去改变世界,以免对您宝贵的时间造成不必要的浪费,但同时还是欢迎您对我文章的不足之处提出 ...

  • 显存速度如何定义以及如何及分辨好坏

    显存速度就是显存时钟脉冲的重复周期的快慢,是作为衡量显存速度的重要指标。显存速度越快,单位时间交换的数据量也就越大,在同等情况下显卡性能将会得到明显提升。 显存速度的作用 显存速度就是显存时钟脉冲的重 ...

  • 如何破解LOGO设计中的常见套路?

    小编:@梦尽笑兮 设计也有套路,摸清套路,设计就会有思路. 前言 做设计就如选衣服和老婆,只有合适了才舒服,设计亦如此,合适的设计才是好设计,合适才好!合适就好!只有合适的设计没有完美的设计. 本文知 ...

  • PPT图表设计的三个问题

    一般来说,PPT图表只是罗列信息,不会表述观点,这和PPT的陈述原则是有冲突的。为什么需要PPT图表?无非是想提供详细的数据清单。所以在演讲类的PPT 中,实在没有必要插入PPT图表。但是在实际应用中 ...

  • 设计中三种构图的视角

    作为野蛮生长的番外篇,本期内容将站在美术的角度简单的阐述了三种设计中的视角,希望通过本期文章能够让你更好的了解视角的构图 站酷 作者:Martin_K 登录 备年货了!先看看这些店铺的设计- 为设计配 ...

  • PPT设计中三个常常容易被人忽略的技巧

    每天接触PPT,从来不认为自己是什么高手,只是相对熟练些而已。一直也以一个初学者的心态对待PPT,在每天的PPT制作寻找节省工作效率的方法。一点点的总结,对很多PPT大师来说可能不屑,只是觉得最基础的 ...

  • 从零开始教你学版式设计(三)

    小编:今天是教你学版式设计的第三期,让我们一起来聊聊最常见的黄金分割构图法吧!黄金分割是指将整体一分为二,较大部分与整体部分的比值等于较小部分与较大部分的比值,其比值约为0.618.这个比例被公认为是 ...

  • LOGO设计啥为标准制图和尺规作图?(附案例)

    LOGO设计中的网格.圈圈是什么鬼? 那些LOGO中的网格和圈圈是什么意思,有什么用,是怎么做出来的,困惑了很多设计新人. 一.前言 @梦尽笑兮之前我写了一篇<如何破解LOGO设计中的常见套路? ...

  • Design System 界面设计原则-视觉篇

    有正确的设计观作判断好坏的标准,并结合行之有效的设计原则作指引,才能制定出最优的设计方案. 前言 近年来,「设计规范」逐渐被「设计体系」或「设计语言」的概念重塑.基于一套架构严谨.规则统一的体系框架, ...