人机交互页面设计基础

人机交互页面设计基础（笔记）

Photoshop简介

1、像素

图片有很多点构成，每一个点就叫做像素。

2、分辨率

（1）显示器分辨率：指每单位长度显示的像素或点的数目。
（2）图像分辨率：单位打印长度上，像素的个数，单位ppi。
（3）常用分辨率：电脑图片一般为72像素；手机一般为96像素；打印A4一般150或者300像素；巨幅海报30像素（AI，CDR）

3、图像分类

（1）位图：放大后图片会模糊，会出现锯齿（例如Photoshop格式就是位图）
（2）矢量图：由关键点和线条构成；
			放大后，图像清晰度不会发生改变（例如flash格式就是矢量图）
（3）图像格式：1.jpg：色彩丰富，还原真实色彩，高清，可以调整画面质量。
			2.png：拥有jpg的特征之外，还有透明效果，可以覆盖。
			3.gif：动态，但色彩失真
（4）颜色模式：1.RGB 2.灰度模式（只有灰度，没有色度饱和度，图片是黑白的）3.CMYK模式（印刷模式）

4.常用快捷键

（1）F进入全屏模式（2）ctrl+d取消选择（3）ctrl+ +/- 放大/小（4）shift使图片正方形变化（5）space拖动不放（6）Tab隐藏工具栏（7）ctrl+r标尺工具