漫山遍野的多边形元素,正在入侵每一份设计稿 - 优设-UISDC

漫山遍野的多边形元素,正在入侵每一份设计稿

2017/06/07 9848评论区

如果你仔细观察如今时下流行的设计作品,会发现围绕着多边形元素,有一系列多种多样的玩法,比起2年前的Low Poly 插画和背景的玩法,来的更加丰富。这些被亲切地称为为 Poly Shapes 的网站、海报和平面设计项目,层出不穷地在各种设计的作品集中出现,让人爱不释手。

我们常说的多边形,是在二维平面内多条直线线段首尾衔接构成的中空闭合图形。在实际设计中,它的形状多样,有的中空,有的则填充了色彩,有时候单个存在,有时候会是成片的多边形构成更为复杂的视觉效果,比如3D的视效。

多边形设计元素的运用方法非常多样,它的有趣之处在于它可以兼容各种各样的使用场景,为设计注入不同风格的灵魂。

眼前一亮的背景

如果你觉得目前的设计整个视觉效果都不咋地的话,不妨试试多边形风格的背景。多边形元素背景本身就是颇为有趣的元素,无论是单独使用还是和图片/文本搭配,都能够创造出让用户难忘的效果

上面两个网页案例虽然使用了不同样式的多边形,但是他们所产生的视觉效果是类似的:有趣,让用户觉得惊艳。多边形图形让整个设计更富有深度,提供了动感的概念,甚至作为视觉线索让用户明白往哪儿看。

对于设计师而言,多边形并不难创建,它几乎可以无缝地融入任何风格、搭配任何色彩、调和任何排版(目前最为流行的做法是在多边形中填充微妙的渐变色彩,同时让图形的边缘显得非常锐利)。无论是极简的页面还是华丽的设计,你都能将多边形元素合理的融入进去。

创建有趣的图标和装饰元素

使用多边形来创建UI元素(图标和导航元素等)也是最近流行开来的玩法。不规则的多边形装饰,甚至超小的多边形元素都能让整个视觉更加突出。将图形和线条连接起来,借助对比度明显的配色,可以抓住用户的眼球。

Chop Chop Agency 使用不同深浅的黄色多边形拼接出一个醒目的箭头,引导用户点击。搭配有趣的加载动画,极简的设计方案,Chop Chop Agency 的页面中的这个黄色箭头并不会让整体显得混乱,相反让视觉有了焦点。而这种设计还有一个隐性的优势,那就是这个多边形组成的箭头可以随着页面的变化转化为其他的形状,并不复杂的设计,带来截然不同的体验。

多边形对于许多用户而言,熟悉而又好玩。无论形状大小,多边形对于大家都是一目了然的。当它作为小型的视觉装饰而存在的时候,本质上和圆形、方形的元素带来的效果没啥区别。

展示元素

由于多边形所自带的几何特征,它比起其他的平面几何图形来的更加自由,也具备更大的自由性,使得设计师常常会用它来作为展示的“骨架”,呈现轮廓,突出附加信息,帮助用户更好的展示特定的元素与内容。

Ditto 和 Choudhary Lab 两个网站在多边形的使用方法上略有差异,产生总体上是将它作为呈现视觉元素的框架来使用。Ditto 这个页面中,多边形被用来展示面部视觉的原理。而Choudhary Lab 这个网站中,多边形元素被用来强化整网站的“科学氛围”,以图标和框架的形式,帮助用户理解这家企业的职能。

这两个案例的共通点在于,它们都运用多边形展示了特定的内容,同时还借助动效来帮助用户理解。动效将页面中不同的信息划分出层次,又连接起来,为整个体验作出了不小的贡献。

选对配色

多边形本身是中性的元素,它自然也是色彩的天然载体。当你想要创造出一个强色彩主导的设计之时,多边形元素是首选。

当然,色彩的搭配是无穷无尽的,不过你可以参考下面的思路来做这件事情:

·彩虹配色+多边形
·彩色背景下,搭配黑白色的多边形,参考上面 Creamfields 网站
·渐变色+多边形
·用多边形来承载提亮色,参考上面的Bailey and French 网站
·多边形内填充色彩,或者仅采用轮廓

画龙点睛

多边形并不是用的越多越好,如果你仔细观察那些优秀的设计案例,会发现多边形元素都是起到画龙点睛的作用。它可以小到只是一个LOGO,当然,你也可以将它往大了用,作为装饰性元素,与品牌设计呼应,让用户无法忽视它的存在。

上面的两个案例就非常的典型,无论大小,都很好的抓住了用户的注意力,并不需要进行复杂多样的设计,仅仅是贴合主题、品牌LOGO的多边形元素,或大或小,提升了整体设计的现代感,呼应主题,画龙点睛。

结语

形状作为设计中最常用到的元素,大家都很熟悉。之前的Low poly 元素的流行让大家对于多边形设计元素的玩法了有基本的概念,而这几年扁平化设计的酝酿和沉淀,多边形元素的玩法也越来越多,从纯粹的视觉装饰到功能性的引导元素,多边形开始变得越来越有趣。

【2017年的设计趋势都在这里】

  1. 《作为8年DRIBBBLE粉,和设计师聊聊未来的视觉趋势》
  2. 《PS教程!教你打造2017年最受欢迎的渐变幻彩风格》
  3. 《趋势抢先知!2017年设计师都在讨论的服务设计到底是什么?》
  4. 《2017年,这5个网页设计风格可能会成为主流趋势》

原文地址:designshack
原文作者:CARRIE COUSINS
优设译文:@陈子木

本文由优设网原创翻译,请尊重版权和译者成果,转摘请附上优设链接,违者必究。谢谢各位编辑同仁配合。

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/poly-shapes-design-trend

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里