界面图标的设计.ppt

移动设备界面设计： 手机界面设计几个要点： 1、定制界面版式 A、iIdle（手机待机界面）、mainmenu（主菜单）、submenu（二级菜单）、third level Menu（三级菜单） 移动设备界面设计： 手机界面设计几个要点： 1、定制界面版式 B、界面构成的基本单位 状态区 标题区 操作功能区 公共导航区 移动设备界面设计： 手机界面设计几个要点： 1、定制界面版式 B、界面构成的基本单位 状态区 标题区 操作功能区 公共导航区 表示手机目前运行状态及事件的区域，可以包含信号、电池强度、运营商名称。状态区不 是必须存在，可依据交互需求进行取舍。 主要是LOGE、版本以及相关的图文信息 是软件的核心部分，也是界面面积最大部分，包含列表、焦点、滚动条、图标等不同元素 不同层级的界面包含的元素不同，需要根据具体情况搭配使用。 也称之为软键盘区域，它是对软件操作进行宏观控制区域，所见即所得，它可以保存当前 结果、切换当前操作模块、退出系统、实现对软件的灵活操控 移动设备界面设计： 手机界面设计几个要点： 2、视觉效果 手机的视觉效果应该遵循給用户舒适、生机与活力的原则，通过视觉感官刺激 增加用户的亲和力，适应不同用户的不同心理特征。 移动设备界面设计： 手机界面设计几个要点： 2、视觉效果 A、简约明快型(适合色彩支持较少颜色的彩屏手机） 基于大块颜色和线条的组合方式，不乏大气，简约且精到、精彩。点线面基本元素 的形状构成结合色彩的纯净搭配，干净利落，给用户带来轻松的感受。 课程作业 1、自选内容分别设计两套不同风格主题的界面（包括背景和图标） 场景风格，模拟现实生活的场景，采取摄影，手绘或其他表现方式设计出场景化的多媒体界面（例图） 课程作业 1、自选内容分别设计两套不同风格主题的界面（包括背景和图标）其中一套为个 性化自我介绍的界面。场景风格，模拟现实生活的场景，采取摄影，手绘或其他表现方式设计出场景化的多媒体界面（例图） 2、界面背景要求：整体感强，色彩与图形与图标风格一致且有内在联系 3、图标要求：图标与图标之间保持一定的整体性，按钮与连接内容之间有内在的呼应关系 4、界面规格：1024X768 72dpi 5、作业说明：界面背景 图标 6、评分标准：准确性 趣味性 艺术性 7、交件形式：电脑稿件（图标和综合效果两套） 8、交件时间：课时内完成 图标设计： 一、关于图标 定义：图标设计从某个角度来说，图标有点类似标志、徽标都是为了让人们能够 被它吸引记住。 图标设计： 一、关于图标 2、图标类型 程序图标:指的是那些能够在桌面上单击、选择、移动、双击执行命令的图标，类似于 “我的电脑”“回收站”等等。多数运用于（电脑、掌上电脑、智能手机、操作系统等） 工具栏图标：指的是那些位于工具栏，通过单击选择该工具，然后在画面可以进一步 执行命令的图标。“格式刷”回撤““字体加粗”等（多数运用于操作软件等，常见的PS) 按钮图标：那些位于面板上，形似现实生活中的按钮。（常见的遥控器、触摸屏） 图标设计： 程序图标:指的是那些能够在桌面上单击、选择、移动、双击执行命令的图标，类似于 “我的电脑”“回收站”等等。多数运用于（电脑、掌上电脑、智能手机、操作系统等） 图标设计： 工具栏图标：指的是那些位于工具栏，通过单击选择该工具，然后在画面可以进一步 执行命令的图标。“格式刷”回撤““字体加粗”等（多数运用于操作软件等，常见的PS) 按钮图标：那些位于面板上，形似现实生活中的按钮。（常见的遥控器、触摸屏） 图标设计： 图标属性： 1、图标尺寸：48*48、32*32、24*24、16*16像素一般设计都为正方形 2、色深度：windows支持32位图标。颜色是2的24次方加上一个8位alpha通道可以产生透明的 效果。 图标设计： 图标设计软件： 1、ps、illustrator、Axialis IconWorkshop(图标编辑设计)等都可以， 但是ps设计制作时需要运用像素绘图的工具 是一款功能强大的图标设计工具。它被用来创建、提取、转换、管理和发布 Windows(R)图标。通过它，你能创建、导入和保存所有的Windows(R)图标(ICO)和图标库(ICL)。它支持新的带Alpha通道图像 （a.k.a.平滑透明度）的WindowsXP图标。在这个版本中，你甚至可以打开Macintosh(R)图标并将其转换为Windows(R)格 式。AxialisIconWorkshop将许多的特殊功能完美的整合在一个工作区中。 图标设计： 图标设计风格： 1、水晶系列图标设计 图标设计： 图标设计风格： 2、透明水晶风格 图标设计：