图形设计UI图标设计PPT课件

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