网页设计讯趋势 多边形

作者: c9ad3e5022b1 | 来源:发表于2018-05-28 15:30 被阅读1次

    现在有一种新的最喜欢的形状 - 多边形。这些被亲切地称为“七巧板”的图案正在网站,海报和印刷项目中出现。而这种多功能趋势中最好的部分之一就是每种设计都非常不同。

    多边形的形状在初等几何中定义为“平面图,该平面图由回路中的有限直线段连成一个闭合的多边形链。”形状可以具有任意数量的边或方向,可以填充或中空,并可以有相交的路径和笔划。多边形通常是扁平的二维形状,但在网站项目中,一些多边形生成的动画似乎具有更多的3D特性。

    多边形对于新项目来说是一种有趣的技术,或者可以为感觉有点陈旧的设计带来新的生命。这里有几个聚合形状的项目可以帮助您启动下一次集思广益会议。

    可以创建一个大胆的背景

    当你陷入平淡无奇的视觉效果时,多边形可能是一个很好的设计工具。Shape可以通过有趣的堆叠和方向为设计添加即时哇因素。他们独自工作或与图像和文本配对。

    上面的两个例子都显示了不同格式的多边形形状,但结果相同 - 一个视觉上有趣的轮廓。形状可以帮助增加深度,为用户提供移动的概念,甚至提供方向线索。

    作为设计师的奖励,多边形不难创建,并且可以融入任何风格和几乎任何颜色或印刷风格的调色板中。(其中一种比较受欢迎的选择是在多边形中添加细微渐变以消除一些硬而平坦的二维边缘。)该样式也具有许多不同的设计概念 - 多边形可以整合到更小的概述或完美适合繁忙,更高的设计。

    制作有趣的图标或Divots

    使用多边形对用户界面元素(如图标或导航区域)进行新的扭曲。在设计中并没有规定多边形的大小,甚至超级小的连接件也可以制造出有趣的单一元素。连接形状和线条也会产生有趣的深度和颜色组合,有助于吸引眼球。

    Chop Chop Agency使用黄色拼凑在一起的多边形创建一个箭头,将用户引导至主导航。(另外,所有弹出的部分的加载动画都非常整齐。)最小设计方案中的亮黄色图标是引人注目的部分,并增加了一个简单的视觉元素,而不会让屏幕混乱。作为额外的好处,当您在网站中移动时,各个多边形会转变为其他形状。

    多边形对用户来说既有趣又熟悉。无论大小如何,连接形状都是大多数人能够直观地识别和理解的内容。对于小型用户界面元素使用多边形是一种简单的方法,可以做一些与标准圆或方形有点不同的简单方法,从而获得相同的总体效果并获得相同的结果。

    显示用户的东西

    当涉及到解释工作原理时,多边形可能是一个很好的工具。由于数学和几何学的根源,多边形可用于帮助提供映射,指导和其他信息以帮助用户理解某些内容。在设计项目中,这通常看起来像在另一幅图像上的多边形轮廓。

    Ditto和Choudhary Lab都以这种方式使用多边形,尽管它们的用途有所不同。同上使用多边形来表现他们的眼镜测量工具的工作原理。多边形表达了测量和面部形状识别工具的工作方式。Choudhary使用多边形来交流公司所做的更多内容,显示它是一个基于科学的网站,使用聚合形状的动画图标。

    通用性是这两个示例都使用多边形轮廓来帮助更好地向用户解释内容。这两个例子都使用某种程度的动画来帮助理解。动画效果非常强悍,似乎将叠加层带入生活并为整体用户体验做出贡献。

    与颜色的对

    当您想要创建高色彩的设计时,多边形是自然的适合。从整体亮丽的色调到流行的口音,多边形和颜色似乎是完美搭配。

    色彩组合的机会相当漫长。尝试一下这些想法:

    彩虹调色板多边形

    黑色或白色多边形在明亮的背景上,如上面的Creamfields

    多边形与渐变

    多边形作为彩色口音,如上面的Bailey和French

    多边形与填充或作为轮廓

    创建一个口音

    聚形状的一些最佳用途可能是最小的。虽然上面提到的一些示例使用多边形图标或用户界面元素,但它们对于最小的重音也是有效的。考虑一个基于多种形状的小徽标处理,以便在组合网站上增加重点名称,或者用多种口音进行大型设计,以帮助吸引用户参与设计。

    上面的例子显示了聚形口音的两个例子。大或小,这个概念是抓住注意力。更好的是,这是一种可以在没有全面检修的情况下添加到现有设计中的用途。简单的设计技术可以为审美模式增添现代感,这种模式开始感觉陈旧,并且在没有大量花费或时间承诺的情况下提供时尚感。

    结论

    多边形是一种有趣的趋势,很容易在各种设计项目中部署。他们适用于从纯视觉元素到信息或定向工具的多种应用。

    意派Coolsite360交互式线网页编辑系统

    “创意不该受技术束缚,交互可以变得简单有趣”

    相关文章

      网友评论

        本文标题:网页设计讯趋势 多边形

        本文链接:https://www.haomeiwen.com/subject/xmsgjftx.html