课程咨询 :0571-56020837 QQ:162157806

南昌达内UI名师

南昌UI培训 > 达内新闻 > 达内:Material Design 图标设计优秀案例
  • 达内:Material Design 图标设计优秀案例

    发布:南昌UI培训      来源:优设网      时间:2015-12-07


  •     Material Design是目前最流行的设计规范,移动端UI设计师或是网页设计师,对 Material Design 的运用也是更加熟练。此外,Material Design 需要兼容不同的屏幕不同的平台,需要UI设计师为用户提供舒适一致的用户体验。

        南昌达内UI设计培训专家介绍一些优秀的Material Design 图标设计案例,探讨如何做到真正的Material Design,扁平化界面中又该如何合理运用图标。

        Material Web Icons [freebie] by Adrian Goia

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

        Web Analytics Material Icon by Khuram Jameel

        Khuram Jameel 用简单的几何图形来勾勒自己的想法,简单而去精致,配色和留白的使用在整个设计中起到了重要的作用。

        Google Maps & Streetview icon by Jovie Brett

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

        TaxPro Docs Icons by Qaaim Goodwin

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

        Flat Services Icons by Khuram Jameel

        Jamell 的扁平化图标设计走的是非常规路线,深色的背景并不多见,图标本体的色调使用饱和度不高的扁平色,颇有活力。充满棱角的图标边缘给人留下深刻的印象。

        Set Of Material Design Hosting/Server Icons by Oxygenna

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

        Icons by Diego Barrionuevo

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

        Angular Material Icons by Merissa Acosta

        Acosta 的这套图标也使用了少见的暗色调来设计,有着独特的折纸风格。这种别具一格的配色方案,对于习惯了色彩鲜艳的配色的用户而言,还是挺有意思的。

        Icons Responsive Material Design Palette by Ramy Wafaa

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

        Material Design Icon Template – Freebie PSD

        想制作均匀漂亮的扁平风图标,就选这个吧,它提供了类似线框图一样的功能,辅助你快速完成设计。

        Alcatel Launcher App Icons by Denys Nevozhai

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

        Isometric Material Icons vol 3 – Charts by Oxygenna

        Oxygenna 的这套图标设计采用了3D的图标设计,中性的灰色和热情的橙色赋予了图标独特的性格。

        1,000 Flat And Material Design Avatars

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

        Vegetables and Fruit Set Collection by Samira

        Samira 的这组用蔬菜和水果设计出来的图标就是这样的典型。色调柔和,形象鲜明。

        Material Facebook by Giulio “bart172” Smedile

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

        Icons by Drawithpixels

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

        Periodic Table Product Icon by Michael Cook

        Michael Cook 的这套设计让我们感受到Material Design 风格的元素周期表。既有鲜艳而细致的配色,又专业感十足的略显复杂的结构。

        Material Design Harry by Hannah Atkin

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

        Material Design Icon Templates by Zlatko Najdenovski

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


    推荐文章

上一篇:专业交互设计师有哪些特点

下一篇:UI设计师为何要懂前端代码

最新开班日期  |  更多

UI设计培训免费训练营

UI设计培训免费训练营

开班日期:每周一

UI设计培训高级班

UI设计培训高级班

开班日期:每周一

UI设计培训全日制班

UI设计培训全日制班

开班日期:每周一

UI设计培训周末班

UI设计培训周末班

开班日期:每周一

  • 地址:南昌市北京西路156号洪城大厦10楼
  • 课程培训电话:0571-56020837 QQ:162157806     全国服务监督电话:400-827-0010
  • 服务邮箱 ts@tedu.com.cn
  • 2001-2016 达内国际公司(TARENA INTERNATIONAL,INC.) 版权所有 京ICP证08000853号-56