这十个UI设计技法可以瞬间提升用户体验
本文翻自UI 设计师 Victor Adeyemo译文,他将自己走过无数弯路之后总结出来的图片使用技巧梳理成为一篇干货满满的文章,这些技巧可以应用到UI和平面排版当中,往下看看吧:
如果你仔细查看如今高质量的 UI 设计,会发现那些优秀的设计背后有很多共通的技术和方法,你可以将它们无缝地运用到自己的 UI 和视觉设计当中,这些方法和技巧能够让你看起来足够专业。
这篇文章当中的很多内容来源于我早期设计阶段的挫折和失败。和大家一样,当我看着这些优秀的作品的时候,会像面对着万花筒一样,看到精彩绚丽的效果,可是真等我自己做的时候,才会发现万花筒的外壳拿走之后,剩下的只是一块简单的碎片。这就是我们绝大多数人所面临的问题——我们没有从这些优秀的设计当中找到规则和共性,而不仅仅是漫无目的地欣赏。
在一次次的失败和尝试当中,我开始记录和梳理这些成功的设计的优点,开始将经验反馈到自己的设计项目当中。这篇文章我就主要来分享我这方面的经验和总结,希望这些技巧最后也能让你的设计同样优秀。
1.用图片作为背景来化解单调
在一部分UI界面中,使用贴合场景和氛围的图片作为背景,能带来更加沉浸的体验。只是需要注意的是,需要调整明暗,确保前后景的对比度要足够强。
2.将图片融入背景来使用
同样是一种制造沉浸式视觉体验的设计技巧,通过抠图之类的技巧,让某些图片元素和整个背景融为一体,图片和背景的无缝衔接能够给人以一种奇妙的视觉体验。
3.高素质图片紧密拼接使用
让高素质的图片紧密无缝地拼接、并排排版,能够制造出一种无缝切高级的视觉效果,高清的图片通常包含着丰富的视觉信息量,并排拼接起来之后,能够制造出致密的信息量,让整个版面呈现出信息的疏密节奏变化。
4.为图片添加色块投影
同样是一种增加信息层级,消减单调的方法,这种方式百搭而易用,在绝大多数的风格现代的平面排版和UI界面当中,这种小技巧都可以使用,快速提升界面的视觉效果。
5.在图片的前景/背景添加图案和形状
图案和形状看起来很简单,单独使用的时候确实也很容易显得单调,但是当它作为装饰元素和图片组合在一起的时候,能够快速地构建出颇为不错的装饰效果和视觉张力。
6.在图片的前后增加文本、图案和不规则图形
在图片的前景或者背景叠加文本、图案和不规则图形,也同样可以快速增加信息的层级,添加的时候可以不用严格意义上在图片的范畴内,可以错位,可以部分叠加,这样的布局设计更加有趣。
7.使用文本或者图形做剪贴蒙板
这也是最近这些年比较流行且非常使用的一种技巧,使用剪贴蒙版来将图片约束在文本或者图形的外轮廓当中,这上一种增加形式感、有趣的传递信息的方式。
8.让图片的间距足够窄
控制图片之间的间距足够窄,能够让整个布局显得紧凑而富有凝聚感,图片的聚合能够让整片图片区域显得丰富又集中。
9.在图片上叠加色彩
10.将图片裁切为其他的形状
虽然绝大多数的图片都是矩形的,但是将图片裁切为其他的图形会让整个设计显得非常新颖。
好了,本期分享结束了,建议可以收藏并转发哦,以备需要之日调用,喜欢厂长可将本号设为星标,这样就不会错过更多知识啦。