Photoshop界面设计基础教程教案.pdfVIP

^Photoshop界面设计基础教程》

第一章用户界面设计

i.i什么是界面设计

界面设计是为了满足专业化，标准化的需求而生的对软件的使用进行美化，优化和规

范化的设计分支。

1.2图形界面的分类

1.2.1软件界面

1.2.2网站界面

网站界面必须具有创意性和独立性，但最重要的是让月户更方便的查找信息，能够感受到

简便的操作所带来的乐趣，

1.2.3手机界面

1.2.4系统桌面界面

1.2.5游戏界面

1.2.6播放器界面

1.3交互概念与图形界面

人机交互是一门研究用户与系统之间交互关系的学问，系统可以是计算机化

的系统和软件。图形界面通常指的是用户可见的部分，是人与计算机或者软件之

间传递，交换信息的媒介和对话的接口，是用户与系统之间交流的平台，它们之

间有着紧密的联系，但又是两个完全不同的概念。

1.4导航栏和按钮的设计要点

1.4.1导航栏

导航栏通常是指位于页眉区域的，在页眉横幅图片上边或下边的一排水平导航按钮，它

起着链接各个页面的作用,导航栏如果设计得恰到好处会给网页本色增色很多，但设计不要

过于花哨，导航栏属于功能物件，切莫喧宾夺主。

在导航栏的设计中需要注意以下几点：

1.导航栏目不多的情况下，通常是一排，横竖都可以。当栏目超过6个，就可以考虑使用

两排。

2.导航栏目很多的情况下也可以采用多排形式，甚至是不规则的多排，商业设计或用户网

站通常都会有多个频道，设计的时候一般考虑横向双排，使用竖排会占用太大的空间。

3.多排导航未必一定要排在一起，可以自由发挥想象设计出更加灵活新颖的版式。

4.通常在内容不多的情况下，可能无所谓栏目，站点就包括了导航的具体内容。

5.图片式导航虽然较为美观，但占用空间较大。

6.包含信息较多的网站可以考虑使用快捷导航，这样浏览者无论进入哪个页面都可以快

跳转到另外的栏目，这样更利于操作。

7.目前网站中使用较多的是体积小，且具有视觉冲击力的Flash导航栏。

1.4.2按钮

网页中按钮的设计主要有以下几点要点：

1.按钮要与页面的整体效果相协调，不能喧宾夺主。

2.如果页面中的内容单一，如大段的文字，主体颜色过于单调或图片色彩过于单一，就需

要依靠花哨的按钮来点缀，

3.考虑图片与字体搭配，要考虑字体是否清楚，色彩搭配是否协调统一，整个页面的颜色

最好不要超过4和1。

4.很长的按钮可以框架的分解，要尽量纤细一曲，否则页面会显得过于臃肿，进而导致整

个页面的效果受到影响。

1.5数字化图像基础

1.5.1位图图像

位图图像也叫点阵图像，是由一个个像素点组成的。这些点可以进行不同的排列和染色已

构成样式。当放大位图时，可以看见构成整个图像的无数个像素点。位图图像可以表现丰富

的色彩变化并产生遇真的效果，很容易在不同软件之间交换使用，但它保存图像时需要记录

每一个像素点的色彩信息，因此占用的存储空间比较大，在进行旋转或放大时会产生锯齿。

1.5.2矢量图像

矢量图像是由称作矢量的教学对象定义的直线和曲线构成的，它最基本的单位是锚点和路

径，平常所见到和使用的矢量图形作品是由矢量软件创建的。

矢量图形与分辨率无关，它最大的优点是占用的存储空间较小，并且可以任意旋转和缩放

而不会影响图像的清晰度，

1.6初识PhotoshopCC

1.菜单栏

2.标题栏

3.选项栏

4.文档窗口

5.工具箱

6.面板

7.状态栏

1.7文件的基本操作

1.7.1新建文件

1.7.2打开文件

1.7.3存储文件

1.PSD格式

2.JPEG格式

3.TIF格式

1.8多选选区的创建与编辑方法

1.8.1选区的创建

1.创建规则状选区

2.创建不规则状选区

1.8.2选区的基本操作

1.全选

2.取消选择

3.重新选择

4.反向

1.8.3选区的编辑

1.移动选区

2.通过命令对选区进行编辑

3.变换选区

4.为选区描边

5.隐藏和显示选区

1.9