大总管默默

下面这两个圆大家可能不熟悉,这个是万事达的最新logo,就是由两个圆组成,价值800万。那为什么两个圆形能够价值这么多,今天跟大家聊聊,几何在整个设计中的运用,怎么让你的图形更高级。

图片

图片来源于网络,版权归作者所有

 

一、几何简史课 

欧几里得常被称为“几何之父”,因为他写了一本叫《几何学》的书,这是数学史上最有影响力的著作之一。

图片

几何图案来源于几何学,几何学是数学中对形状和线与面之间关系的研究。图案被定义为“重复的装饰设计”。

在设计中,几何图案反复使用形状和线条来创造引人注目的设计。几何图案非常适合用于设计,因为从本质上讲,我们的眼睛自然会被它们吸引。通过将几何图案与合适的颜色相结合设计引人入胜的视觉内容。

图片

世界内外的一切都可以通过数学来推断和理解,这正是许多文化将几何视为神圣的原因,从一开始就被人类直观地使用和理解。

因此,几何形状和图案在艺术和设计中具有很大影响力。从伊斯兰艺术到包豪斯运动、立体主义、装饰艺术等等,几何图案一直并将继续在设计中发挥关键作用。

图片

我们可以将几何设计用于从品牌到产品、插画、网站、应用程序设计等等的任何设计中,下面带大家看一些几何图案在不同设计环境中的运用案例。

 

二、几何在设计中的运用 

1、平面设计

图片

杂志封面设计结合了三角形和充满活力的各种配色,创造出炫酷的图案,色彩缤纷的效果。

图片

平面设计师 Atul Charde 设计的长途汽车,展示了几何图案可以很好的吸引人的注意力。Charde 还结合了黄色、橙色、海军蓝和白色的配色,创造出一种正在忙碌行驶的感觉,很生动形象的体现了长涂汽车的概念,十分契合产品。

图片

几何设计也非常适用于包装上面,用简单的形状组成复杂的图案来包装产品。

图片

这瓶酒使用简单的线条来创造一个有趣的几何图像。这是一个很基本的设计方法,但通过巧妙地结合颜色填充几何形状,设计感就出来了。一个复杂的图案就是由一个简单的图形组成的。

图片

图片

卢塞恩纽巴德俱乐部音乐会系列海报,用绘画与几何的结合,表现了音乐的非常规和自由特点。

闪电形、星形、三角形表达音乐的激烈抑扬顿挫感;圆形、传达音乐的平静、缓和感;自由笔触有序直线,传达音乐的有序、绵长感。

 

2、品牌

图片

Nymble 健康套盒品牌视觉提取品牌首字母“N”与人奔跑时的姿态结合,虽然是简单的几何线条和点,却非常有动感,简洁而传神。

图片

图片

图片

品牌延展部分是对品牌标志更进一步的理解和演绎,沿用了标志中的点、线元素,通过对点与线的位置、距离、粗细、大小的调整,构建出一整套可变的网格图案。

图片

图片

涉谷时装周2020-2022的视觉设计用圆形几何化的视觉语言,将SFW2020组合成图标,并拆分重组成为辅助图形,运用到画面整个体系中。从2020-2022,通过不同视觉展现不同的视觉风格,2022的工业鬼马感、2021休闲时尚感、复古都市感。

图片

图片

玻璃质感和几何图形的结合完美诠释主题,体现宏大精致的美。元素简洁,通过细腻的质感增加丰富的对比。

图片

图片

这是一款国外的披萨品牌的logo设计,特别之处在于logo的名字和图形看似分开,实则是用一个邮票作为一个整体。图形的人物是一个由几何组合,用黄金比例切割出年轻妈妈的样子。

图片

图片

图片

这是国外的一个茶饮品牌的包装设计,插画的人物服装和植物元素是当地人的特点,设计师将这些具有丰富变化的民俗服装用几何图形有规律的重新组合。

通过将复杂的事物用几何有规律的概括后,再通过合适的配色,呈现的整体设计感很强。同时在文字以及装饰框上,也统一用了这种具有民俗风情的风格,在字体上也会用几何作为流苏一样去代替字母一部分的笔画。

 

3、插画

图片

图片

简单几何元素拼缀出的人物、场景,色彩上深浅深的对比,图形上方圆方对比增添了画面的呼吸感和视觉冲击力。

图片

图片

这种风格的插画区别于以往的插画风格,整体是几何体和不规则形状组合而成,噪点的运用和颜色的搭配完美,夸张的手法,大胆的设计让它脱颖而出。

图片

无论是简单的图案还是复杂的图案,几何设计都可以完美地制作出引人注目的壁画。

 

4、网页设计

图片

图片

这个网页运用极细的线条,规则的块面,将界面的功能展示区域分明,简约不失严谨,传达出品牌的专业度。

图片

B端设计的页面采用圆角卡片,以及大规模几何体使用,界面立体感和层级感比较突出,立体几何插画的表现效果很好可以在UI中运用。

图片

配图用三维几何体,搭配很年轻化的色彩风格,显得画面感很强。整体色调很舒服,界面干净整洁,很年轻。

图片

图片

这组网页设计首屏融入几何元素包裹着主图,灵动多变的几何装饰打破惯性的设计思维,创造出新奇的视觉效果。

图片

图片

这个体育网页头部使用红色和黄色,运用对比色,视觉冲击力强,使用三角形和异形,简单的几何图形,营造页面的空间感。

图片

图片

背景采用柔和的微渐变点缀淡淡几何图形,既不会喧宾夺主分散用户的注意力,又可以避免纯色背景的单调。

 

5、UI设计

图片

这个绿植商店页面采用大圆角搭配圆润的线性icon,用几何拼接形式表现插画,整体风格自然简洁。

图片

这个医美产品的UI设计,按钮和产品的背景沿用同类型的几何图形,类似超级符号的存在,加深品牌印象的同时,打破常规背景图的形态,使页面充满生机活力,贴合医美产品赋予肌肤青春活力的初衷。

图片

从画面感来看,有点像游戏或者娱乐产品风格的界面。背景用很多几何元素符号,画面感很活跃。

图片

这组启动页设计,通过人物和几何图形穿插,突出人物主体,拉开主体和几何形的层次感;并运用色彩叠加的方式,画面更具青春、趣味和视觉冲击力。

图片

图片

这是一款体育运动场馆预订的产品,用几何形状表达不同的运动,简约又生动,也与整体高级感匹配。

图片

几何插画设计风格,头部卡片像一个抽象的人物,整体风格偏年轻化,卡片和背景生动有趣不单调,颜色多彩充满活力。

 

三、最后 

今天的分享就到这里,期待每天一个小知识点,可以给你的设计路上增加一点点能量。

 

原文地址:我们的设计日记(公众号)

作者:叮当猫

图片

转载请注明:学UI网 » P了两个圆,价值800万?

登录收藏
 
你可能喜欢的:
转化利器-用户行为模型转化利器-用户行为模型
面对繁冗,拒绝“摆烂”|工具型产品如何简化设计面对繁冗,拒绝“摆烂”|工具型产品如何简化设计
花了三天优化了一个弹窗,老板给我一顿夸!花了三天优化了一个弹窗,老板给我一顿夸!
logo设计除了用首字母,还能怎么做?logo设计除了用首字母,还能怎么做?
大咖说|云音乐设计专家|对设计师说:大咖说|云音乐设计专家|对设计师说:”设计是道证明题”
实现设计提效22%——网易天枢研发纪实实现设计提效22%——网易天枢研发纪实
哦,原来这样可以更高级!哦,原来这样可以更高级!
这么好的设计排版技巧,不看亏了啊!这么好的设计排版技巧,不看亏了啊!
UI动效设计指南!三个要素打造流畅的动效体验UI动效设计指南!三个要素打造流畅的动效体验
译文:想要为元宇宙做设计,这些可以帮到你译文:想要为元宇宙做设计,这些可以帮到你