ui界面设计2资料.pptVIP

简单网页设计制作实例 5.能力拓展 颜色的使用 自定图形工具的使用 渐变填充的使用…… 本章集中介绍了使用Photoshop制作各种简单的UI界面常用元素。对于图形、控件、图标等的制作可以灵活选择各种工具，如路径工具、擦除工具等。因此，读者需要不断熟悉各种工具的使用，同时能根据设计思想灵活的运用工具以达到图像处理的目的。 本章小结 Company Logo Company Logo Company Logo Company Logo Company Logo Company Logo Company Logo 第一章 UI界面设计相关知识 1 2 3 4 UI界面设计的概念 UI设计的流程 UI界面设计的规范 界面设计的常用工具 目录 了解UI设计的概念 了解UI设计的流程 了解UI界面设计的规范 了解UI界面设计与用户体验的关系　 　 知识目标 能使用photoshop软件制作UI界面常用元素。 能力目标 UI的本意是用户界面 是英文用户User和 界面Interface的缩写。 什么是界面设计（UI）？ 界面——UI即User Interface(用户界面)的简称。广义上来讲，UI界面是人与机器进行交互的操作平台，即用户与机器相互传递信息的媒介。 1.UI界面设计的概念 界面设计的内容包括：图形、文字、色彩、编排，使界面起到美化效果的作用。需要研究用户需求，研究目标用户。 1.UI界面设计的概念 2. UI设计的流程 3. UI界面设计的规范 界面设计 规范： 用于界面设计, 读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 UI界面设计视觉规范的构成 界面设计总体规范 1 文本规范 2 间距边距规范 3 按钮规范 4 图片规范 5 其它规范 6 3. UI界面设计的规范 Diagram Illustrator CorelDraw Photoshop Fireworks 4.界面设计的常用工具 其他软件： Xara Xtreme 、Axialis Icon Workshop、 Flash、3ds Max…… 本章主要对界面设计的基本概念、流程、规范等进行了讲解。让大家对界面设计有一些初步认识。 本章小结 实战：各种UI界面常用元素制作 1 2 3 4 5 常用图形制作 常见控件制作 创意图标设计与制作 知识拓展  能力拓展  目录 熟悉使用Photoshop制作各种简单的UI界面常用元素。可以灵活选择各种工具，如路径工具、擦除工具等。能绘制简单图形、控件、图标等。 　 　 学习目标 圆形、圆角 多边形 直线 常用图形制作 1.常用图形制作 2.常见控件制作 按钮的制作 下拉选择框 滑动条 TAB切换 气泡对话框 常见控件制作 2.常见控件制作 拟物化设计风格图标 扁平化设计风格图标 创意图标设计与制作 3.创意图标设计与制作 Diagram 知识拓展 路径工具 形状工具 …… 擦除类工具 …… …… 4.知识拓展 响应式图标 Company Logo Company Logo Company Logo Company Logo Company Logo Company Logo Company Logo