• 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

  • 相关阅读:
    java集合 stream 相关用法(1)
    ICE新手入门版
    spring中关于FeignClient的错误 QueryParam.value() was empty on parameter 1
    Java Base64解析
    Java RSA加密以及验签
    项目拆分子工程(简单版)
    mysql "ON DUPLICATE KEY UPDATE" 的使用
    关于多定时任务开发
    AtomicInteger保证线程安全的全局变量
    C++矩阵库 Eigen 快速入门
  • 原文地址:https://www.cnblogs.com/BetterMyself/p/5333277.html
Copyright © 2020-2023  润新知