来自 室内摄影 2019-09-23 06:04 的文章
当前位置: 管家婆资料大全管家 > 室内摄影 > 正文

Design图标设计有哪些不同的玩法,精选以冬季为

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

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

冬天是个神奇的季节,它代表着结束也孕育着开始。寒冷赋予这个季节以独特的气质,谈及冬天你的脑子里会立刻闪现许多关键词。从猫冬到滑雪,从圣诞到春节,冬天值得玩值得关注的东西太多了。

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

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

考虑到圣诞和新年的临近,相关主题的图标与设计素材无疑是必需品。今天的文章集结了一批相关的图标和插画素材,其中囊括了相关的体育运动(滑雪、单板滑雪),保暖衣物(毛衣、手套、靴子),节日(圣诞老人、节日装饰),以及天气标识(雪花、冰等)。希望这次的素材能帮到你。

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

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

Winter Icon Set by Tamara

Random Icons by Nick Slater

Material Web Icons [freebie] by Adrian Goia

图片 1

图片 2

图片 3

Tamara 准备的这套冬季图标合集走的是手绘线稿的风格,在细节上有许多充满情怀的设计,显得有个性又有温度。这套图标数量上超过了30款,并且具备PSD和AI两种格式。

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

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

Winter is Coming by Two Arms Inc.

WP Café del Museo icons by Israel Ortiz

Web Analytics Material Icon by Khuram Jameel

图片 4

图片 5

图片 6

Two Arms 公司所提供的这套冬季来临主题图标细节满满,虽然用扁平化插画方式来实现,但是各个元素明显拥有了类似三维的立体感,色调也复古而柔和。

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

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

Winter by Szende Brassai

Four-Pack by Sebastian Abboud

Google Maps & Streetview icon by Jovie Brett

图片 7

图片 8

图片 9

Szende Brassai 的这套冬季图标在视觉上更加独特而复古了,色调的搭配上充满了60年代的风情,沉稳而温暖。这组图标的主题是关于冬天的6种不同的运动。

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

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

Christmas Icon set by Dasha

Small Business Club Icons by Andrew Ronaldson

TaxPro Docs Icons by Qaaim Goodwin

图片 10

图片 11

图片 12

作为一组圣诞主题的图标,Dasha的设计可以说是非常的精致而成熟。三个图标基本都是采用的双色设计,色彩不多,但是其中的细节极其到位,可见设计师的功底不俗。这套图标是AI格式的,可以在不同的场合运用。

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

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

Cookies 2.0 by Lina Bo

Nationwide Illustrations by Tomomi Sohn

Flat Services Icons by Khuram Jameel

图片 13

图片 14

图片 15

这是一组看起来非常可口美味的冬季主题饼干图标,漂亮的分色看起来让人食指大动,浓郁的节日气息也让人欲罢不能。

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

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

Winter Icon Set by Neil Renicker

FREEBIES – 42 Flat iOS Icon Set by HevnGrafix Design

Set Of Material Design Hosting/Server Icons by Oxygenna

图片 16

图片 17

图片 18

Neil 的这套冬季主题图标合集使用的是典型的三色搭配,黑白绿三色的搭配非常漂亮,优雅而富有美感。绿色让白色冰冷的冬天显得更有生机,图标细节虽然不多,但是柔和的线条风格明显。

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

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

Ice iOS Icon

Icons by Meg Lewis

Icons by Diego Barrionuevo

图片 19

图片 20

图片 21

这是一个典型的冬季主题的iOS图标,充满光泽和玻璃质感的图标被设计成为典型的圆角矩形外观,图标周围的氛围营造也非常到位。

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

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

Free Glossy Ice Social Media Icons by Raluca

Kitchen Icons Freebie by Joby Varghese

Angular Material Icons by Merissa Acosta

图片 22

图片 23

图片 24

这组图标的设计其实已经很老了,但是它在许多的界面中依然适用,其中的光影和闪亮的光芒还是挺能营造节日气氛的。这组图标合集中包含了70多款不同的图标,应该是够用了。

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

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

Christmas & New Year Set of 15 Cute Icons

Nucleo Food Free by Sebastiano Guerriero

Icons Responsive Material Design Palette by Ramy Wafaa

图片 25

图片 26

图片 27

这组圣诞和新年主题的图标合集虽然只有15个,但是各个都是精雕细琢的精品,几乎是插画级别的细节刻画,看起来真实而又神奇。

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

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

White Winter Icons by Sunbzy

Process Icons / Blog Launch by Garrett Campagna

Material Design Icon Template – Freebie PSD

图片 28

图片 29

图片 30

虽然这套图标的设计并不是关于冬天的事物,但是这套图片在配色上所营造的冷冽的效果一点不输于其他的图标,所以它应当在这个列表中拥有一席之地。

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

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

Snowglobes by Bailey Sullivan

Rockstar Onesie by Alyssa Welch

Alcatel Launcher App Icons by Denys Nevozhai

图片 31

图片 32

图片 33

这是一组有趣的图标,五个不同场合不同题材的雪人设计可以说是脑洞大开,突出了季节的特征又各有特色,标杆级创意设计。

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

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

Happy New Year Line Art Icons by Anna Sereda

Cupcakery Icons by Joash Berkeley

Isometric Material Icons vol 3 – Charts by Oxygenna

图片 34

图片 35

图片 36

这是一组色彩绚丽的线性图标设计,每个小图标都包含了圣诞和新年主题相关的元素,相互组合在一起细致得如同一款精心制作的海报,相比用来强化设计作品也是相当不错的点缀。

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

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

Holiday Stuff by Oksana Mykytiuk

15 Years of Pantone – Upgrade by Annie Ratcliffe

1,000 Flat And Material Design Avatars

图片 37

图片 38

图片 39

这组圣诞主题的图标设计让我们再一次回想起拟物化设计。高光和阴影不再缺席,复杂而精致的细节还原出物品原有的质感。

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

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

Winter Olympics Icons

Night Mode Icon Set by Jinglu Li

Material Inspired Icons Master Set by Jurre Houtkamp

图片 40

图片 41

图片 42

简约的线条营造出规律而又意义清晰的形象主体,纯色的背景和微妙的阴影让每一个冬奥会的主题图标显得不再单调。

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

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

Free Snowflakes by Jake Dugard

Food Allergens Icons by Tunde Szentes

Vegetables and Fruit Set Collection by Samira

图片 43

图片 44

图片 45

雪花也可以繁复精致多种多样,这组雪花的图标合集包含了25种拥有不同细节的雪花的设计,以EPS格式提供给大家。

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

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

Winter Time Icon Set by Inna Moreva

Free E-commerce Set of 80 Icons by Anton Scherbik

Material Facebook by Giulio bart172 Smedile

图片 46

图片 47

图片 48

通过细致的调整,Moreva 将冬季相关的事物以一种更加可爱更加柔和的方式表现了出来,图标的题材主要涵盖了衣物和天气。

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

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

Winter Line Icons by An Nowak

Icons for UX & Research Company by Diana Wieczorek

Icons by Drawithpixels

图片 49

图片 50

图片 51

这是一组尺寸并不固定的矢量线性图标,线条清晰柔和,配色时尚。这套线性图标拥有良好的兼容性,应该可以适用所有同冬天、圣诞、新年相关的设计中去,融入感和自由度非常高。

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

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

Winter Sport Minicons Set by Billy

Youtube Icons by Joseph Wells

Periodic Table Product Icon by Michael Cook

图片 52

图片 53

图片 54

这是一组简洁而直观的冬季运动题材图标,虽然看起来没有什么复杂度,但是它足以清晰地传达含义。

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

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

Winter Icons by Stacia Burtis

Icon Circles by Cody Fitzgerald

Material Design Harry by Hannah Atkin

图片 55

图片 56

图片 57

设计师在设计这套冬季主题图标的时候,选择了蓝色的基调。图标类型选用符合时下设计趋势的线性图标。

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

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

Dropicons Update by Darius Dan

Freebie: 16 Line Illustrations by Vincent Tantardini

Material Design Icon Templates by Zlatko Najdenovski

图片 58

图片 59

图片 60

Darius Dan 所提供的这套图标色彩鲜艳,最关键的是线条也足够锐利,明亮的色彩和欢快的氛围呈现出一种积极的态度。

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

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

结语

结语

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

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

本文由管家婆资料大全管家发布于室内摄影,转载请注明出处:Design图标设计有哪些不同的玩法,精选以冬季为

关键词: