UI设计－从图标到界面完美解析第五章 图形、图标设计.pptx

文档介绍：从图标到界面完美解析
UI
设计
主讲教师:XXX
第五章
图形、图标设计
CONTENTS
目录
01
简约扁平化ICON设计
02
三维效果ICON设计
01
简约扁平化ICON设计
第五章图形图标设计
简约扁平化ICON设计
图标设计的不同阶段
设计师设计一个好的图标必须经历以上几个阶段!
第五章图形图标设计
简约扁平化ICON设计
一、图标创意
其实这个阶段之前还有个重要的步骤,就是创意准备。
根据我们所要做的项目需求,确定ICON图标的风格样式,这一步在界面设计过程中,,有潜力的公司会制定"用户角色",用来指导界面视觉风格方向、界面内容建构和交互设计等!
第五章图形图标设计
简约扁平化ICON设计
二、草图绘制
这个阶段就是把我们的创意绘制出来,检验下视觉关系,也就是在视觉方面多在草图上推敲,这样效率高些,避免在渲染完后来后悔。首先要确定我们图标***,这是关系到一套方案中的每个图标的***方向,这是在图标设计一致性方面的基本要求,***统一。然后一步步的添加细节。
第五章图形图标设计
简约扁平化ICON设计
三、图标视觉分析
一个图标要表达一定的含义就必须组合不同的形态,借助单个形态所传达的内在信息,拼合在一起去传达另外一种信息。
例如在设计“导航”功能图标时候:我们第一反应是与卫星有关,但就以单个卫星的外形来传达导航的含义恐怕不狗,于是再联想与导航有关的信息图示:“坐标”“旗帜”“陆地”等。再经过设计师以视觉平衡原理合理的布置他们之间的主次、空间关系。要注意的是:不可随便使用其与要表达功能相关的图形或物体,要经过精心的挑选,最好是大家熟悉、易记的物或形,毕竟我们的目的是要帮助用户更形象的理解计算机程序的内在功能含义,以易记、易懂为前提。也不能借助过多的图形来表达图标含义,过于复杂反而影响用户的理解。
第五章图形图标设计
简约扁平化ICON设计
四、草图渲染阶段
自己觉得草图已经很清楚的表达了自己的想法,并且也能与功能信息密切的吻合,那就开始伟大的渲染工程吧!
渲染工具:PHotoshop、Illustrator、Sketch、Firework等软件来绘制
第五章图形图标设计
简约扁平化ICON设计
简约扁平化ICON设计