当前位置:文档之家› 视觉传达设计软件界面应用系统设计PPT课件

视觉传达设计软件界面应用系统设计PPT课件

中选择照片发送。 • 自定义状态信息:除了状态信息之外,还可添加链接。 • 最近聊天存档:在 Messages 界面中将可以看到最近的
聊天记录,点击联系人即可继续聊天。 • 特殊空闲状态:若用户接听电话、打开 Safari 浏览,
Yahoo! Messenger for iPhone 将会保持用户的登录状态, 并切换至空闲状态。
• 1、手机网页 • 2、电话、短信、聊天、计算器、闹钟、
天气预报、邮件、便签等基本功能页 • 3、开机、待机、操作反馈(删除、移动
信息、选择页面)等基本动画
Android系统
Yahoo! Messenger for iPhone 界面设计
• Yahoo! 官方提供的功能列表(只列出主要的): • 发送免费短信:将消息发送至手机。 • 照片分享:利用 iPhone 拍照并发送照片,或者从相册
移动终端界面VI应用系统的注意事项
• 1、不同屏幕的大小标准 • (128X160, 176X220, 240X320 象素尺寸是目前较
常见的手机屏幕尺寸,建议选择240X320大小的 屏幕尺寸进行设计,自由度和发挥空间会大一点 ) • 2、以平面的VI手册为基础,以频繁使用和最适合 移动终端的界面为载体,设计终端的品牌特征, 做到Making it “brand like” • 3、屏幕风格、背景色、前景色 • 4、若干种标准屏幕下标准的图标大小、形状、质 感的规范
• 一个物体最常用的视图是能够表示物体并最容易被识 别的试图,这被称为物体的规范化视图。如图:一个 盒子在三维绘制比二维情况下更容易被识别。
• 5、主要界面的标准化(四个板块的主要 功能界面)
• 6、主要动画的标准化(开机、点击反馈、 运行中等待等)
• 7、主要文字的标准化 • 8、主要声音的标准化 • 9、尽量建立模板与素材库
• Yahoo! Messenger for iPhone 支持发送表情、链接、及 照片分享(由于以 iPod Touch 示范,而无拍照选项)。
• 以下是短信发送界面,可以通过撰写新消息中输入手机号(可以 输入未添加至联系人列表中的手机号)开始,也可为联系人添加 手机号以发送免费短信 。Yahoo! Messenger for iPhone 的设置项虽 包括设置在线状态、个人信息、排序规则、是否显示离线联系人, 但不能设置振动和音效(右三图) 。
紫色的标准色(作为辅助色的黄色Yahoomessage中不再使用) 标志与变形标志的一致使用
一致的卡通形象 在很好的保留Yahoo品牌形象的同时结合iphone的水晶立体 质感与灰色形成Yahoo-iPhone形象
iPhone Interface Samples iPhone界面实例 iPhone界面元素素材,包含按钮、字体、文字、设计模 式等内容。
尽管界面的内容与色彩复杂,但共同保留了iphone的一点品牌形象
三星
• 1993年起,三星开始实行企业印象整合作业(CI)制定了全新的三 星logo标准设计方案,将色彩统一定为蓝色(Pantone286:M80%+ C100%),利用了蓝色对各国人的普遍印象——安全感、信赖感, 起到了强化企业特征的作用,并将企业印象与特定色彩连贯化。
照片、素描、漫画、轮廓、剪影
• 当设计一个界面时,选择这几种风格中的一种并坚持 使用它。对于同一个家族的图标使用同一种风格,不 同的风格使用密切相关的风格。这种技术增加了两个 家族之间的对比性,而且避免在页面上产生较多的视 觉混淆。如果混合使用将产生一种不和谐的效果。
• 规范化视图:
• 可以使用一个三维透视图来帮助用户理解一幅图像。 目前的Apple和Microsoft规范鼓励使用三维立体渲染。 如果物体通常以四分之三透视或线性透视被观察到, 那么四分之三透视或线性透视将有助于用户认识一个 物体。
• 分基础设计与应用设计两个部分,
• 基础部分在保留元品牌形象的基础上进行交互再设计,
• 应用部分突出以3G业务为主的交互界面设计,界面纵向层 级不少于三级,横向不少于三个。
• 整个系统需强调品牌视觉延续、动态交互的特点。
• 最终在有一套将动态以平面形式规范的VI手册同时,有一 套基于上述内容的手持终端交互界面品牌设计的动态VI演 示。
Байду номын сангаас • 其它:
• 尺寸问题: 128X160, 176X220, 240X320 象素尺寸是目 前较常见的手机屏幕尺寸,在设计时可以根据实际产 品要求进行设计,更大的屏幕可以有更多的交互表现 和视觉元素的支持,较为自由。 (尺寸: 建议选择240X320大小的屏幕尺寸进行设计, 自由度和发挥空间会大一点 )
• 色彩问题: 由于手机LCD本身的限制,在色彩的还原 程度上没有PC如此完善,因此在选用色彩时要根据使 用的屏幕进行调节。 可实现性问题: 受到硬件运算速度和内存的影响,以 及不可预计的后台程序开发难度,过于复杂的效果将 很难进行实现,与程序工程师和UI工程师,硬件工程 师的沟通显得尤为重要。
建议设计的页面
• Yahoo! Messenger for iPhone 界面使用了 Yahoo! 一贯的 紫色风格,以下三张是 Yahoo! Messenger for iPhone 的 启动画面、登录界面(支持隐身登录,无保存密码选 项)、以及用户输入完 Yahoo! ID 和密码正在登录的界 面。
• 登录之后,除了查看联系人之外,还可以自定义状态信息、添加联系人、 撰写新消息。有趣的是,无状态信息的情况下,将提示 What are you doing? 并且支持分别编辑状态信息及链接(如下中图)。撰写新消息时, 自动提示 Yahoo! Messenger 联系人,并可以选取。
视觉传达设计 —软件界面应用系统设

应用设计系统
• 网页 • 多媒体软件界面 • 移动终端操作界面 • 固定多媒体机的操作界面
• 寻找交互界面中应用设计的共性原则与差异
交互界面VI作业
• 以手机(手持终端)的界面作为品牌延续与设计的载体,
• 分析一个著名品牌在交互界面上品牌的成功设计与体现,
• 以诺基亚、三星、华为、中兴四个品牌的3G手机作为载体 (含欧系、日韩系、中系),
相关主题