04-拟物化风格图标设计PPT资料.pptx
《04-拟物化风格图标设计PPT资料.pptx》由会员分享,可在线阅读,更多相关《04-拟物化风格图标设计PPT资料.pptx(33页珍藏版)》请在冰点文库上搜索。
,7/33,拟物化设计的概念,拟物化设计的优点外观完全与现实事物相似,用户认知和学习成本低交互与现实事物保持一致动态效果高度统一,给用户以人性化的体贴,8/33,拟物化设计的概念,拟物化设计的缺点花费大量的时间在视觉的阴影和质感效果上要求设计师有更深厚的设计功底和更熟练的软件使用在适配方面比较复杂和麻烦,9/33,拟物化设计的概念,拟物化设计的核心:
提取物体的关键元素,:
它们的关键元素是?
10/33,拟物化设计的概念,拟物化设计的核心:
11/33,需求描述完成拟物化风格日历启动图标设计,演示案例:
拟物化风格日历启动图标设计,实现思路使用形状工具和钢笔工具绘制整体的结构和布局给图标上色,将各部分大致的颜色分出来为图层增加图层样式,通过颜色渐变、内发光、外发光等增加图形的质感和细节,12/33,需求描述完成拟物化风格旋钮设计实现思路使用形状工具和钢笔工具绘制整体的结构和布局给图标上色,将各部分大致的颜色分出来为图层增加图层样式,通过颜色渐变、内发光、外发光等增加图形的质感和细节,课堂练习:
拟物化风格旋钮设计,13/33,目录,拟物化设计的概念拟物化启动图标设计的流程启动图标的设计原则,14/33,拟物化启动图标设计的流程,拟物化启动图标,15/33,拟物化启动图标设计的流程,从实际出发,台球App图标,16/33,拟物化启动图标设计的流程,从现有图形系统出发被人们熟知被人们认同避免引起歧义,设置图标,17/33,拟物化启动图标设计的流程,从竞品出发开始相同类型竞争对手不同平台pcwebphone,18/33,演示案例:
拟物化风格抽屉邮件图标设计,从实际出发。
根据这个设计的需求找到相关素材主题“抽屉”、“邮件”,19/33,演示案例:
拟物化风格抽屉邮件图标设计,从现有图形系统出发,20/33,演示案例:
拟物化风格抽屉邮件图标设计,从竞品出发开始,21/33,演示案例:
拟物化风格抽屉邮件图标设计,需求描述完成拟物化风格抽屉邮件图标设计实现思路使用钢笔工具和图形工具绘制图标的整体结构双击图层缩略图,更改形状图层的颜色为图层增加图层样式,通过添加颜色渐变、内发光、外发光等为图标增加更多的质感和细节将图标作为一张图片进行修整,在最上面增加一个图层调整整体的光感,22/33,需求描述完成拟物化风格复古磁带图标设计实现思路使用形状工具和钢笔工具绘制整体的结构和布局给图标上色,将各大部分大致的颜色分出来为图层增加图层样式,通过颜色渐变、内发光、外发光等增加图形的质感和细节,课堂练习:
拟物化风格复古磁带图标设计,23/33,目录,拟物化设计的概念拟物化启动图标设计的流程启动图标的设计原则,24/33,启动图标的设计原则,严格遵守平台下的规范进行设计,iOS系统启动图标尺寸的设计规范,25/33,启动图标的设计原则,严格遵守平台下的规范进行设计注意App启动图标在设计时要考虑后期是否要印刷,设计时的像素大小直接影响后期印刷效果为了防止图片过大引起的卡机、死机现象,或后期修改带来的被动因素,设计时请尽量使用矢量软件或PS里的矢量工具来设计,26/33,启动图标的设计原则,严格遵守平台下的规范进行设计考虑在各个平台实际应用中的情景必须符合国家相关规定考虑受众群体的审美需求,27/33,演示案例:
拟物化风格相机图标设计,需求描述完成拟物化风格相机图标设计实现思路仔细观察现实中的相机的模样,抓取它的关键元素对相机图标进行拆分使用圆形工具绘制几个同心圆,然后分别为其增加图层样式绘制光晕镜头各个圆形之间的完美对齐,28/33,需求描述完成拟物化风格可爱照相机图标设计实现思路使用形状工具和钢笔工具绘制整体的结构和布局给图标上色,将各部分大致的颜色分出来为图层增加图层样式,通过颜色渐变、内发光、外发光等增加图形的质感和细节,课堂练习:
拟物化风格可爱照相机图标设计,29/33,需求描述完成拟物化风格圆角直尺图标设计实现思路使用形状工具和钢笔工具绘制整体的结构和布局给图标上色,将各大部分大致的颜色分出来为图层增加图层样式,通过颜色渐变、内发光、外发光等增加图形的质感和细节,课堂练习:
拟物化风格圆角直尺图标设计,30/33,本章总结,什么是拟物化风格设计?
拟物化启动图标设计的流程是什么?
启动图标的设计原则是什么?
拟物化和扁平化设计,哪一个更好?
31/33,本章作业,完成本节课所有的演示案例、课堂练习临摹下列拟物化风格图标拟物化风格金属保险箱图标设计拟物化风格湿度计图标设计请教员根据班级情况布置预习,32/33,