ui界面设计资料.pptVIP

I?S?B?N ：9787121241604 Company Logo Company Logo Company Logo Company Logo Company Logo Company Logo Company Logo 第一章 UI界面设计相关知识 I?S?B?N ：9787121241604 1 2 3 4 UI界面设计的概念 UI设计的流程 UI界面设计的规范 界面设计的常用工具 目录 I?S?B?N ：9787121241604 了解UI设计的概念 了解UI设计的流程 了解UI界面设计的规范 了解UI界面设计与用户体验的关系 掌握 Photoshop CC中图像常用基本操作 掌握 Photoshop CC选区的基本操作 掌握 Photoshop CC画笔工具的使用。 　 　 知识目标 I?S?B?N ：9787121241604 能绘制、修改选区。 能熟练使用画笔工具。 能力目标 I?S?B?N ：9787121241604 UI的本意是用户界面 是英文用户User和 界面Interface的缩写。 什么是界面设计（UI）？ 界面——UI即User Interface(用户界面)的简称。广义上来讲，UI界面是人与机器进行交互的操作平台，即用户与机器相互传递信息的媒介。 1.UI界面设计的概念 I?S?B?N ：9787121241604 界面设计的内容包括：图形、文字、色彩、编排，使界面起到美化效果的作用。需要研究用户需求，研究目标用户。 1.UI界面设计的概念 I?S?B?N ：9787121241604 2. UI设计的流程 I?S?B?N ：9787121241604 3. UI界面设计的规范 界面设计 规范： 用于界面设计, 读者对象是项目管理人员、售前服务人员、UI界面设计人员、界面评审人员和配置测试人员。 I?S?B?N ：9787121241604 UI界面设计视觉规范的构成 界面设计总体规范 1 文本规范 2 间距边距规范 3 按钮规范 4 图片规范 5 其它规范 6 3. UI界面设计的规范 Diagram Illustrator CorelDraw Photoshop Fireworks 4.界面设计的常用工具 其他软件： Xara Xtreme 、Axialis Icon Workshop、 Flash、3ds Max…… 1.选区工具 2.选择菜单色彩范围 3.路径描绘 4.通道 5.滤镜抽出 建立选区的方法汇总 1 界面设计的常用工具——Photoshop 4.界面设计的常用工具 I?S?B?N ：9787121241604 1.画笔调板的设置 2.颜色的选择 3.定义画笔 4.载入画笔 熟悉画笔工具 1 界面设计的常用工具——Photoshop 4.界面设计的常用工具 I?S?B?N ：9787121241604 直径：设置笔刷大小 喷枪：按下此按钮后画笔的使用具有喷枪的属性，只要打开喷枪（按下鼠标左键）涂料一直喷出，颜色会越来越浓。 画笔工具 界面设计的常用工具——Photoshop 4.界面设计的常用工具 I?S?B?N ：9787121241604 画笔调板：【窗口】/【画笔】（F5） 界面设计的常用工具——Photoshop 4.界面设计的常用工具 I?S?B?N ：9787121241604 画笔初始形状 直径：设置画笔的大小尺寸 角度：设置画笔的旋转角度圆度：设置画笔的高度缩放比例硬度：设置画笔的边缘属性，数据越大边缘越硬，数据越小边缘越羽化、间距：设置点之间的距离。 界面设计的常用工具——Photoshop 4.界面设计的常用工具 I?S?B?N ：9787121241604 形状动态属性 控制尺寸波动幅度 控制最小尺寸幅度 控制角度波动幅度 控制圆度波动幅度 控制最小圆度波动幅度 界面设计的常用工具——Photoshop 4.界面设计的常用工具 I?S?B?N ：9787121241604 I?S?B?N ：9787121241604 散步属性：控制画笔偏离鼠标移动路径的程度 控制笔刷偏离鼠标移动路径的程度 控制构成线条的画笔的多少 界面设计的常用工具——Photoshop 4.界面设计的常用工具 双重画笔：用于将另外一种画笔叠加在当前画笔上。 色彩动态属性：用于控制色彩在前景色背景色之间变化属性 其他动态属性 不透明度、流速波动：控制色彩浓度波动。 控制方式：选项同前。渐隐方式指在一定距离内色彩浓度波动至透明。 杂点：勾选后为笔刷增添杂点。 湿边：勾选此项画笔具有中间浓度淡，边沿浓度深效果，铅笔不具备此项。 喷枪：同属性栏上喷枪。 平滑：勾选此项可以使画笔边缘较平滑。 保护纹理：