PS【三】--UI设计

1.公共操作

标尺
ctrl + r 标尺的显示和隐藏
右键标尺可更改标尺的单位
删除单根参考线：鼠标移到标尺，左键按住并拖拽拉出参考线，不需要可以用移动共苦拖回标尺删除
删除所有参考线：[视图] – [清楚参考线]
隐藏参考线： ctrl + ；
F8/【窗口】-【信息】，查看选区的宽度和高度

2.图层样式

双击打开图层样式

不透明度作用于图层整体 填充不包括图层样式

图层样式对图像没有任何伤害，操作的当前图层

3.蒙版

蒙版是遮盖图层，不会损坏图层
蒙版只能填 黑 白 灰，黑色是遮盖，白色是显示，灰色是半透明
图层右击创建剪贴蒙版本图层只能在下方图层轮廓中显示

4.pc端设计

画布大小 1920
版心 960 – 1200，为了适配不同分辨率显示器
字号：最小12px，通常双数
文本颜色#333，#666，#999
边框颜色#ccc
板块分组
header 头部
nav 导航
banner 轮播图
content 内容
news 新闻
link 链接
footer 底部

5.移动端设计

画布大小750，高度1334或更高
没有版心
字号20-44px

6.精灵图设计

css sprite css精灵图 css雪碧 图片整合技术
优点：
减少向服务器请求次数
大大降低图片总质量
如果想保存透明背景，选png格式