2022最新设计风格！

加微信  “UIchongneng”进设计交流群  

文章来源：设计师深海

在“新拟物风格”和“玻璃拟物风格”之后，“新粗野风格”正在慢慢袭来，虽然目前还是小范围流行，但是在一众现代简约风格当中，还是让人耳目一新的！“新粗野主义风格”融合了混乱的视觉效果和更加现代巧妙的排版方式，同时加入了插图和动画的元素。

“粗野主义”这个词来源于1950年代的建筑趋势，当时的这种建筑风格放弃了精致的装饰，探索出由混凝土、水泥灰为主基调的粗犷风格。这与“新粗野风格”在UI领域的尝试相似。

“新粗野主义"将传统的UI布局概念和超高的对比度、纯色、冲撞色结合，有时还搭配一些简单又带点古怪的排版方式。

01

对比

黑色

在我们现在主流的设计规则当中，不要使用纯黑色这句话，已经深深印在设计师脑海当中。我们常常会在黑色当中加入一点色彩倾向使它和周围页面更加协调，或者使用深灰色，以此来避免用户眼睛疲劳。

但是在“新粗野主义风格”当中，毫不惧怕使用纯黑色，还乐于用它来增加画面的对比度，以此来增添画面的戏剧性。

阴影

而相对于现在主流的柔和阴影，“新粗野主义”则是在卡片和按钮上面直接使用边缘清晰、毫无过渡的黑色，同样达到强对比的效果。同时为了营造出伪立体效果，阴影的会向下方45°角投射。

02

颜色

这种风格在颜色使用方面会经常使用更具有冲突性的颜色搭配，例如蓝橙紫、红绿蓝等等混合使用，但注意总体的饱和度还是要降低到一个合适的范围，一般饱和度不会超过80％。虽然颜色搭配会对比强烈，但是在饱和度上会被降低到一个让人舒适的程度，并且要制定一个主色，其他都为次要颜色。

03

粗野感

为了营造“粗野感”，这种风格常常可以使用默认组件库，而不是精心设计一套统一的图标，甚至还会刻意选择不同的样式在同一个页面。有时还会刻意让按钮错位，以此来营造一种随意、不一致的感觉。这种做法可以为设计带来一种亲切感和趣味感，甚至营造出“我上我也行”的错觉！

04

严谨

看完刚才那些特点你可能会想，这也可以？别急，最关键的一步来了！

完成上面那些看似随意的步骤之后，严谨的部分来了。在字体选择和排版方式上面“新粗野主义”则会开始保守起来。字体要尽量选择简约、可识别性高的字体，最大限度地保持文本的可读性。同时会保持页面有足够的留白，字体会相对较粗来匹配整体的风格。

05

插图和动画

在这种高对比度、高冲撞感的颜色搭配当中，插图就显得不那么显眼了。这种时候可以采用描边线条和装饰小元素来强调插图的存在感，也使画面更加和谐有趣。同时设计师还会为周围的小元素加一些动画效果，来增加页面的吸引力。

06

总结

这是一种非常规、非主流的创新设计风格，但是具有很大的潜力。这种风格打破了现在千篇一律的设计风格，会让人忍不住想多看一眼。虽然它将来也不会占据主流市场，但是却很适合一些具有创新精神、有态度的品牌。

---------------------- END ----------------------

—   回复关键词获取资源   —

小程序控件 | 包图小白体 | 面试技巧 | 图标规范

UI设计规范 | UI教程 | AE教程

字体设计 | 作品集 | 点这里获取更多资源

设计交流  |  加设计群  |  商务合作

添加微信：UIchongneng (需备注)

▼

公众号      |      微信群

关注我 设计之路和 3w+ 位设计师携手前行！

❤️❤️❤️

点击“阅读原文”，加入免费星球一起聊设计~