视觉传达设计-软件界面应用系统设计课件.ppt

《视觉传达设计-软件界面应用系统设计课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、视觉传达设计—软件界面应用系统设计应用设计系统网页多媒体软件界面移动终端操作界面固定多媒体机的操作界面寻找交互界面中应用设计的共性原则与差异交互界面VI作业以手机（手持终端）的界面作为品牌延续与设计的载体，分析一个著名品牌在交互界面上品牌的成功设计与体现，以诺基亚、三星、华为、中兴四个品牌的3G手机作为载体（含欧系、日韩系、中系），分基础设计与应用设计两个部分，基础部分在保留元品牌形象的基础上进行交互再设计，应用部分突出以3G业务为主的交互界面设计，界面纵向层级不少于三级，横向不少于三个。整个系统需强调品牌视觉延续、动态交

2、互的特点。最终在有一套将动态以平面形式规范的VI手册同时，有一套基于上述内容的手持终端交互界面品牌设计的动态VI演示。移动终端界面VI应用系统的注意事项1、不同屏幕的大小标准（128X160, 176X220, 240X320象素尺寸是目前较常见的手机屏幕尺寸，建议选择240X320大小的屏幕尺寸进行设计，自由度和发挥空间会大一点 ）2、以平面的VI手册为基础，以频繁使用和最适合移动终端的界面为载体，设计终端的品牌特征，做到Makingit“brandlike”3、屏幕风格、背景色、前景色4、若干种标准屏幕下标准的图标大小

3、、形状、质感的规范当设计一个界面时，选择这几种风格中的一种并坚持使用它。对于同一个家族的图标使用同一种风格，不同的风格使用密切相关的风格。这种技术增加了两个家族之间的对比性，而且避免在页面上产生较多的视觉混淆。如果混合使用将产生一种不和谐的效果。照片、素描、漫画、轮廓、剪影规范化视图：可以使用一个三维透视图来帮助用户理解一幅图像。目前的Apple和Microsoft规范鼓励使用三维立体渲染。如果物体通常以四分之三透视或线性透视被观察到，那么四分之三透视或线性透视将有助于用户认识一个物体。一个物体最常用的视图是能够表示物体并

4、最容易被识别的试图，这被称为物体的规范化视图。如图：一个盒子在三维绘制比二维情况下更容易被识别。5、主要界面的标准化（四个板块的主要功能界面）6、主要动画的标准化（开机、点击反馈、运行中等待等）7、主要文字的标准化8、主要声音的标准化9、尽量建立模板与素材库其它:尺寸问题：128X160, 176X220, 240X320象素尺寸是目前较常见的手机屏幕尺寸，在设计时可以根据实际产品要求进行设计，更大的屏幕可以有更多的交互表现和视觉元素的支持，较为自由。（尺寸： 建议选择240X320大小的屏幕尺寸进行设计，自由度和发挥空

5、间会大一点 ）色彩问题： 由于手机LCD本身的限制，在色彩的还原程度上没有PC如此完善，因此在选用色彩时要根据使用的屏幕进行调节。可实现性问题： 受到硬件运算速度和内存的影响，以及不可预计的后台程序开发难度，过于复杂的效果将很难进行实现，与程序工程师和UI工程师，硬件工程师的沟通显得尤为重要。建议设计的页面1、手机网页2、电话、短信、聊天、计算器、闹钟、天气预报、邮件、便签等基本功能页3、开机、待机、操作反馈（删除、移动信息、选择页面）等基本动画Android系统Yahoo!MessengerforiPhone界面设计

6、Yahoo!官方提供的功能列表（只列出主要的）：发送免费短信：将消息发送至手机。照片分享：利用iPhone拍照并发送照片，或者从相册中选择照片发送。自定义状态信息：除了状态信息之外，还可添加链接。最近聊天存档：在Messages界面中将可以看到最近的聊天记录，点击联系人即可继续聊天。特殊空闲状态：若用户接听电话、打开Safari浏览，Yahoo!MessengerforiPhone将会保持用户的登录状态，并切换至空闲状态。Yahoo!MessengerforiPhone界面使用了Yahoo!一贯的紫色风格，以下三张是Yah

7、oo!MessengerforiPhone的启动画面、登录界面（支持隐身登录，无保存密码选项）、以及用户输入完Yahoo!ID和密码正在登录的界面。登录之后，除了查看联系人之外，还可以自定义状态信息、添加联系人、撰写新消息。有趣的是，无状态信息的情况下，将提示Whatareyoudoing?并且支持分别编辑状态信息及链接（如下中图）。撰写新消息时，自动提示Yahoo!Messenger联系人，并可以选取。Yahoo!MessengerforiPhone支持发送表情、链接、及照片分享（由于以iPodTouch示范，而无拍照选

8、项）。以下是短信发送界面，可以通过撰写新消息中输入手机号（可以输入未添加至联系人列表中的手机号）开始，也可为联系人添加手机号以发送免费短信。Yahoo!MessengerforiPhone的设置项虽包括设置在线状态、个人信息、排序规则、是否显示离线联系人，但不能设置振动和音效（右三图）。紫色的标准色(作