金刚区图标设计的10大风格

金刚区作为产品功能架构重要的组成部分,是设计师重点发挥的区域,也是风格切换最为活跃的。而金刚区图标是最重要的表现对象,设计师在图标设计上面耗费心力,出现了丰富多样的视觉表现风格。

目录

一、晶白风格的扁平突破

二、磨砂玻璃质感的运用

三、强化图标微质感的深入

四、2.5D风格的巧妙结合

五、三维的立体感强化

六、插画风格的简化融入

七、立足于品牌的图标设计

八、造型叠加丰富色彩搭配

九、动效图标强化局部差异

十、主题化图标风格普及

晶白风格是通过白色质感来实现的,通过对图标元素进行透明度变化、投影、内阴影、外发光等进行设计,使得更有层次感。

相较于扁平化的图标设计来说,晶白风格更有层次感和质感,作为金刚区图标设计运用非常普遍。除了通过白色不透明度渐变来实现以外,也会随着背景或者环境色的变化融入色彩渲染,呈现出更丰富的设计细节。

晶白风格图标就是通过两端白色渐变,配合两端颜色不透明度来进行深浅控制,也可以通过内阴影和外发光等来增强质感。众多设计软件都可以实现,灵活性非常高。

磨砂玻璃质感的设计表现是近些年较为流行的设计趋势,被广泛运用到视觉设计的众多领域。在UI场景中作为视觉感强化被普遍应用,其中在图标设计上的表现尤为突出,呈现出了众多的优秀案例。

金刚区作为产品架构中的重要组成部分,也是更新较为活跃的部分,对于视觉感的要求非常重要。磨砂玻璃质感的图标很多产品都会阶段性使用,也是因为这一类风格具有典型的特点和视觉张力,能够形成比较大的视觉差异,带给用户不错的感官体验。

磨砂玻璃质感图标可以通过Sketch、Figma等软件的背景模糊功能实现;如果是PS和AI等没有背景模糊功能的软件,则可以通过模糊度结合剪切蒙版来实现。实现的方法很多,大家可以多多尝试,这是一类比较容易掌握的图标风格。

图标设计从写实到扁平,再到微质感,都在不同的时期进行改变,通过风格的优化避免用户的视觉疲劳。写实类图标视觉疲劳度较大,在年轻化的趋势中显得过于繁琐,而介于写实和扁平之间的微质感被深入探索。

微质感的深入可以使得图标风格突出,质感和层次感强化了图标的立体空间感,在整个界面中可以形成视觉差异。可以体现出模块的重要性,也是图标设计感体现的一种方向。

通过渐变色、不透明度渐变、投影、内阴影等形成层次变化和光影效果,多图层刻画来强化图标质感和层次感。

2.5D也称之为伪三维,在前两年非常流行,作为插画风格延伸出来的,当时2.5D插画被普遍运用到众多领域。把一个独立元素作为原子,通过原子的数量分布形成2.5D场景。

将2.5D风格结合到图标设计中,可以使得图标更容易形成立体感,设计师不会受制于透视基础的薄弱。无论是C端还是B端场景中的金刚区图标都比较适合,很容易基于简单的立体造型上设计出丰富的变化。比如结合玻璃质感、微动效或者其他设计趋势均可,设计的驾驭度很高。

2.5D风格的图标很容易掌握,只要绘制好基础原子部分,就可以演变形成各式各样的2.5D造型。可以通过AI软件的3D功能轻松绘制,大部分场景都是基于立方体、圆柱体等基础造型进行变形。

三维类的图标设计相较于2.5D风格来说,空间感和透视角度更加深入,光影的变化更加丰富。图标设计中的三维立体感强化,对于设计师的要求更高,掌握一个三维软件需要一定的学习成本。

随着C4D等三维软件的走热,掀起了一股学习热潮,被运用到金刚区图标设计中,带来的视觉效果也是非常不错的。较强的空间立体感和光影效果,在界面中的视觉呈现尤为突出,也能带给用户更好的感官体验。

随着用户对于感官体验的升级,风格特征的差异化体验至关重要,而插画风格的融入可以提升图标设计的特征感。

插画风格运用到图标设计中,需要做简化处理,可以是插画的局部元素或者简化后的小场景插画。风格多样的插画风格也会延续到图标中,不仅可以使得图标具备差异化的视觉效果,也能烘托出整体设计的质量。

通常矢量风格的插画类图标比较常用,由于图标占比限制,不合适表现特别繁琐的插画风格。可以是微场景的插画表现,或者是局部元素的插画表达,这一类图标风格将会在未来被广泛运用,以此来提高图标设计的视觉差异化表达。

立足于品牌做设计,这是设计师需要深入探索的方向,而金刚区图标设计亦是如此。品牌基因融入到图标设计中,可以辅助突出产品的品牌感,也能形成设计表达的差异化。

品牌基因化的图标设计具备一定的特征性,也是视觉差异化的一种形式。通常的做法有将品牌色全部融入图标中,或者品牌色作为图标配色点缀;也可以提取品牌LOGO辅助图形形成基因图形,融入到图标造型设计中;也有结合吉祥物来突出品牌感的,融入吉祥物造型、局部图形、轮廓图形等;如果图形角度无法提炼,也有提取品牌文化、服务特征、用户群体特征、行业特征等,从中提炼关联性的图形融入图标设计中,以此来强化品牌感。

品牌作为设计的思考起点,不仅可以输出差异化的设计作品,也能串联起整个项目设计的规范。

如果觉得质感一类图标表现力比较繁琐,但是又不想只是简单的线性或者面性图标,造型叠加和配色叠加形成的图标风格算是介于两者之间的存在。

通过图形之间叠加丰富图标造型,叠加部分配色的调节丰富图标色彩搭配,形成的图标风格比较年轻化。视觉效果也是深受年轻用户的喜欢,带来不错的感官体验。

这一类风格的图标可以通过布尔运算设计图形部分,颜色的叠加效果可以通过图层样式实现,也有一些是图形分割之后进行分别着色的。通常叠加部分的颜色会往更深的方向延伸,大家可以尝试不同的形式去进行配色,选择符合主题的图标配色效果。

微动效运用到图标设计中尤为普及,特别是在金刚区模块,可以作为突出功能的强化。动效图标已经成为一种独特的表现力,相较于静态来说更有吸引力,也能带给用户更加趣味性的感官体验。

在金刚区模块中,动效图标通常是用于区别特殊功能,或者需要重点突出的服务或者主题活动等。不改变整体图标的风格,只是动态和静态的区分,需要个别做动效,形成表现力的差异才能达到重点突出的目的。

作为设计师来说,动效也是需要掌握的基础技能,可以提高我们的设计表现力,也能将交互动作表达得更清楚。

随着情感化设计的普及,金刚区图标在特定主题节日也会进行氛围强化,主题化图标设计越来越多。

比如在春节、中秋节、国庆节、端午节等场景中,根据主题设计图标更能体现我们是有温度的产品。可以是主题元素的融入,或者主题氛围感的渲染,要嘛就是主题文案的融入,形式已经是非常丰富了。虽然不同节日主题效果各有差异,不过这一类主题化的图标设计,已经成为非常普及的风格特征。

除了节日主题以外,根据运营需求也会进行主题化强化,众多自定义主题活动也会结合到金刚区图标设计中。这一类视觉表现力比重较大,视觉感统一性较强,带来的视觉张力和感官体验都非常不错。

小结

金刚区在产品中就像百变金刚一样,随着众多因素而变化,是更新迭代较为活跃的。图标设计的风格也是丰富多样,本文仅是抛砖引玉,总结了10个较为流行的图标设计风格或者趋势。

希望这些案例总结可以加深大家对于金刚区图标的风格认知,大家也要继续体验探索,总结出更多风格特征,强化我们的图标设计能力。

THE END
1.设计师应该掌握的设计细节当产品中的图标字段和文字和字段比较多的时候,我们想要将他们有序的区别开,且不会很凌乱,这个时候我们可以考虑用卡片的来分隔页面,这样板块与板块直接会更加清晰明朗,而且列表中的信息比较多的时候,通常是采用卡片的形式进行划分,让界面看起来更为整洁。 https://www.51zxw.net/TechArticleDetails.aspx?id=206
2.纳税申报形式都有哪些目前,纳税申报的形式主要有以下三种: 1、直接申报 直接申报,是指纳税人自行到税务机关办理纳税申报。这是一种传统申报方式。 2、邮寄申报 邮寄申报,是指经税务机关批准的纳税人使用统一规定的纳税申报特快专递专用信封,通过邮政部门办理交寄手续,并向邮政部门索取收据作为申报凭据的方式。 纳税人采取邮寄方式办理纳税...http://m.qicaisi.com/bk-438130.shtml
1.icon图标立体(图标立体效果)随着科技发展和时代变迁,传统平面式icon图标已经不能满足用户需求。立体设计能够让icon图标更具现代感和科技感,在视觉上更加符合当下用户的审美需求。 2. 丰富表现形式 传统平面式icon图标往往只能呈现简单的二维形态,而立体设计可以让icon图标更具立体感和层次感,从而丰富了其表现形式。这也为设计师提供了更多的创作空...https://www.c4dmodels.cn/article/142820.html
2.ui设计师模拟试题(精选8篇)形不好再怎么营造整体风格都白费力,好比建筑造型与装修的关系,而色彩等营造的风格都可另起文章分析 。图标造型表现上无非就是典型的2种:面与线 。运用这两种基础元素去造型也可以进行多种组合不同的表现 。组合造型一般有单体造型、多个元素组合造型,线与面之间的独立与结合的变化。https://www.360wenmi.com/f/filechgu7alk.html
3.logo设计说明范文500字(通用21篇)④需要其表现形式新颖独特,有社会价值的概念、构想、点子、意想和形象。 ⑤需要达到概念的视觉化、感觉的视觉化和情感的视觉化。 ⑥需要把握新世纪、新经济目标消费群体,注意世界市场高科技产品的发展趋势。 logo设计说明范文500字 第4篇 1. 运用视觉隐喻的同时,需要保证图标的可识别性 ...https://www.77cxw.com/fl/1454006.html
4.美术基础知识总结从表现形式上可以分为写意画和工笔画,题材上分为花鸟画、山水画、人物画。用墨的方法大体上可以分为泼墨法、破墨法、积墨法 、焦墨法 、蕉墨法。笔法:勾 、皴 、点、染。特点: 1、以线条为造型的主要手段,达到线墨色交相辉映; 2、以画开拓诗的意境,画中有诗,托物喻情;...https://www.yjbys.com/edu/meishu/139739.html
5.《标志》教学设计15篇师讲:看了这几幅图,我们知道了设计生活标志有两个特点:板书“颜色鲜艳、造型美观。以后,我们设计生活 标志就按这二个特点来设计。 师讲:设计生活标志,可以剪对称形、圆点或绘画等方法设计。这节我们来采用绘画的形式来设计。 2、现在我们来欣赏几种生活标志。(出示课件)请看大屏幕。 https://xiaoxue.ruiwen.com/jiaoxuesheji/375515.html
6.幼儿园大班艺术活动教案(15篇)2.能运用拓印的形式表现秋天的美景,能够大胆的运用拓印描绘秋天。利用拓印的形式,创造出自己的作品。 3.体验拓印活动的乐趣,能积极参与绘画活动,感受秋天的色彩,热爱大自然。 重点难点 1.掌握简单的拓印技巧。(难点) 2.感受秋天的色彩,热爱大自然。(重点) ...https://www.yuwenmi.com/jiaoan/youeryuan/3600604.html
7.学习表现范文12篇(全文)线条是一种能展现造型艺术的表现方式,不同的线条有不同的表现力。如果学生注意到线条的变化能够表现出整体的效果,就会慢慢学会根据自己需要有选择地使用线条。 教师可以引导学生观看绘画作品、雕塑作品、艺术陶瓷等作品中的线条应用。比如教师在引导学生学习《线的魅力》一课时,引导学生看到中国的水墨画中,近处的山水,人...https://www.99xueshu.com/w/ikeylhgtwvro.html
8.《漫画》教案(通用18篇)1、 欣赏漫画作品的构思特点,表现方式和艺术效果。 2、 了解漫画的一些基本常识。 3、 初步掌握漫画创作的常用手法。 二、教学内容: 1、 认识漫画这种艺术形式,了解漫画除了具体特有的讽丑恶、弘正气、扬美善的社会功能和教化功能、娱乐功能、审美功能。 https://www.jy135.com/jiaoan/540431.html
9.智慧树知到《设计审美与文化》最新章节测试答案知1210、包豪斯对德国设计产生了深远的影响,下列图标是产品品牌标志,选项中属于德国现代设计的是 blob.png blob.png blob.png blob.png (1) (2) (3) (4) A:(2) B:(4) C:(1) D:(3) 答案: (2) 11、20世纪50年代波普艺术最早诞生在英国 A:对 B:错 答案: 对 12、中国古代的绘画艺术的表现形式具有...https://www.zhi12.cn/content/37943662
10.标志百科之词条:标志(Logo)4.标志修正--提案阶段确定的标志,可能在细节上还不太完善,我们经过对标志的标准制图、大小修正、黑白应用、线条应用等不同表现形式的修正,使标志使用使更加规范,同时标志的特点、结构在不同环境下使用时,也不会丧失,达到统一、有序、规范的传播。 配色技巧 ...https://www.logonews.cn/logo.html
11.文化月班本课程:《小小传承人》课程开发三、按诗歌内容有规律的出示图片,使幼儿更容易理解诗歌三部分的内容,并尝试完整的说出诗歌。 四、幼儿多次看图片背诵诗歌,感受诗歌局势的排列规律和语言的韵律。老师可将幼儿分成集体,小组的形式分别有感情的背诵诗歌。帮助幼儿加深印象。 小班的时候, 妈妈问我:你最爱谁?最喜欢什么? http://www.ygyj.wj.czedu.cn/html/article5654501.html
12.上市企业品牌建设与员工认同和组织文化的塑造品牌宣传广告是传播品牌价值观的重要方式之一。通过广告,企业可以向消费者传递品牌的理念、品质和形象,让消费者对品牌有更深入的认识和了解。广告的形式可以多种多样,如电视广告、网络广告、户外广告等,根据目标受众和传播效果选择合适的广告媒介。 2、社交媒体营销 ...https://www.rhtimes.com/news/Design-NEWS7662.html
13.关于学习字体设计应用的心得体会范文对于文字的表现形式,除了用二维的方式之外,我们完全可以运用在二维的空间当中,表现三维的立体效果,将有趣的立体效果给予文字。具体的方法有:文字本身三维透视立体化,可给予文字不同的材质:木、石、纸、玻璃、金属等;文字的浮雕效果,让人产生一种想触摸的感觉;文字加虚实阴影,利用阴影的负形反衬出文字本身的正形,仅...https://www.wenshubang.com/xindetihui/3690815.html
14.社会课程:“遇见公园”——“浅水湾公园”情境教育项目课程叙事...2.图片两张,直观(蜡质的表现——用塑封纸封起来) 活动过程: 一、小问号引题: 师:秋天到了,各种各样的树会发生许多的变化,你有哪些关于树 的问题要问吗?(教师根据幼儿的回答进行小结并用图文的形式进行记录,主要是落叶和变色) 二、认识常绿树和落叶树 ...https://fzzx.rdedu.net/Item/3563.aspx
15.五年级美术开学第一课教案(通用15篇)1、学习书籍推介设计、队角布置设计与制作、课程图标设计与组合应用的方法,了解班队活动角的设计、制作与布置的各种方式及表现形式 2、训练发散性思维能力,培养学生美术设计与组合应用的能力。 3、增强学生集体合作意识和参与班级活动的自信心,养成有序地进行设计与制作的工作态度。 https://www.unjs.com/jiaoan/meishu/20220826100621_5515080.html
16.抽丝剥茧最具深度图标设计学习指南(三)规定形中的变化这一表现手法在早期欧美标志中就非常常见,选用圆形,其构成特点是将图形置于中心,文字环绕图形,有集中醒目的效果。如今这种复古设计形式还在沿用。 设计元素的运用是灵活的,在规定形中可以是点线面,也可以是图形,也可以是文字。 香港著名设计师陈幼坚为香港美心快餐和bossini服饰品牌设计的整体形象,运用的...https://maimai.cn/article/detail?fid=1720167681&efid=IHWbefQs8Y1hXJHSrE9hZw
17.荐初中美术教案如果说《五角星》定位重点更多在画出肌理与质感,那么,《触摸美丽》的定位重点更多在于直接利用材质本身的肌理与质感进行造型,探索适合材质形式美感表现的技巧。把握这个基本定位是处理好这两课教学的关键,也更有利于教师自觉建立单元教学的整体观念。 初中美术教案8年级上:04课 触摸美丽...https://www.fwsir.com/jiaoan/html/jiaoan_20221128135645_2105120.html
18.小班美术优秀教案及教学反思一、以蔬菜妈妈做客的形式导入活动、 1、今天有一些蔬菜妈妈来做客,请你猜猜是谁?(教师逐一出示图片,让幼儿个别讲述、有大白菜、胡萝卜、茄子、西红柿) 2、这些蔬菜都穿着什么颜色的衣服? (1)大白菜穿着绿油油的绿衣服、 (2)紫紫的茄子穿着紫色的衣服、 ...https://www.zongjiew.com/zongjiefanwen/116968.html