图形设计(UI图标设计).教学教材
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
• 统一的整体风格： 统一的色调，统一的结构，统一的交互行为，有礼物塑造产品性格。
两者区别
1,电池图形的改变 2,字体大小的改变 3,功能按钮的改变
较早版本
最新版本
• 颜色：
（1）统一色调，针对软件类型以及用户工作环境选择恰当 色调。
（2）底图颜色，尽量使用浅色，低对比，尽量少的使用颜 色。
课堂作业（1）
• 通话 • 信息 • 图片 • 音乐
课堂作业（2）
• 设置 • 通讯录 • 游戏 • 日历
课堂作业（3）
• 计算器 • 地图 • 语音 • 时钟
此课件下载可自行编辑修改，仅供参考！ 感谢您的支持，我们努力做得更好！谢谢
图形设计(UI图标设计).
图形设计
UI设计: UI 即 User Interface (用户界面) 的简称。 UI设计: 则是指对软件的人机交互、操作逻辑、界面美观的
整体设计。
UI设计要点
• 简洁的视觉呈现： 设计简洁化，去掉繁琐的形态和复杂的色彩表现，加强信息的表达。
• 便捷的交互体验： 将用户心理模型与产品模型有机结合起来，消除之间的隔阂Biblioteka Baidu障碍。
（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等平面设计软件辅助设计。
• @左佐工作室 • @AD518最设计
两者区别
1,电池图形的改变 2,字体大小的改变 3,功能按钮的改变
较早版本
最新版本
• 颜色：
（1）统一色调，针对软件类型以及用户工作环境选择恰当 色调。
（2）底图颜色，尽量使用浅色，低对比，尽量少的使用颜 色。
课堂作业（1）
• 通话 • 信息 • 图片 • 音乐
课堂作业（2）
• 设置 • 通讯录 • 游戏 • 日历
课堂作业（3）
• 计算器 • 地图 • 语音 • 时钟
此课件下载可自行编辑修改，仅供参考！ 感谢您的支持，我们努力做得更好！谢谢
图形设计(UI图标设计).
图形设计
UI设计: UI 即 User Interface (用户界面) 的简称。 UI设计: 则是指对软件的人机交互、操作逻辑、界面美观的
整体设计。
UI设计要点
• 简洁的视觉呈现： 设计简洁化，去掉繁琐的形态和复杂的色彩表现，加强信息的表达。
• 便捷的交互体验： 将用户心理模型与产品模型有机结合起来，消除之间的隔阂Biblioteka Baidu障碍。
（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等平面设计软件辅助设计。
• @左佐工作室 • @AD518最设计