界面图标设计.ppt

移动设备界面设计： 手机的发展过程： 1973年手机被发明，80年代初商用移动电话出现。 战地通讯设备 第一部完全意义上的手机（无显示屏） 移动设备界面设计： 手机的发展过程： 1973年手机被发明，80年代初商用移动电话出现。 只有按键、听筒、和话筒等硬件界面，是固定电话的延续。 80年代末，带有简单显示屏的手机出现了，但是只能是显示一些数字和固定文字 大哥大摩托罗拉3200 用户界面设计的原则 7．个性化 界面设计的分类 软件界面设计 手机界面设计 播放器界面设计 游戏界面设计 系统界面设计 UI界面设计 家用电器界面设计 界面设计的分类 软件界面设计 界面设计的分类 手机界面设计 界面设计的分类 播放器界面设计 界面设计的分类 游戏界面设计 界面设计的分类 系统界面设计 界面设计的分类 UI界面设计 界面设计的分类 界面图标设计： 界面设计的分类 文化界面设计 界面图标设计： 界面设计的分类 卖场图标设计 界面图标设计： 课程作业 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、透明水晶风格 图标设计： 图标设计风格： 3、卡通风格 图标设计： 图标设计风格： 4、怀旧风格 图标设计： 图标设计风格： 5、马里奥透明风格 图标设计： 图标设计风格： 6、创意风格 图标设计： 图标设计风格： 7、立体风格 图标设计： 图标设计风格： 8、立体风格 图标设计： 图标设计风格： 9、手绘卡通风格 图标设计： 图标设计风格： 10、可爱卡通风格 图标设计： 图标设计注意点