澳门新葡亰赌全部网址▎导航站

许多图标设计都是设计师原创的概念设计,红色

来源:http://www.tackaberrytimes.com 作者:家居装修资讯 人气:157 发布时间:2019-10-02
摘要:配色是设计中永恒的话题。许多设计师都认为三种色彩构成的配色是最平衡也是最漂亮的,多一色显得太花,少一色又过于朴素,这也是为什么许多配色方案的构成多为3种色彩。如果将

配色是设计中永恒的话题。许多设计师都认为三种色彩构成的配色是最平衡也是最漂亮的,多一色显得太花,少一色又过于朴素,这也是为什么许多配色方案的构成多为3种色彩。如果将这种配色美学运用在最小的UI元素上会是什么效果呢?这就是今天我们要探讨的案例:三色图标设计。

作为目前最有影响力的设计规范之一,Material Design呈现出蓬勃而持久的生命力,不论是移动端UI设计还是网页设计,设计师们对 Material Design 的运用越来越熟练了。在图标和小型插画的运用上,要匹配Material Design的整体风格还是需要一定技巧的,在保证直观简约的同时,确保色调的协调而不会产生喧宾夺主的效果,在排版设计上控制好留白和细节的优雅。

三种色彩能够让网页拥有奢华的视觉效果,也可以让极简的图标拥有细腻精致的特征,温润致密的质感,最大程度地体现色彩本身的优势。

Material Design 需要兼容不同的屏幕不同的平台,需要设计师为用户提供舒适一致的用户体验。这也是为什么设计师需要强化对于信息层次的把控,直观的结构、大胆而图形化的界面是每一个力图掌控Material Design精髓的设计师应该做到的事情。

接下来让我们看看这20个以配色出众而著称的图标设计方案。

今天,我们来从图标的层面来聊一下如何实现真正意义上的Material Design,如何在五彩缤纷的扁平化界面中用对图标,用好图标。案例总是最鲜明最有说服力的,下面的案例中,许多图标设计都是设计师原创的概念设计,它们大多都很清晰地诠释了Material Design。

Random Icons by Nick Slater

Material Web Icons [freebie] by Adrian Goia

图片 1

图片 2

虽然严格意义上这套图标采用了四种蓝色,但是其中三种蓝色是图标构成的主色调,微妙的色调选取让整个图标设计趋于一致,又富有细节。

这组六个小图标虽然尺寸不大,但是在尺寸和信息量上做到了平衡,色调搭配上符合Material Design 的特征,更重要的是,它延续了它拟物的特质,增加了伪3D的质感。

WP Café del Museo icons by Israel Ortiz

Web Analytics Material Icon by Khuram Jameel

图片 3

图片 4

浅黄色用作背景,红色用作图标设计的主色调,而绿色则同红色搭配在一起,起到了辅助和点缀的作用。作为一个以食物为主题的图标设计,红色非常开胃,绿色醒目而自然,堪称绝配。

Khuram Jameel 用简单的几何图形来勾勒自己的想法,虽然并不复杂,但是看起来依然很精致,配色和留白的使用在整个设计中起到了重要的作用。

Four-Pack by Sebastian Abboud

Google Maps & Streetview icon by Jovie Brett

图片 5

图片 6

白色勾勒出图标的轮廓,而深沉的褐色和黑色配合起来有着别样的美感,细节丰富而有温度。

Jovie Brett 基于流行的谷歌图标风格,制作出了两个独特的修改版。整套设计使用了六种不同的色调,这些色调都是典型的谷歌品牌色,并且加入了些许阴影提升了整体的层次感和立体感。

Small Business Club Icons by Andrew Ronaldson

TaxPro Docs Icons by Qaaim Goodwin

图片 7

图片 8

这组图标的设计充分运用了圆润的曲线,黑色构成轮廓,红色点亮整个设计,而白色则营造出负空间,设计互补而令人愉悦。

Goodwin 在选取这组图标的主色调上非常用心,整个配色方案上选取了6种扁平化的色彩来搭配,配合小幅度的阴影构造立体感。白色背景的使用让整个设计拥有了开放的感觉。

Nationwide Illustrations by Tomomi Sohn

Flat Services Icons by Khuram Jameel

图片 9

图片 10

这组图标设计的精彩之处在于蓝色阴影的选取,白色的底色不仅仅用作衬托而且为图标营造出空间感,黑色的细线则用来勾勒轮廓但又不会喧宾夺主。

Jamell 的这套扁平化图标设计走的是非常规路线,深色的背景并不多见,图标本体的色调虽然使用的是饱和度不高的扁平色,但是在这套设计中看起来颇有活力。充满棱角的图标边缘给人非常深刻的印象,让人过目难忘。

FREEBIES – 42 Flat iOS Icon Set by HevnGrafix Design

Set Of Material Design Hosting/Server Icons by Oxygenna

图片 11

图片 12

考虑到需要呈现复杂的内容,这组图标设计中的,有的使用的是三种色彩,有的则使用了四种色彩,但是所用色系是非常统一的,主要是橙色、白色和绿色。每个图标都有着平滑的边缘和阴影,简单的设计营造出3D的质感,潜力无限。

Oxygenna 这套网络服务器相关的图标设计相比于之前的图标设计更冰冷一些,色调以灰色为主,整体风格也贴合Material Design的要求,给人以务实的感觉。

Icons by Meg Lewis

Icons by Diego Barrionuevo

图片 13

图片 14

这组图标的设计也比较有吸引力,黄黑本是经典配色,运用在这组图标设计中看起来也非常不错,几何轮廓的灵活运用让图标焕发出细腻的质感。

Material Design 对于拟物化的态度更加暧昧,贴合扁平化2.0的理念,而 Barrionueyo 的这套图标设计也延续了这一点,虽然没有渐变,但是阴影的回归让扁平化的各色物品拥有了更加真实的立体感。极简的线条和令人眼前一亮的色彩,都让这套图标从诸多设计作品中脱颖而出。

Kitchen Icons Freebie by Joby Varghese

Angular Material Icons by Merissa Acosta

图片 15

图片 16

这是一套专业的厨房类可视化图标,色调柔和,整体给人以精致的感觉,线条流畅而友好。

Acosta 的这套图标也使用了少见的暗色调来设计,不过独特的折纸风还是非常有趣的。这种别具一格的配色方案虽然看起来略显沉闷,但是对于习惯了色彩鲜艳的配色的用户而言,还是挺有意思的。

Nucleo Food Free by Sebastiano Guerriero

Icons Responsive Material Design Palette by Ramy Wafaa

图片 17

图片 18

这也是一个食物相关的图标合集,图标主体也都是采用红黑双色设计,圆润的线条很好地描绘出食物的细节,红色部分的点缀作用很明显,背景使用了类似牛皮纸的色彩和质感。

Wafaa的这套响应式图标模板设计整体充满了积极的情绪,协调的配色给人以奇妙的吸引力,统一的样式避免了杂乱无章的外观的出现。

Process Icons / Blog Launch by Garrett Campagna

Material Design Icon Template – Freebie PSD

图片 19

图片 20

这组过程图标的设计细节比其他的要更加到位,同样的红黑配色在白底上营造出一种复古的科技感,信息呈现到位。

如果你也想制作均匀漂亮的扁平风图标,不妨下载这个免费的PSD图标模板,它提供了类似线框图一样的功能,辅助你快速完成设计。

Rockstar Onesie by Alyssa Welch

Alcatel Launcher App Icons by Denys Nevozhai

图片 21

图片 22

这组图标的设计也足够专业,黑色的部分勾勒轮廓,白色填充空间,橙色补充细节提亮色彩。

八种基本的色彩就可以创造出一套漂亮的扁平风图标了,而Nevozhai 的这套应用图标合集就是这么来的。这套图标走的极简的风格,没有使用阴影,组成图标细节的几何图形精准而到位。

Cupcakery Icons by Joash Berkeley

Isometric Material Icons vol 3 – Charts by Oxygenna

图片 23

图片 24

这组图标看起来非常甜美,不同红色协同营造出温馨有趣的氛围。

Material Design 中是否只能使用2D的图标呢?并非如此,Oxygenna 的这套图标设计就采用了3D的图标设计,中性的灰色和热情的橙色赋予了图标独特的性格。

15 Years of Pantone – Upgrade by Annie Ratcliffe

1,000 Flat And Material Design Avatars

图片 25

图片 26

艺术家将每年的年度潘通色彩以图标的形式呈现出来,黑白中性色构成框架,图标的主题和主要色调都与当年的潘通色相关,点题而应景。

iconshock 提供的这组扁平风头像合集营造了非常独特的氛围,长阴影在此处并不显得过时,每个不一样的头像都拥有区别于其他的独特个性。

Night Mode Icon Set by Jinglu Li

Material Inspired Icons Master Set by Jurre Houtkamp

图片 27

图片 28

这个夜间模式图标的设计堪称别出心裁,深蓝色和黄色不仅是色轮上的经典配色,而且在这里黄色还被非常应景地作为提亮色,运用在图标的视觉元素上,极为精彩的设计。

这位艺术家擅长于管理鲜艳、复杂的配色,伪阴影和大量的留白能体现出他的专业之处。更重要的是,他的设计手法赋予了经典的、传统的图标以新的感觉。

Food Allergens Icons by Tunde Szentes

Vegetables and Fruit Set Collection by Samira

图片 29

图片 30

这组食物相关的图标设计营造出自然的氛围,颜色的选取显然是深思熟虑之后的结果,线条圆润,色彩深浅调节得到位。

Material Design同样可以优雅而复古。Samira 的这组用蔬菜和水果设计出来的图标就是这样的典型。色调柔和,形象鲜明,这样还不够么?

Free E-commerce Set of 80 Icons by Anton Scherbik

Material Facebook by Giulio bart172 Smedile

图片 31

图片 32

这是一组简单漂亮的电商图标合集,主要色调是黑色和橙色,充满了电商的感觉,但是又不显得单调。

经典的Facebook 图标被这位设计师重新设计出了不一样的感觉,更富有活力也更干脆了。

Icons for UX & Research Company by Diana Wieczorek

Icons by Drawithpixels

图片 33

图片 34

这是一组用户体验设计相关的图标设计,精彩的三色组合和熟练的留白设计让这组图标设计脱颖而出。黄色部分很好地吸引了用户的注意力,给严肃的主题注入了新鲜的活力。

Drawithpixels 所提供的这组图标已经接近于插画的水平了,它们成为了网页用户体验设计的一部分,它们不仅赏心悦目,而且在页面中起到了重要的内容引导的作用。

Youtube Icons by Joseph Wells

Periodic Table Product Icon by Michael Cook

图片 35

图片 36

这组Youtube 相关的图标很好地运用了3D相关的信息暗示,红色和蓝色很好地结合到了一起,漂亮的是两者交叉的地方,看起来新颖而独特。

Material Design 风格的元素周期表长什么样?Michael Cook 的这套设计就是答案。鲜艳而细致的配色是它的特色,略显复杂的结构则给人以专业的感觉。

Icon Circles by Cody Fitzgerald

Material Design Harry by Hannah Atkin

图片 37

图片 38

这也是一组蓝色为主的图标设计,其中的配色也是令人称道的地方。精彩的配色和充满生活气息的主题配合在一起非常和谐,圆形的边框很好地划分出视觉边界,白色的负空间在整个设计中起到了重要的作用。

Atkin 的这个图标设计拥有类似传统iOS图标一样的圆角矩形的轮廓,突出的呆毛则让整个图标充满了活力于个性。

Freebie: 16 Line Illustrations by Vincent Tantardini

Material Design Icon Templates by Zlatko Najdenovski

图片 39

图片 40

这组蓝色的图标设计又是另外的一种风格,它更加精致,对于细节的刻画也更加贴近实物,给人感觉非常好。白色和蓝色的搭配堪称经典,相得益彰。

这是一份AI格式的Material Design 图标设计模板,其中专业的线框可以引导你的设计,独特的视角则能够让你的图标拥有全新的角度。

结语

结语

三色图标的设计非常有意思,做的好的图标已经不仅仅停留在图标的角色中,许多已经可以在页面中担当更加重要的插画的作用了。三种色彩的搭配让整个设计立体了起来,拥有了超越单色的立体结构和精彩效果,赋予页面更加强大的力量。

Material Design 规范下的图标设计不仅仅在配色上可以说道,在角度、风格、细节、功能上同样可以不同凡响。发挥你的想象力吧。

本文由澳门新葡亰赌全部网址▎导航站发布于家居装修资讯,转载请注明出处:许多图标设计都是设计师原创的概念设计,红色

关键词:

最火资讯