1、3.2 图形设计,图形设计,UI设计: UI 即 User Interface (用户界面) 的简称。 UI设计: 则是指对软件的人机交互、操作逻辑、界面美观的 整体设计。,UI设计要点,简洁的视觉呈现:设计简洁化,去掉繁琐的形态和复杂的色彩表现,加强信息的表达。便捷的交互体验:将用户心理模型与产品模型有机结合起来,消除之间的隔阂与障碍。统一的整体风格:统一的色调,统一的结构,统一的交互行为,有礼物塑造产品性格。,两者区别,1,电池图形的改变2,字体大小的改变3,功能按钮的改变,较早版本 最新版本,颜色:(1)统一色调,针对软件类型以及用户工作环境选择恰当色调。(2)底图颜色,尽量使用浅色,低
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等平面设计软件辅助设计。,左佐工作室AD518最设计,课堂作业(1),通话 信息 图片 音乐,课堂作业(2),设置 通讯录 游戏 日历,课堂作业(3),计算器 地图 语音 时钟,