早些年,作为一名设计师,我依赖于PS图像处理软件或CSS来告诉我正确或错误的东西。若PS图像处理软件显示两个图形对齐,则会进行对齐。当两个不同的形状大小相同时就是这样。若两种颜色具有相同的十六进制值,则它们看上去颜色相同。这篇文章讲的是网页设计者如何利用光学调节使网页设计更加协调?
这个方法看起来很有逻辑,但是它是一种错误的工作方式。计算机软件也是理性的,但是它不能考虑到人所感知的形状、颜色和大小,也就是说,软件不能理解一个人在其他对象的环境中,是如何在整个视觉语言过程中感知对象的。人们需要理性的思维来判断光线的正确与否,因为我们可以从上下文中看到并理解一些东西,而计算机无法理解这些细微的差异,也不知道如何做出调整,成为一名优秀的设计师。
下面我们看一看这个动作中的一些例子。
校准+视觉重量。
电脑无法计算物体的重量,它只能依靠某些信息,比如宽度,高度,或X/Y位置。身为设计者,我们需要通过一些光学调整来弥补这个不足。
游戏图标中的三角形是否在圆心对齐?出错。画一个矩形围绕游戏图标,显示其关闭中心。
尽管“正确”播放图标并没有偏离中心,但它很清晰,它是,而不是很小。怎么了可见重量重量或质量的三角形位于它的左边,这造成了一种中心关闭的幻象,即使它没有关闭。要解决这一问题,我们必须手工将三角形放置到中心。
色彩。
色彩的光学调节更加细腻。再一次,这是关于物体的重量和出现的颜色。简而言之:同样的绿色也可以用在图标中,也可以用在一些文字中,但是其中之一看起来要轻一些。
这很微妙,但是你可以看到,这个图标比文字还要重。重新设置,使图标颜色变浅,或使文字变暗?-?在AA易访问性指南中,我推荐选择哪一种颜色。
尺度。
上海网站开发公司标度是大脑如何感知物体的尺寸,包括文字尺寸。若将其考虑在内,在圆形和正方形中,120像素的正方形的表面积大于120像素的圆,因此圆必须更大才能补齐。
和其他调整相比,这是细微的,但是这些调整使整体设计看上去很好。非常吗?精细调节元素?将值上下移动1像素,直到感觉对了为止。
这种情况同样适用于基线,即当被弯曲的字母下降或上升到高于其最大高度时,如果您在Garamond和文本的基线和高度上书写一行文字,您将看到弯曲的形状在那里。假如这些价值不存在,个体就会觉得自己很渺小,他们的下一个兄弟姐妹。
大写字母的版本
最终,光的调整是必要的,例如:设置大写文字旁边的标准文字。大字体比标准字体更突出,需要加以弥补。
如果本设计中不打算突出大写字母,则大写字母的文本应由诸如16像素14像素或12像素11像素等较小的像素减少。如果网站界面上的每个小设计细节都做得很好,就会影响网站的整体感觉。这一对细节的关注使好的设计成为可能。当它成为工作流的一部分时,2像素或10像素接近于三角形,就可以减少文本的大小,但是这些都是感觉完美的设计。电脑和人工智能都无法理解一个设计的背景,因此它无法做出精确的调整,一个设计师就可以做到。除非一台计算机能够在一种完整的视觉语言环境中对一个孤立的部件做出合理的判断,否则它不能依赖于做出复杂的设计决定。有关网络的更多信息,请咨询我们。
不要依赖电脑去思考,要靠眼睛,要靠直觉,要靠直觉。设计者日复一日地训练直觉,因此我们应该信任他们。优秀的设计师或优秀的网站设计。