查看原文
其他

如何快速掌握多种流行设计风格?

58UXD 58UXD 2023-01-11

虽然每隔一段时间,就会有一种设计风格爆火,但总有一些风格,是可以一直用而完全不显过时的。

但对设计师来说,短时间内快速掌握多种不同设计风格,也不是一件很容易的事。今天就来聊聊,如何利用工具,快速做出不一样的风格设计,满足更多场景的需求。


被广泛应用在网页设计、插画创作、游戏设计、品牌推广等诸多方面的像素风设计,也可以用插件做。
如果你正在做像素风设计,或者想要用一些像素风格的元素点缀设计稿,又或者想在已有设计稿的基础上试试转换创意、尝试像素风格,那么你可以试试这个「像素星球」插件。
选中任意画布或上传本地图片,就能直接将其转化为像素风!还可以通过调整多项参数,自定义像素转化的效果。

试了一下,拿来做趣味头像甚至表情包也是很不错的~

「像素星球」插件安装链接https://js.design/community?category=detail&type=plugin&id=639b2003eb86a8ece9e3c79e


要说哪种设计风格能在近一两年内持续流行,大多数设计师一定会想到弥散光——效果好、显高级、应用范围也很广泛。

但是很多好看的弥散光素材,只能学习参考,真正要用到设计稿中,还是需要自己调色。其实,用「弥散渐变」插件就可以轻轻松松一键生成好看的弥散光背景。

选择锚点数量后,自由拖动设置锚点位置、颜色、旋转等,就可以快速调整出你喜欢的渐变样式~

如果没能调出满意的效果,你还可以用这个「随机生成渐变色」功能,偶遇各种精美的配色。

给大家看几个用「弥散渐变」插件随机生成的图,配色很和谐,效果也很不错,都可以拿来直接用在作品中。

「弥散渐变」插件安装链接:https://js.design/community?category=detail&type=plugin&id=62da9a940d00a077eaf5b156



除了弥散渐变可以用插件做,酸性、毛玻璃、故障风这三个同样流行的设计风格,我也找到了能一键生成的方法,就是用这个「效果生成器」插件。

先来看看酸性渐变的效果,常用的金属效果、迷幻色彩全都给你准备好了。

虽然自己做也不是多么复杂的一件事,但是架不住用插件它能一键生成啊,更加省时省力,效果还完全不打折!

毛玻璃效果也可以直接生成,还能自由调节透明度和磨砂强度。

故障风也不在话下:

除此之外,「效果生成器」插件里还有之前的流行过的新拟态,一共集合了 6 个实用设计风格,这里就不一一展示了,大家可以自己去试试。

「效果生成器」插件安装链接https://js.design/community?category=detail&type=plugin&id=62e129308129291012db7141


在设计过程中最常用的装饰元素之一,就是不规则形状,看起来简约又高级。

需要不规则图形时,最常见的做法是用钢笔工具自己画一个,但还有更快捷的方法,用「不规则图形」插件随机生成斑点或者波浪。

如果觉得随机“摇”出来的图形不合心意,还可以自己调节修改。斑点的锚点和曲率,波浪的高度、层数、峰数都支持自定义。

双击生成的不规则图形,还能继续拖拽修改形状。这么一通修改下来,只有复制粘贴才能得到两个完全相同的图形了。

「不规则形状」插件安装链接:https://js.design/community?category=detail&type=plugin&id=61c319df9a5191388704aba0


最后再推荐一个功能简单但实用的小插件,可以一键生成有趣的图形。

设定好颜色、数量、间距、基础图形等参数后,就可以一键生成万花筒、波浪、内渐变、音波等图形,双击还可以继续编辑,用在设计稿中都是不错的装饰元素。

「有趣的图形」插件安装链接:https://js.design/community?category=detail&type=plugin&id=63b52c4a53ead5064e5fd250


对设计师来说,多学习和总结一些设计技法很重要,与此同时,多多寻找一些适合且实用的工具,来帮助提高工作效率同样重要。

像是今天分享给大家的这些我从「即时设计-插件广场」找到的插件,就能在保证高质量的同时,减少很多繁琐的操作,节约设计时间。

类似能提升效率的插件还有很多,感兴趣的可以去体验一下。

即时设计插件广场:

https://js.design/community?category=plugin&source=uxd&plan=mp


扫码进群

转载时请连同下方内容一起转发

请与该公众号联系获取内容授权

长按二维码   轻松关注

微信公众号:i58UXD

58同城用户体验设计中心


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存