020-29815005
预约专线时间:09:00-23:59

在设计时工具的重要性

新闻来源:优漫教育 日期:2021-07-24
UI设计培训学校在产品设计过程中,好的工具能够提高我们的效率。但是,由于工具本身的局限性,也会产生一些问题。通过今天的翻译,作者Luke分析了这些问题,给出了解决方法,鼓励设计师相信自己的眼睛和直觉。
  在我做设计师的时候,我依靠Photoshop或者CSS来判断一个设计是否正确。举例来说,如果由PS的“对齐”函数校正两个数字,我想他们应该是对齐的。假如两个不同的形状是一样的大小,我想他们的大小应该一样。当两个颜色的十六进制颜色值相同时,UI设计培训学校认为它们看起来是一样的。

  上述说法看起来很合理,但却是错误的运作方式。

  尽管这些软件的结果是“合理的”,但是它们的形状、颜色和大小与人类的不同。换言之,这些软件既不能通过一个参照物来感知另一个,也无法像人类那样理解两个相关物体间的环境。

  所以设计者需要与“非理性”的电脑思维来决定一种设计的正确与否,因为只有我们了解设计的背景,而计算机却做不到这一点——了解问题的设计者是好设计师。

  通常,一种精心设计的设计并不会引起用户太多的关注,但是明显错误的设计必然会招致用户的抱怨。下面来看一些常见的例子。

  电脑不能精确计算出目标的中心位置。只可根据宽度、高度或X/Y坐标位置等信息来判断。身为设计者,我们需要用眼睛来调整中心位置。

  在标准播放图标中三角形是否居中?完全没有。简单地画一个附加的矩形-三角形中心线。

  仔细居中播放按钮的三角形似乎位于左边,明显位于左边。怎么了理由是视觉重量。大部分三角形质量分布在它的左边,这使它在左半边不正确。


UI设计培训学校


  为了解决这一问题,我们必须手工校正三角形的位置,直到它处于中间。

  用眼睛调整颜色是比较微妙的。这也和物体的“重量”——出现的颜色区域有关。

  简单地说,当使用相同的绿色填充图标和文字时,绿色文本可能比图标明亮。

  这样做非常巧妙,但是你可以看到图标的颜色比文字更重。要解决这个问题,你可以为图标加亮或使文字变暗-我的建议是选择一种符合aa辅助特性指南的颜色。

  尺寸是指我们大脑所感知到的物体和语言的大小。假定有两组图形,120像素的矩形大于120个像素。因此,要想看起来像一个长方形,那么圆点。

  和其它的调整相比,这个值很小。但是这种小小的调整会让整个设计看起来更好,每次只有一个像素,直到感觉正确。

  接口设计过程中,每一个微小的设计调整都会影响整个网站的感受。这些关注细节的能力将是一项伟大的设计。

  在形成这些习惯之后,例如减少2个像素的文本,或者移动10像素的三角形,将使你的设计更细致,更细致。

  现在,计算机,甚至人工智能都不能理解设计中对象之间的上下关系,不能像设计师那样进行校准。在计算机能够解决这一问题之前,它仍然不能用于做出复杂的设计决定。

  而且,我们不能依赖电脑来考虑一切。要相信自己的眼睛和直觉。UI设计培训学校在每天的工作中磨练他们的直觉,因此我们需要信任设计师,即使电脑说那是“错误的”。