美文网首页
「前端眼中的PS」测量及取色

「前端眼中的PS」测量及取色

作者: Rella7 | 来源:发表于2018-09-12 16:00 被阅读0次
  • 测量
    • 选框工具的多用途
  • 取色

测量

所有能接受数字的属性都需要测量并尽可能百分百的还原设计稿。

  • 宽度,高度 (width, height)
  • 内外边距 (padding, margin)
  • 边框 (border)
  • 定位 (position)
  • 文字大小 (font-size)
  • 行高 (line-height),其为第一行的底端到第二行的底端。
  • 背景位置 (background-position)

tips:测量时尽可能放大画布以减少误差。量取文字是为了减少误差尽量选取尺寸大的文字进行测量。

photoshop-measure&colorSelection.png

选框工具的多用途,增(Shift)减(Alt)以及交叉选择(Shift + Alt)。左右(或上下)使用分离选框选择可以得到整两个分离边框的距离总值。

[图片上传中...(photoshop-measure&colorSelection.png-936a30-1536738864055-0)]

取色

所有能接受颜色的属性都需要取色。

  • 边框色
  • 背景色
  • 文字色

tips:

  • 可以使用魔棒工具来判断颜色是否为渐变。
  • Mac OS X 推荐使用 Sip 可在 Mac App Store 免费下载。

相关文章

  • 「前端眼中的PS」测量及取色

    测量选框工具的多用途 取色 测量 所有能接受数字的属性都需要测量并尽可能百分百的还原设计稿。 宽度,高度 (wid...

  • 前端学习路线图

    什么是前端 PhotoshopPhotoshop 简介测量及取色切图图片保存 开发及调试工具Sublime 编辑器...

  • 前端用到的PS切图

    参考资料,简书 图层概念 需要掌握的几个要点 使用PS工具 测量与取色 切图 保存 图片优化也合并 ps工具1.修...

  • 1.1.2.1测量、取色

    获取信息 打开设计稿,获取信息 1.尺寸信息→测量 width:200px; 2.颜色信息→取色 color ...

  • 前端开发经验分享(2)

    一,找一个好的测量页面宽高和取色器工具 1.宽高测量工具。取色器(测量宽高和量取你布局时候的背景颜色)这个太重要了...

  • 「前端眼中的PS」切图

    如何开始切图 切图 切片工具 隐藏文字 可平铺背景的切图方法 PNG24切图方法 PNG8带背景切图方法 切图 如...

  • 「前端眼中的PS」图片保存

    图片保存 保存格式的选择 图片与背景合并的切图方法 图片修改与维护 图片的合并( Sprite) 图片保存 将需要...

  • 利用AutoHotkey打造自己的屏幕取色器

    最近做前端开发,经常需要用到屏幕取色,chrome的取色器插件启动太慢、没有绑定快捷键,用着着实不爽。机缘巧合之下...

  • 干货|PPT配色那些事儿

    今天的内容将分为三部分:一、常用的配色方案有哪些?二、如何取色(自己配色)?①Logo取色法②色卡取色法③图片取色...

  • 前端PS工作区的配置

    前端PS技能修炼 经过前段时间的工作,PS现在能够应用得比较熟悉了,在此记录下我PS工作区的配置,应该也是前端开发...

网友评论

      本文标题:「前端眼中的PS」测量及取色

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