400-609-4309

改善UI设计视觉体验的技巧

在UI的设计过程中,有很多技巧并不需要很深厚的设计知识,但是它们能让你的UI和网页界面看起来有明显的提升。今天小编主要给大家分享改善UI设计视觉体验的技巧,希望对你们有帮助!

改善UI设计视觉体验的技巧

1. 按钮色彩

在给用户提供多种选择时,颜色可以用来传达积极或消极的情绪,来设计简单快捷。

事实上,红色和绿色按钮的颜色含义已经横跨物理世界和数字设计领域。我们每天都能在许多实体产品上看到类似的设计,包括交通灯、警告标志和实体按钮。一般绿色表示通行,红色表示禁止。

用户一般用来区分按钮的核心实际上是靠感知,而不是复杂的逻辑判断。以上是设计的基本规则,但更重要的是基于情感和感知的设计。

2. 字重和明暗区分

特别是在构建文本内容的可视觉层级时,有太多可用的属性,只使用大小差异来构建就显得过于单一了。在很多情况下,可以用色彩、字重、明暗来区分。我们可以让更重要的字体变大,字体更粗、色彩更加鲜明,或者使用更深的黑色来呈现。

3.留白隔离元素

两个元素互不相关,如果想将它们分开,使用分割线似乎是一件理所当然的事情?当然,这种方式真的是非常过时且笨拙的一种呈现方式。

你需要的是一种更好、更优雅、更贴合当下的呈现方式。除了使用分割线,还可以使用留白或负空间。分割线在很大程度上是丑陋且难以驾驭的视觉噪音,相对而言留白则好了很多。

在大多数情况下,删除分割线是一种快速的方法,但更多情况下需要调整留白的大小。使用分割线来分隔内容,不仅需要更长的时间来扫视页面,而且增加的信息噪音会影响整体的层次结构。

4.阴影代替边框

想要凸显一些元素,不一定需要依靠描边。使用阴影可以达到同样的效果,单独使用会显得更加整洁。描边+阴影则会显得过于杂乱。使用相对不那么具有侵略性的小阴影无疑让效果更加轻松,看起来也不会突兀。

12 12 分享:

相关课程

发表评论

登录后才能评论,请登录后发表评论...
提交评论

最新文章