《Photoshop界面设计基础教程》第一章用户界面设计1.1什么是界面设计界面设计是为了满足专业化,标准化的需求而产生的对软件的使用进行美化,优化和规范化的设计分支。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种。4.很长的按钮可以框架的分解,要尽量纤细一些,否则页面会显得过于臃肿,进而导致整个页面的效果受到影响。1.5数字化图像基础1.5.1位图图像位图图像也叫点阵图像,是由一个个像素点组成的。这些点可以进行不同的排列和染色已构成样式。当放大位图时,可以看见构成整个图像的无数个像素点。位图图像可以表现丰富的色彩变化并产生逼真的效果,很容易在不同软件之间交换使用,但它保存图像时需要记录每一个像素点的色彩信息,因此占用的存储空间比较大,在进行旋转或放大时会产生锯齿。1.5.2矢量图像矢量图像是由称作矢量的教学对象定义的直线和曲线构成的,它最基本的单位是锚点和路径,平常所见到和使用的矢量图形作品是由矢量软件创建的。矢量图形与分辨率无关,它最大的优点是占用的存储空间较小,并且可以任意旋转和缩放而不会影响图像的清晰度。1.6初识PhotoshopCC1.菜单栏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图像的变换操作1.9.1斜切图像1.9.2扭曲图像1.9.3透视图像1.9.4变形图像1.9.5翻转图像1.9.6自由变换图像1.10设置颜色方法1.10.1使用“吸管工具”选取颜色1.10.2使用“填充”命令设置颜色1.10.3使用“拾色器”对话框设置颜色1.10.4使用“色板”面板设置颜色1.10.5使用“颜色”面板设置颜色第二章图标设计2.1图标设计的意义2.1.1图标的概念图标的概念从广义上来说,是指指代意义的图形符号,具有快速传达被信息和辨于记忆的特性。从狭义上来说,图标仅应用于计算机软件方面,包括程序标识,数据标识,命令选择,...