图形设计UI图标设计.ppt

@左佐工作室 @AD518最设计 课堂作业（1） 通话 信息 图片 音乐 课堂作业（2） 设置 通讯录 游戏 日历 课堂作业（3） 计算器 地图 语音 时钟 美术设计基础 美术设计基础 * 图形设计 UI设计: UI 即 User Interface (用户界面) 的简称。 UI设计: 则是指对软件的人机交互、操作逻辑、界面美观的 整体设计。 UI设计要点 简洁的视觉呈现： 设计简洁化，去掉繁琐的形态和复杂的色彩表现，加强信息的表达。 便捷的交互体验： 将用户心理模型与产品模型有机结合起来，消除之间的隔阂与障碍。 统一的整体风格： 统一的色调，统一的结构，统一的交互行为，有礼物塑造产品性格。 两者区别 1,电池图形的改变 2,字体大小的改变 3,功能按钮的改变 较早版本 最新版本 颜色： （1）统一色调，针对软件类型以及用户工作环境选择恰当色调。 （2）底图颜色，尽量使用浅色，低对比，尽量少的使用颜色。 （3）原色最好控制在3个颜色以内，最好控制在2个以内。（黑白灰不算在内） 图形： (1)图形元素不宜过多，最好是1-2个元素组合。 (2)透视，光源角度保持一致。光源一般为顶部光源和45°光源。 (3)常见尺寸16*16px,24*24px,32*32px,48*48px,72*72px,128*128px。 （iPhone/iPad 应用图标会被缩放到512*512px） (4)分辨率不能低于72dpi。 1.草图阶段： 使想法，设计灵感具体化，由无形的思维变成有型的图案。 2. 深入阶段： 利用透视法，是图形具有空间感。 3.上色阶段： 色调，颜色数量，渐变等元素的确定。 4.计算机辅助设计： PS，CDR，AI等平面设计软件辅助设计。 美术设计基础 美术设计基础 美术设计基础 美术设计基础 *