网页设计ps基础笔记整理（一）

                                       

窗口-工具 选项。

首选项（ctrl+K)

1：单位与标尺 单位：像素  文字：像素。

内存使用调大 暂存盘 所有空前的硬盘选上。 内部>外部。

高而窄：很多图层； 很小的图片。 大而平：1-3张大图片。修片。 历史记录：200步。 设置自动保存。

部分快捷键和工具使用

新建：ctrl+N 颜色模式RGB（red green blue） 8位  分辨率72就可以

缩放： 1.ctrl+ 放大 ctrl-缩小 2.针对某块进行放大：鼠标左键拖拽 3.当勾上细微缩放：右边放大 左边缩小。 4.首选项设置鼠标滚轮。

想要看网页设计整体效果：F切换 适合屏幕 填充屏幕 。 抓手工具：空格。

网页究竟应该做多大？

可以做一个调查通过 百度流量研究院。 得到全国人民的一个分辨率使用情况。在结合项目看自己目标对象位于哪个群体。就像 搜狐、新浪这些门户网站面对的是全国人民。

方法：企业网站：1280 86% 1200 1.调研 百度 http://tongji.baidu.com/ 2.删除非常规的PC尺寸和其他。 3.排序 4.目标对象 5.选取一档

网页宽度=屏幕宽度-纵向滚动条。 确保横向上没有滚动条。 网页首屏就是不滚动纵向滚动条的第一屏，首屏高度就是屏幕的高度-PC的任务栏-浏览器的菜单等等。

方法： 调整自己PC的分辨率，然后打开浏览器，用PS里面的框选工具去量。 要确保重要的文案、重要的图片在首屏高的范围以内。

标尺和参考线 标尺：ctrl+r 锁定参考线 alt+ctrl+分号 显示/隐藏参考线：ctrl+;

字体

设计网页字体规范-—首行缩进 ：字体大小*2 2个字 行高：1.5左右 1.5-2倍行高 字距：字和字之间的距离 保持0 加粗：字体里面点击仿粗体按钮 复制一层，然后方向键右移1像素 段间距：回车，一个回车就是一段。 避头尾法则： 行首：不能有句号、逗号、感叹。。。。 行末：（，《，  连字-针对英文 加了一个连字符。

先设置中文，然后设置英文。因为设置中文会改变英文格式，中文字库大，包含了26个英文。 网页字体大多是微软雅黑 ，英文为-arail

图层中文本右键，可以对点文本和段落文本进行互相转换。（ 强调： 宋体：12-16就好，无效果，更多应用在正文中。超大宋体则加抗锯齿效果。 微软雅黑：加抗锯齿效果。） 目的：模拟开发后的效果，因为这些字是写在代码里的。

蚂蚁线画图形和形状做图形的主要分别是选区做图放大缩小影响质量 形状做图放大缩小不影响质量。 形状工具，选项栏上有填色而矢量图形则需先找出选区进行填色。

混合选项-渐变叠加

仿造颜色：针对两个渐变非常非常接近。使渐变过渡更加平滑

透明区域：针对透明，显示或者不显示

描边：内部比较好。外部会产生圆角。

渐变： 与图层对齐。 勾选：渐变是针对该图层。 不勾选：渐变式针对整块画布。

增加颜色：点击下方色标 删除：往下拖动  中点：决定过渡效果。 下方色标决定颜色，上方色标决定不透明度。

样式：可以改变渐变的方向和空间效果。