UI设计之PS界面初始化设置

一、PS界面初始化

1、新建设置

　  web设计的基础标准：宽度为1920px，高度自定义，分辨率72px，背景模式RGB 8位。（提示：可以“存为预设”以便以后直接调用）

    注意：背景内容为透明！！！

2、移动工具设计（快捷键V）

    在查看PSD源文件的时候，查看具有组合和图层的时候，需要移动或者选择某一个图层的时候，可以设置移动工具的“自动选择”功能的图层选择（注意：不必勾选“自动选择”功能，直接修改为图层模式即可）在使用时windows系统按住Ctrl+鼠标单击即可

 

3、视图设置

• 在视图—显示—智能参考下 视图—标志 分别勾上进行显示
• 将无用窗口关闭，仅仅留下图层，历史记录，信息，位置四个窗口

• 设计信息窗口，选择“面板选项”，将第一颜色信息、第二颜色信息，鼠标坐标分别修改为RGB、RGB、像素模式，同时勾选“文档大小”（提示：此设计便于前端人员查看文件信息，设置绝对定位等信息）

　　　　                                  

• 编辑—首选项—单位与标尺：讲单位均改为像素，确定即可

4、保存界面初始化设置

    窗口—工作区—新建工作区 自定义名称保持即可，以便以后使用

  

二、自动切图初始化

1、编辑—首选项—增效工具-启用生成器  勾选

2、文件-生成-图像资源 勾选

3、直接修改需要部分的名称为（.jpg,png等格式）

4、@2x Retina 图片的输出，在图层前添加 200% 即可，如 200% logo@2x.png

详细可参考：http://www.missyuan.net/school/ps_2014/photoshop_13773.html