/h5psd

Converting PSD files into mobile page

Primary LanguageJavaScript

NPM version Build Status Coverage Status

Converting PSD files into mobile page

PSD 转换成移动端页面的工具。

功能

  • 自动导出图层的 PNG 文件；
  • 导出 PNG 用 hash 命名，避免出现重复素材；
  • 自动判断背景图；
  • 可以使用自定义模板。（ 使用 jdists 编写）。

预制模板

  • tpl/page.html 标准模板
  • tpl/auto-bottom.html 自动计算需要居底的图层

效果

线上体验

  • 输出的网页 image

  • PSD 设计稿 image

使用

PSD 准备

  • 模式 RGB 颜色、8 位通道；
  • 合并和栅格化实际的图层；
  • 隐藏不需要导出的图层。

安装

$ npm install h5psd [-g]

命令行

Usage:

    h5psd <input list> [options]

Options:

    -v, --version                Output h5psd version.
    -o, --output                 Output directory (default input directory).
    -s, --images                 Images directory (default "images").
    -l, --layer                  Export "<name>.layer" file (default false).
    -n, --name                   Enable the "name" attribute (default false).
    -t, --template               Page jdists template file.

License

MIT © zswang