美文网首页
重构技巧之设计稿篇

重构技巧之设计稿篇

作者: 剑锈酒残 | 来源:发表于2019-02-02 10:04 被阅读0次

一、Photoshop

● 在顶部菜单选择窗口 - 图层,把图层面板调出来,如图所示。

使用生成功能切图教程:https://helpx.adobe.com/cn/photoshop/using/generate-assets-layers.html

或右键相应图层,选择“导出为”。

●常用快捷键:

- ctrl + 1 页面放大为100%,alt + 轮滚 可缩放页面;

- ctrl + 鼠标左键 可快速选中图层/组

● TinyPNG压缩图片工具:https://pan.baidu.com/s/1mkGeiCyIcD-RdhssiAATlA

二、XD篇

● 按住空格同时按鼠标可以拖设计稿;

● ctrl+1可以缩放到100%,+2缩放到200%;

● alt按住一个元素,鼠标划到另外一个元素可以获得他们的间距;

● 双击元素可以获得它的所有属性值,如果第一次没双击到所要选的元素,请多双击几次;

● ctrl+e可以导出图片。

相关文章

  • 重构技巧之设计稿篇

    一、Photoshop ●在顶部菜单选择窗口 -图层,把图层面板调出来,如图所示。 使用生成功能切图教程:http...

  • 覆盖(重写),重构,重载的区别

    重构, 是对软计设计方法的描述, 这个层面是架构和设计方法。 重构是一个软件维护的通用技巧, 重构的具体做法, 可...

  • 重构的技巧

    重构的技巧 重构的技巧

  • 深入了解viewport和px

    刚开始接触移动页面重构,是不是很迷惑应该按照多大的尺寸制作?320、640还是720?按照640的设计稿重构完页面...

  • 1.设计模式简介

    github地址 课程目标 理解松耦合设计思想 掌握面向对象设计原则 掌握重构技巧法改善设计 掌握GOF核心设计模...

  • 改善代码既有设计——第六章笔记

    最近读了《重构:改善代码既有设计》这本经典的重构书,平常靠“感觉”的重构被作者整理成一个个小技巧,在这里加以总结,...

  • 使用cocos creator制作小游戏总结

    要点 UI界面重构:可以把设计稿作为最底层节点,逐步把节点对齐设计稿,这样可以免计算节点位置。 使用 VS Cod...

  • 我的重构感悟

    在三年前我就读了《重构改善既有代码的设计》,里面写了很多有关代码重构的技巧,知易行难!我整理了一下重构给我的感悟。...

  • [第三篇]重构-重新组织数据

    事先说明,文章首发于自己个人站点,戳「重构-重新组织数据」之解。 继续「重构-改善既有代码设计」之旅,重构前两章的...

  • 代码重构流程

    目录 重构功能名称 需求整理 需求评审 设计方案 设计评审 代码重构 重构验收 汇总意见 重构功能名称 待重构功能...

网友评论

      本文标题:重构技巧之设计稿篇

      本文链接:https://www.haomeiwen.com/subject/kcfssqtx.html