link管理
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
玩命的水桶 · 想法最重要！Material Design ...· 2 天前 · |
|
|
坏坏的仙人掌 · 完美的网页设计步骤-PageAdmin· 2 月前 · |
|
|
坚韧的开心果 · 人工智能助力网页设计：智能化工具提升设计效率 ...· 2 月前 · |
|
|
文质彬彬的蟠桃 · Roast My ...· 2 月前 · |
|
|
深情的椅子 · 网页设计师就业现状怎么样？3点帮你分析清楚- ...· 2 月前 · |
|
|
星星上的麻辣香锅 · DELPHI ClientData使用详解 ...· 1 周前 · |
|
|
另类的木瓜 · Gatan Digital ...· 3 周前 · |
|
|
慷慨大方的脸盆 · Shell脚本里双引号和单引号的区别 - ...· 3 月前 · |
|
|
有腹肌的啄木鸟 · 馆藏外文期刊 - Linguistics ...· 3 月前 · |
作为目前最有影响力的设计规范之一，Material Design呈现出蓬勃而持久的生命力，不论是移动端UI设计还是网页设计，设计师们对 Material Design 的运用越来越熟练了。在图标和小型插画的运用上，要匹配 Material Design 的整体风格还是需要一定技巧的，在保证直观简约的同时，确保色调的协调而不会产生喧宾夺主的效果，在排版设计上控制好留白和细节的优雅。
Material Design 需要兼容不同的屏幕不同的平台，需要设计师为用户提供舒适一致的用户体验。这也是为什么设计师需要强化对于信息层次的把控，直观的结构、大胆而图形化的界面是每一个力图掌控Material Design精髓的设计师应该做到的事情。
今天，我们来从图标的层面来聊一下如何实现真正意义上的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
如果你也想制作均匀漂亮的扁平风图标，不妨下载这个免费的PSD图标模板，它提供了类似线框图一样的功能，辅助你快速完成设计。
Alcatel Launcher App Icons by Denys Nevozhai
八种基本的色彩就可以创造出一套漂亮的扁平风图标了，而Nevozhai 的这套应用图标合集就是这么来的。这套图标走的极简的风格，没有使用阴影，组成图标细节的几何图形精准而到位。
Isometric Material Icons vol 3 – Charts by Oxygenna
Material Design 中是否只能使用2D的图标呢？并非如此，Oxygenna 的这套图标设计就采用了3D的图标设计，中性的灰色和热情的橙色赋予了图标独特的性格。
1,000 Flat And Material Design Avatars
iconshock 提供的这组扁平风头像合集营造了非常独特的氛围，长阴影在此处并不显得过时，每个不一样的头像都拥有区别于其他的独特个性。
Material Inspired Icons Master Set by Jurre Houtkamp
这位艺术家擅长于管理鲜艳、复杂的配色，伪阴影和大量的留白能体现出他的专业之处。更重要的是，他的设计手法赋予了经典的、传统的图标以新的感觉。
Vegetables and Fruit Set Collection by Samira
Material Design同样可以优雅而复古。Samira 的这组用蔬菜和水果设计出来的图标就是这样的典型。色调柔和，形象鲜明，这样还不够么？
Material Facebook by Giulio “bart172” Smedile
经典的Facebook 图标被这位设计师重新设计出了不一样的感觉，更富有活力也更干脆了。
Icons by Drawithpixels
Drawithpixels 所提供的这组图标已经接近于插画的水平了，它们成为了网页用户体验设计的一部分，它们不仅赏心悦目，而且在页面中起到了重要的内容引导的作用。
Periodic Table Product Icon by Michael Cook
Material Design 风格的元素周期表长什么样？Michael Cook 的这套设计就是答案。鲜艳而细致的配色是它的特色，略显复杂的结构则给人以专业的感觉。
Material Design Harry by Hannah Atkin
Atkin 的这个图标设计拥有类似传统iOS图标一样的圆角矩形的轮廓，突出的呆毛则让整个图标充满了活力于个性。
Material Design Icon Templates by Zlatko Najdenovski
这是一份AI格式的Material Design 图标设计模板，其中专业的线框可以引导你的设计，独特的视角则能够让你的图标拥有全新的角度。
Material Design 规范下的图标设计不仅仅在配色上可以说道，在角度、风格、细节、功能上同样可以不同凡响。发挥你的想象力吧。
【那些充满异域风情的网页设计】
《兼容并蓄！20个来自澳大利亚最优秀的网页设计》《狂拽酷炫！20个来自美国最优秀的网页设计》
《KEEP CALM & DESIGN！26个来自英国最优秀的网页设计》
《严谨而浪漫！20个来自德国最优秀的网页设计》
《情迷西班牙！20个来自西班牙最优秀的网页设计》
《时尚雅致！25个来自法国最优秀的网页设计》
《请多关照！20个来自日本最优秀的网页设计》
原文地址：
designmodo
优设译者：
@陈子木
本文由优设网原创翻译，请尊重版权和译者成果，转摘请附上优设链接，违者必究。谢谢各位编辑同仁配合。
【优设网 原创文章 投稿邮箱：[email protected]】
================
关于优设网
================
"优设网
uisdc.com
"是国内人气最高的网页设计师学习平台，专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书
：史上最全的设计师图书导航：
http://hao.uisdc.com/book/
。
设计微博
：拥有粉丝量106万的人气微博
@优秀网页设计
，欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航
：全球顶尖设计网站推荐，设计师必备导航：
http://hao.uisdc.com
如何系统学习功能图标？来看资深设计师的全面总结！
一、图标的定义1. 什么是图标图标是具有明确指代含义的计算机图形。从功能分类角度分为启动图标、应用图标、功能图标。2. 什么是功能图标功能图标是具有指代意义且具有功能标识的图...
12分钟阅读
怎样成为苹果的设计实习生？看看过来人的经验分享
编者按：对于很多设计师而言，去苹果公司工作恐怕是深藏心底的诸多梦想之一吧？那么，以设计师的身份成为苹果公司的一员，很麻烦么？不一定。
9分钟阅读
优设推荐官 精选热门话题
继续阅读
湖北省文化创意产业
协会副会长单位
湖北工业大学
数字艺术产业学院理事单位
东方设计奖
全国高校创新设计大赛运营单位
工信国际
数智设计创新应用伙伴
微博十大影响力
设计美学机构
优设推荐：
- AIGC导航
- Midjourney
- Stable Diffusion
- 热门设计文章
- Figma
- 优设标题黑
- 高清图片素材网站
- PPT模版
- 微信小程序开发
- 小程序设计
- 设计师专访
- Sketch
- 设计师必备网站
- 设计公开课
- 设计师培训
- ppt学习教程
- iOS设计指南
- Logo设计
- 设计师薪水
- 设计师联盟
- 网页设计联盟
- 平面设计师
- ps新手入门教程
- 设计求职简历
- 设计师职场规划
- 设计简历模版
- 电影海报设计
- Banner设计
- App设计
- 设计师表情包
- AI工具导航 本网站所有数据及文档均受《著作权法》及相关法律法规保护，任何组织及个人不得侵权，违者本公司将依法追究侵权责任，特此声明。优设网法律顾问：刘杰律师 - 优设网官方微信号：youshege - 鄂ICP备16005435号-1 鄂公网安备 42018502001134号 midjourney AIGC Flux ComfyUI Stable Diffusion Prompt BentoUI 版权 AI 应用 优设标题黑 Figma 设计规范 晋升 改版 可商用字体 海报设计 Logo设计 样机 作品集 AI绘画 找免费字体？看这里 2024大厂设计团队榜 推荐！设计师专访频道 Flux在线一键设计素材 热门！超火的300+AI工具