UI设计中常见的设计技术摘要,消除不适感

2019/11/7

浏览:176次


在为智能手机应用程序设计网页或UI时,数值是很好地平衡的,但有时人们会对光学错觉感到不舒服。

在为智能手机应用程序设计网页或UI时,数值是很好地平衡的,但有时人们会对光学错觉感到不舒服。即使它们的大小相同但颜色相同,即使它们的排列正确,您是否也有不一致的感觉?

以下是一些UI设计技术,可以消除由这种视觉错觉引起的不适感。

01.如果与按钮颜色相同,则文本看起来很亮

您是否曾经注意到,当您将相同颜色的文本放在填充的形状旁边时,文本会显得明亮吗?

这种现象是字体的平滑效果,字体感觉比原始颜色浅,字体越小,视觉效果越强。
左侧使用相同的颜色,但文本看起来比按钮亮。

右侧使用稍深的绿色作为文本,看起来具有相同的亮度。

01 (1).png

02.使用的字体很小,它看起来也很细

对于某些字体,使用较小的字体会使文本感觉较细且半透明(这也是字体平滑效果)。

如果要使用较小的字体,请使用较粗的粗细。
使用粗字体可以使设计保持整洁,即使是小字体也可以使文本突出,并且绝对易于阅读。

01 (2).png

03.背景图片上方的文字难以阅读

将文本放置在背景图像上是一种常见的设计,但是如果图像动态变化,则需要一种方法来保持文本的可读性,而与背景色无关。

这可以通过确保足够的渐变对比度来实现。

半透明的渐变层是使文本保持可读性的好方法,即使将其放在浅色的背景图像上也是如此。确保“图像上的文本的高对比度”引入了几种设计技术,这些技术可以提高对比度而不影响设计的美观。

 

01 (3).png

04.文本行距错误

说到文字,还有另一个重要问题。这是从UX编写设计文本的规则。
行距对可读性有很大影响。

作为指导,根据所使用的字体,将行距设置为比字符大小大2pt〜5pt。

01 (4).png 

原文出自:站酷

本文关键字 : UI设计中常见的设计技术摘要,消除不适感 

本文源于乾方品牌设计 ,转载请注明出处。