在阅读下面内容之前先来说说什么是“液态风格”,相信很多人都知道siri的样子,也大概能了解这类设计在实际的场景中的视觉应用。
语音识别唤醒中
液态设计还有一个很直观的体现那就是色彩的使用上,大面积的使用丰富的渐变色,形成较强的视觉冲击力。
除了不规则的形状之外,还可以使用类似于玻璃器皿的样式,从而达到“液态”柔化的效果。
但是说了那么多,其实提及“液态”大多数的人一定会想到水,因此如何将水的质感运用到设计当中,是最直截了当的诠释“液态”的定义。
因此,这里引入了“气泡”的元素概念。通俗的解释就是将气泡覆盖到设计的上层,形成真正意义的液态视觉传达。
例如下面这一组图:
对于折射的光线与亮度可能需要一定的软件基础才能进行调试。
但是既然写到这里了,那么肯定会有一种素材从而实现这种效果!就算没有软件基础依然做出液态效果!
这一篇推文送出50个高清液态素材,直接覆盖背景上,一秒成大片!
50个透明背景的气泡素材
这些气泡单独看起来好像没什么特别的地方,但是当覆盖到背景图上之后,效果马上不一样。
左图原图—右图加了液态素材
左图原图—右图加了液态素材
左图原图—右图加了液态素材
但是请注意,正常来说气泡与物体之间一定会形成折射现象,虽然不做折射与做折射产生的视觉差异可能没那么明显,但我还是建议在气泡下的背景尽量做个扭曲形变效果。
这里可以使用PS中的液化,如果你实在不会PS,那么也可以使用美图秀秀“瘦脸瘦身”…为了教你美图秀秀的这个功能我还特意录屏操作了一下。
使用“瘦脸瘦身”功能,调整范围大小后可以随意的进行涂抹,涂抹的效果决定最终呈现是“胖”还是‘“瘦”。
经过对比,很清晰的分辨出做了液化“后背景的部分位置产生了形变。
这一次,我梳理了50个气泡素材,并将它无条件的送给阅读文章的你。
素材全部是PNG格式,偷懒可以直接覆盖到背景图上,想要更佳的效果就可以尝试上面的方法。
小小的气泡,升华设计的高级感真是太方便了。如果甲方或者老板不知道这种东西,说不定会忍不住直呼你好棒!
Step 1:点亮右下角「在看」
——
公众号:杰森说
原文链接:我用这个气泡做的设计惊艳了老板和甲方,你也必须要拥有!!