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

原文地址:https://www.cnblogs.com/BetterMyself/p/5333277.html