icon风格案例分析

目 录 图标单体设计趋势
图标单体设计六大原则
优秀Icon图标组分析
优秀Icon图标组分析
配色
优秀Icon图标组分析
配色
优秀Icon图标组分析
配色
优秀Icon图标组分析
配色
优秀Icon图标组分析
配色
优秀Icon图标组分析
形态 • 利用直角边框，使图标更整齐
• 利用主体物长投影，使扁平不平 • 简单的几何矢量，能代表其功能
图标单体设计六大原则
优秀Icon图标组分析
图标单体设计六大原则 图标单体设计趋势 第一招：使用独特的图形
下面这四个图标互不相同——其中一些包含了很多颜色或是渐变，但是以简单的图形示众是它们 共同的特点。这让它们一眼看上去就能被认出来。
图标单体设计六大原则 图标单体设计趋势
第二招：谨慎用色
不要滥用颜色，一种或两种就够了。的确有很多优秀的应用图标设计采用了很多颜色，但这种 做法很难受待见。
拟物化设计的优点： 1、认知和学习成本低 2、各种按钮的视觉质感和按下去之后的交互效果 3、人性化的体贴 拟物化设计的缺点： 只有花费大量的时间在视觉的阴影和质感效果。
图标单体设计趋势
扁平化设计的优点： 1、搭配一流的网络、色彩设计，让看久了拟物化的用户感觉焕然一新 2、减弱各种渐变、 阴影、高等拟直视觉效果对用户视线的干扰
图标单体设计六大原则 图标单体设计趋势 第三招：避免使用照片
尽量别直接拿照片来做应用图标。下图中的 Sipp 是一个极好的例子，告诉你怎样在采用了类照片的 元素的同时，更好的表现主题。
图标单体设计六大原则 图标单体设计趋势 第四招：避免使用大量文字
图标中能不用文字就不用文字，好的做法是使用符号或公司标志作象征。
• 主物体采用线描结构，极其简洁
• 图标皆为白色，清晰易识别
大倒角
超大倒角 圆形
优秀Icon图标组分析
形态
• 利用回合形态边框，图标更灵活
• 主物体以速写形式表达，比较有趣
• 图标为白的线稿，图形意思明确
大倒角
混合形态 圆形
优秀Icon图标组分析
形态
高仿真质感
•作用： 识别成本低
代表高质量
优秀Icon图标组分析
质感
水晶透明质感
•作用： 精致高雅
质感强烈
细腻美观
优秀Icon图标组分析
质感
哑光质感
•作用： 舒适易用
安全放心
清晰明了
优秀Icon图标组分析
质感
哑光质感
•作用： 舒适易用
安全放心
清晰明了
优秀Icon图标组分析
质感
其他质感：废旧金属
•作用： 个性时尚
优秀Icon图标组分析
质感
其他质感：木头质感
工业设计1103班 郝雨 指导老师：龙韧
目 录 图标单体设计趋势
图标单体设计六大原则
优秀Icon图标组分析
目 录 图标单体设计趋势
图标单体设计六大原则
优秀Icon图标组分析
图标单体设计趋势
相机图标大全
总结
图标单体设计趋势
苹果一改iOS1~6的拟物化UI风格，在iOS7使用极简风格
图标单体设计趋势
有倒角
无倒角
优秀Icon图标组分析
形态
• 利用圆形边框，图标更可爱
• 主体物仅有简单的渐变，更简洁
• 主物体更加精炼
倒角方形
圆形
优秀Icon图标组分析
形态百度文库
• 利用微倒角边框，图标更整齐
• 主物体有简单投影，凸显立体感
• 图标皆有简单投影，立体感强
大倒角
小倒角 圆形
优秀Icon图标组分析
形态
• 利用超大倒角边框，图标更圆润
3、更容易，优秀扁平的设计只需保证良好的架构、网络和排版布局，
扁平化设计的缺点： 界面并没有实现功能化，只有花费大量的时间在视觉的阴影和质感效果。
图标单体设计趋势
总结： •拟物化与扁平化在现代图标应用中平分秋色 •扁平化朝着简单而精粹的方向上进化 •拟物化朝着高质逼真形象的方向上发展
目 录 图标单体设计趋势
风格
主 题 大 赛 三 等 奖
优秀Icon图标组分析
风格
主 题 大 赛 优 秀 奖
优秀Icon图标组分析
风格
主 题 大 赛 优 秀 奖
优秀Icon图标组分析
风格
主 题 大 赛 优 秀 奖
优秀Icon图标组分析
风格
主 题 大 赛 优 秀 奖
图标单体设计六大原则 图标单体设计趋势 第五招：准确传递信息
简单来说，要让用户看到你的图标就知道它是干什么的。
iOS 7 对拟物化图标进行了大刀阔斧的改革，但这里依然要提到拟物化设计的亮点。
图标单体设计六大原则 图标单体设计趋势 第六招：富有创意
创意让你的应用图标脱颖而出，下面这些应用都谨遵创新法则。通常，秘诀是开发一些简单 的概念，有时候最复杂的渲染也是建立在简单的图形之上的。
•作用： 质朴温和
优秀Icon图标组分析
质感
其他质感：草坪质感
•作用：自然闲适
优秀Icon图标组分析
风格
3 6 0 手 机 主 题 大 赛 一 等 奖
优秀Icon图标组分析
风格
3 6 0 手 机 主 题 大 赛 二 等 奖
优秀Icon图标组分析
风格
3 6 0 手 机 主 题 大 赛 创 意 奖
优秀Icon图标组分析
风格
3 6 0 手 机 主 题 大 赛 人 气 奖
优秀Icon图标组分析
风格
主 题 大 赛 一 等 奖
优秀Icon图标组分析
风格
主 题 大 赛 二 等 奖
优秀Icon图标组分析
风格
主 题 大 赛 二 等 奖
优秀Icon图标组分析
风格
主 题 大 赛 二 等 奖
优秀Icon图标组分析