赞助商
立即赞助

正在疯狂流行的等轴测图标,千万不要错过

UI设计3年前 (2021)发布 流光
3K 0 0

图标是几乎任何都需要的重要组成分,无论是来传递信息、导航还是来,图标和类似图标的元素都是一种富有吸引的有趣的功性元素。

虽在去的几年间,扁平化设计一直处主流,但是现在越来越的设计师开始睐等轴测的图标元素。一趋势不仅现在网页设计上,在平面设计领域同样非常流行。

它指所有流行,大程度上是因为它不同于传统扁化计的立体质和逼真质。同,等轴测图标元素在设计细节上依旧使用的是扁平化的方式,也使得它成为更优、也更的选择。

等轴测图标趋势是怎么回事

正在疯狂流行的等轴测图标,千万不要错过

实等轴测的设计并难解,它是一种在二位平面中绘制维物体的方法。等轴测图标是这种设计技法在图标设计中的延伸,这也它富吸引力的方。

等轴测图标受并难解,它形状突,足够简单,而且还有纵深。它拥有平面设计该有的美感,在视觉上更有吸引,更易于户解。

绝大数的设计师对等轴测图标抱有开放的心态,在设计的时,绝大数的设计师让图标和明亮的彩结合来使用,看来也颇具有感和吸引力。

借助阴和视角上的变化,计还能让等轴测图标更加有层次和视觉吸引力。不过在计等轴测图标的候,周围的环素应当做成贴等轴测风格的迷你版本。

它是扁平化图标的自然进化

正在疯狂流行的等轴测图标,千万不要错过

等轴测图标其还是扁平化设计的延伸,从根源上来说,是属扁平化2.0 和 Material Design 的变。元素从3D空间投射到2D平面之,使用干净简约的条来呈现造型。

通常,配色方案会来扁化计。

等轴测图标相而言更易于理解,并具有设计师所喜欢平设计特征。

如何使用等轴测图标

正在疯狂流行的等轴测图标,千万不要错过

实际上,许多计并不只停留在使用等轴测图标,而是将它延伸插画,甚至更系统的计层面上。

等轴测图标可以以几乎任何来使用,并具有不视觉属性。

这种图标风格的好处之一于,它足够简单,可以静态也可以动态,它足够小巧,对于网页言也不会太压力。

等轴测图标的应范畴非广,它可作超大尺寸的按钮,作为插画,作为导航,还为页创视觉焦点。

值得注意的事项

正在疯狂流行的等轴测图标,千万不要错过

虽然轴测图标很时髦,但它并不一合所的项目。

通会认为这种设计太过于“卡通”,而在有的设计项目当中,明亮的配色会喧宾夺,或者看起来太哨,影响视觉信息的传达。在这种面,就需要小心了。

果没有计划,使用太的等轴测图标能让人得难以接受。

构建一套等轴测图标所需要花费的间比普通的扁化的图标更加耗。有多的立体化的细节需要考虑,如果方向或者细节出现错误,用户会容易辨出来也更容易迷惑。

由于等轴测图标风格多变,许多图标合可能会呈现出「过度设计」感觉,设计师在这个时候应该仔细筛选,避免使用这样图标合。不论怎么说,恰到好处设计始终是最理想,而最合适图标也始终是「隐形」,润物细声地存在于个设计体系。所以,在选择或者设计时候,尽量让等轴测图标贴合体风格,不要喧宾夺主。

等轴测图标相关资源

正在疯狂流行的等轴测图标,千万不要错过

如果你之前从未使用过等轴测图标,也未曾动计过,那最好是找一套现成的等轴测图标。有许多现成的等轴测图标资源可以供你使用,你可以借助它更快地完善当前的计项目。

许多相关图标合都是矢量,不仅可以响应不设计需求,而也便于你进改和调,这些资大多是 AI 格或者 EPS,损缩放。

下面一些素质相当过硬的轴测图标合集:

  • Isometric Arrow Icons
  • Isometric Kitchen Objects
  • Multipurpose Isometric Icons
  • Isometric Infographic Set Elements
  • Isometric SEO Icons
  • Cryptocurrency Blockchain Isometric Icons
  • Isometric Office Equipment
  • Mobile Communication and Multimedia Icons
  • Flat Finance Isometric Icons
  • Isometric Icons Bundle

果你想自己动手设计,么下面的资源不要错:

  • Learn How to Create Isometric Illustrations
  • Isometric Design Inspiration On Dribbble
  • Video: Isometric Design for Beginners
  • 22 Illustrator Tutorials for Creating Isometric Illustrations
  • Video: Adobe Illustrator isometric action tutorial

结语

你想跟上等轴测图标的计风潮?那现在就可以动了,不要放过这些现成的资源,如果你愿动计,也不难。

注意配色案和拟真度控制,它们会接影响到个设计效,多看看设计和现成图标合,找到符合你项目平衡。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

编者按:互联网让全世界都无线互联,大家可以无视距离随时浏览世界另外一头的设计师所上传的设计作品。无论是 Dribbble、Beha...
创意灵感
昨天立了Flag 要更新关于WWDC的文章,但是一把年纪,熬夜艰辛,只能起床之后再更文章了。 WWDC19 可能是最近几年最令人激动...
2019设计趋势
@菜心设计铺 :之前写过的《腾讯设计师总结的图标设计五维自检法》受到了很多关注。转眼已经过去一年有余,对于图标也有了更...
图标自检
在提高可用性的建议中,如何优雅、清楚的告知用户哪里出错了是非常重要的。当然,如果能够一开始就避免他们犯错是最好的。 ...
交互设计
经常听到有人说,自己刚做设计,又身在小公司,不懂得正确的设计流程,也接触不到大公司设计的迭代过程,总觉得自己设计流程...
可用性测试
随着电商的发展, 618、双11、母婴节、蝴蝶节,各种活动扑面而来。从事电商活动交互设计的这两年,我观察到很多活动都是「今...
产品思维
@Fornever :光涧实验室 Do It Today 第12期活动,尝试了用 Design Workshop 产品设计的方法来解决困扰创业公司的招聘问题,...
产品设计方法
为什么会出现下拉刷新,以及在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总能带来更多疑问。追...
产品设计