文档介绍：青岛大学本科课程设计题 目: UI 设计学 院: 电子信息学院专 业: 电子信息工程青岛大学 电信互认课程设计2017 年 9 月 15 日1青岛大学 电信互认课程设计一、 设计任务UI 设计: logo  页面设计二、  基本概念和操作:(1)平面设计平面设计/视觉传达:以视觉为导向,通过图像来传递信息的一门艺术。原则:信息传达清晰准确;画面效果美观。包含:海报招贴、书籍画册排版、VI(Visual Identity)设计/企业形象设计 等等。软件:Photoshop(PS) illustrator(Ai) corelDRAW(cdr)indesign(ID)(2)PhotoshopAdobe Photoshop,简称“PS”,是由 Adobe 公司开发和发行的图像处理软件。Photoshop 主要处理以像素所构成的数字图像。版本:1990——2003 ——(CS)早期的 Photoshop 版本。2青岛大学 电信互认课程设计2003——2013 Photoshop CS——Photoshop CS6成熟期的 Photoshop 版本,确立了在位图处理领域的核心地位。2014——2017 2014——2017Photoshop 标准版,着重加强了 UI 开发功能。(3)位图和矢量图位图:亦称为点阵图像或绘制图像,是由称作像素(图片元素)的单个点组成的。如:建筑立面马赛克拼图。常见文件格式:jpg/jpeg png gif tiffJpg 图俗称“勾图”。互联网上我们看到的图片全是位图。矢量图:矢量图也称之为为向量图,是图形学中基于数学方程的几何图形,由边线和填色组成。如:圆的数学公式:(x-a)²+(y-b)²=r²。常见文件格式:ai epscdr 。矢量图一般作为图片的制作源文件或者印刷喷绘的源文件。 界面介绍3青岛大学 电信互认课程设计图 1-1包括菜单栏、工具栏、属性栏、浮动面板、工作区。可以选择更改屏幕模式:使用 tab 键或 f 键。还包括两种模式:标准模式或全屏模式(大师模式)。(1)打开图片的方式文件(菜单)——> 打开(ctrl + O)拖拽右击——> 打开方式修改图片的默认打开方式 右击——> 属性(2)新建文件/画布 (ctrl+ N)像 素:是构成数码影像的基本单元点图片尺寸:是指图像的长和宽,单位是 mm、cm、英寸······等长度单位分 辨 率:是指单位长度内包含的像素点的数量,它的单位通常为像素/英寸(ppi 或 dpi,区别于平时所说的手机屏幕分辨率)右击图片——> 属性——> 详细信息图片总像素=(长*分辨率)*(宽*分辨率)图片总像素= 横向像素数 * 纵向像素数尺寸一定的情况下,分辨率越大总像素数越多。颜色模式:RGB CMYK位 深 度:8 位 2 的 8 次方 例:从纯黑到纯白有 256(2 的 8 次方)个色阶保存和另存为:PSD jpg/jpeg png(可以保存透明底图片) gif(可保存动态图片)(3)图层介绍移动工具: V4青岛大学 电信互认课程设计图层面板:F7新建图层:ctrl + shift + N点击图层面板新建按钮复制图层 ctrl + J拖拽目标图层至新建图层按钮按住 alt 用移动工具拖动图层删除图层:delete 或者 backspace 右击——> 删除图层点击或者拖拽目标图层至删除按钮显示/隐藏图层:锁定编组链接合并图层 ctrl + E盖印图层 ctrl + shif + alt + E图层顺序: 向上/下移动 1 层 ctrl + 【/】直接移动到顶/底 ctrl + shift +【/】用鼠标拖动图层到合适 的位置5青岛大学 电信互认课程设计(4)历史记录历史记录面板 窗口(菜单)——> 历史记录后退 ctrl + Z连续后退 ctrl + alt + Z (注:与 qq 热键冲突)修改默认历史记录步数编辑(菜单)——> 首选项——> 性能——> 历史记录状态(5)自定义暂存盘图 1-2在运行 PhotoShop 的时候,会产生一个 photoshop 临时文件,会占用大量的内存空间,如果内存满了临时文件会暂时存放在暂存盘。更改暂存盘的位置(默认是 C 盘),方法如下:编辑---》首选项---》性能——》暂存盘(选一个相对较大的盘符)。(6)自定义快捷键(建议使用默认快捷键)编辑——》键盘快捷键(7)基本选取工具介绍工 具 箱:窗口(菜单栏)—> 工具6青岛大学 电信互认课程设计选区概念: 蚂蚁线 选区隐藏(ctrl + H)选区布尔运算:加选 shit,减选 ctrl,交叉选 ctrl+alt取消选择: ctrl + D 选择