用户界面设计者改进界面设计的技巧

发布时间:2020-06-21 12:40:00

在今天的文章中,石家庄UI培训班的编辑为UI设计师们分享了一些改进界面设计的技巧。当文本需要区分层次结构时,单纯地把文本做大强调往往无法解决问题。

在今天的文章中,石家庄UI培训班的编辑为UI设计师们分享了一些改进界面设计的技巧。

当文本需要区分层次结构时,单纯地把文本做大强调往往无法解决问题。

汉字的层次结构不仅仅是大小的关系,它需要把汉字的大小、重量和颜色三个方面正确地结合起来形成对比,而且对比度越大越好。

不要为了选择一些深色值而上下移动颜色选择器,这会使您的工作复杂化。

我们都知道使用黑色文本颜色(?000)会使读者眼睛疲劳,所以我们的选择是使用较深的颜色。使用不同透明度的黑色作为解决方案,而不是复杂的十六进制颜色值。

我们大多数人喜欢正确的颜色组合。每当我们看到一个精彩的配色,我们都会问自己,“他们是怎么做到的?”

直到我了解到了解色彩不仅仅是那些从一开始就有设计天赋的人,简单的加减色相、饱和度、亮度(HSB)也会取得一些神奇的效果(我们会用HSB代替RGB)。你可以很容易摆脱单调的白色背景,把它变成毕加索的作品。

除了添加一行来表示两个组之间的分隔之外,使用较大的空白是更好的解决方案。

正如接近原理所说:

相互接近或接近的对象被视为组的内容。

在设计时,创建列表接口可能会很无聊,因为您只需要连续复制组件。但对于用户来说,很难阅读这些列表,尤其是如果一行和另一行之间没有太大的区别。所以除了使用线条外,添加彩色背景也可以非常有助于提高可读性,让设计师更加充实。

特别是当背景是动态的时,设计标题和在图片中添加文本变得非常有挑战性。

一般情况下,对于具有动态图片背景的文本,常用的解决方案是增加投影,但对用户的可读性没有帮助。它在字母和单词周围增加了更多的视觉混乱,因为它填补了字母和单词之间的空白。

对于一些人来说,黑白叠加是解决这类问题的有效方法。但近,我发现了一种新的使用渐变遮罩的方法。

这比在图片中添加黑色背景或降低其透明度容易得多。此外,只有一部分图片有一些灰度,其他部分保持自然。文本的位置变暗,从而提高了文本的可读性。

大多数设计师通常把每一行画得很长,以适应页面的宽度。但这会给用户带来视觉上的压力,每行45-65个字符是_的。

如果为了达到预期的效果而缩短了行的长度,导致右侧的空白非常大,不要怀疑自己的初衷,可以通过将文本内容居中来消除右侧的空白。

设计的不一致之处在于它没有基于规范。当你意识到这一点时,你可能已经设计了5种不同的卡片,10种不同的按钮,5种不同的标题样式,等等。

在开始为特定内容设计接口之前,请尝试回顾以前的一些设计,因为您很可能会看到可以重用的模式。

与其重新设计一种新的风格,我们可以重复使用艺术图片卡上文章的卡片内容。这样可以节省设计人员的时间并保持界面的统一。

我们通常认为品牌色彩必须占据界面色彩的很大一部分。我们很难用干净简单的设计向客户展示大面积的霓虹黄、橙、粉红品牌颜色。那到底是什么?把它们当作强调色就行了。