当前位置: 首页 > 资讯 > >正文

环球观察:快速改进UI设计的简单技巧麓言信息

来源:个人图书馆-喝三鹿778    时间:2023-06-27 13:18:50

设计一个好的界面需要大量的时间和实践。注意其中一些小细节可以改善整个界面设计。在这里分享一些发现、提示和技巧,以帮助您设计更好的界面。

让图像上的文字易于阅读


【资料图】

为图像添加一个简单的渐变叠加,使文本更易于阅读。

正如您在第一张中看到的那样,文本更易于阅读,并且UI看起来更好。

并将未圆形图标的空间加倍

使用完全圆角卡片时,对未圆角的子元素使用双倍空间。这样,UI看起来会更加平衡。例如,圆形头像使用了24px的填充,并将未圆形图标的空间加倍。

双边框半径

当您在形状上使用具有圆角的元素(也具有圆角)时,请在较大的形状上使用两倍大的圆角半径。例如,头像容器使用了12px的圆角半径,为卡片使用了24px的圆角半径。

为头像添描边

在彩色背景上使用时,头像往往会融入其中。为避免UI混乱,请考虑为头像添加白色描边。当您想要显示头像组时,笔画也很有帮助。

使用一致的图标

一致的图标是UI中最容易被遗忘的细节之一。使用具有相同视觉风格的图标。这意味着它们具有相同的重量和圆度。为获得最佳效果,请使用一个图标包。

填充和轮廓图标可以保持一致

您可以同时使用填充图标和轮廓图标。但是,要使它们保持一致,您需要考虑两件事:

他们必须共享相同的视觉风格。同样,您可以为它使用相同的包,它提供填充类型和轮廓类型。

它们必须具有不同的功能——例如,您可以为菜单项使用填充图标,为操作使用轮廓图标。

增加行高

为了使文本可读,不要让它重叠。当然,不同的字体需要不同的行高,但根据经验,你可以将字体大小乘以1.5。

X 关闭

推荐内容

这是标题

Copyright ©  2015-2023 京津冀养生网版权所有  备案号:京ICP备2022022245号-12   联系邮箱:434 922 62 @qq.com