第4章 用户界面设计工具.pptVIP

哈工大软件学院 2. 图形图像设计软件工具 1．图像的类型 2．图像分辨率 3．图像色彩模式 4．常见的图像文件格式 1. 图层 2. 路径与选区 3. 通道与蒙板 * 《用户界面设计》 本章主要内容 4.1 用户界面设计工具简介 4.2 平面设计工具—Photoshop 4.3 可视化编程工具—Delphi 第4章 用户界面设计工具 本章主要内容 4.1 用户界面设计工具简介 4.2 平面设计工具—Photoshop 4.3 可视化编程工具—Delphi 第4章 用户界面设计工具 可以画出用户界面构思、设计图的工具： 如 Word、Powerpoint、Excel、Adobe Persuasion等 目前流行的可视化编程工具都包含界面设计工具包，包含诸如窗口、菜单、编辑框、滚动条、按钮等 Microsoft Visual C/C++ Microsoft Visual Basic Borland Delphi Sybase PowerBuilder 网页界面制作工具： Microsoft Frontpage,Macromedia Dreamweaver,EXT框架等 第4章 用户界面设计工具4.1 用户界面设计工具简介 3. 界面编程工具 1. 用户界面描述工具 用来制作界面元素、界面效果图的工具： 如 Photoshop、FreeHand、Coreldraw、3DMax等 本章主要内容 4.1 用户界面设计工具简介 4.2 平面设计工具—Photoshop 4.3 可视化编程工具—Delphi 第4章 用户界面设计工具 Adobe公司推出的平面设计工具。 强大的图形、图像绘制与处理功能。 4.2.1 图像与色彩模式 4.2.2 Photoshop重要概念 4.2.3 操作示例 第4章 用户界面设计工具4.2 平面设计工具—Photoshop 位 图：   矢量图： 第4章 用户界面设计工具4.2 平面设计工具—Photoshop 4.2.1 图像与色彩模式 又称栅格图，由许多像素组成 位图处理就是编辑像素不是图像本身 位图的清晰度与分辨率有关，缩放会失真 由数字对象定义的直线和曲线组成，由图形的几何 属性描述的图像 矢量图的清晰度与分辨率无关，可任意缩放不失真 （1）图像分辨率： （2）设备分辨率： （3）位分辨率： 第4章 用户界面设计工具4.2 平面设计工具—Photoshop 4.2.1 图像与色彩模式  每英寸长度范围含像素点个数，单位是dpi 该分辨率同设备无关，是逻辑概念。 每单位长度能够输出的图像点数，由设备硬件决定 例如显示器、打印机、数码相机等。 又称位深，表示每个象素点的颜色数量信息 比如8位、16位、24位等 ？？图像分辨率与显示器、打印机分辨率的关系 （1）RGB色彩模式 （2）CMYK色彩模式 （3）HSB色彩模式 （4）Lab色彩模式 第4章 用户界面设计工具4.2 平面设计工具—Photoshop 4.2.1 图像与色彩模式 Red(红)：0～255 Green(绿)：0～255 Blue(蓝)：0～255 Cyan(品蓝)： 0～100％ Magenta(品红)：0～100％ Yellow(品黄)：0～100％ blacK(黑色)： 0～100％ Hue(色调)： 0～360°（将色环分成足够密的色调） Saturation(饱和度)：0～100％（浓度） Brightness(亮度)： 0～100％ L：光亮度 0～100 a：a分量(从绿到红) -128～+127 b：b分量(从蓝到黄) -128～+127 PSD - Adobe公司推出，Photoshop文件格式 BMP - Microsoft公司推出，标准位图格式 JPEG- 联合图象专家组(Joint Picture