猎豹皮肤定制流程综述

创建主题皮肤必须作的事儿

• 一个靠谱的文本编辑器是必须的(至少要有行号,语法主题皮肤等等支持,因为 猎豹 对非良构的 manifest.json是零容忍的, 对于M$用户Notepad++ 是个好选择,笔者推荐新兴跨平台编辑器 Sublime Text 2 )如果对 JSON 文本实在没有感觉,可以尝试在线主题皮肤制作工具,比如: http://www.themebeta.com/chrome-theme-creator-online.html

• 一个靠谱的图像管理器,好工具能帮助你创造好内容,强烈推荐 Photoshop , 同时推荐正版免费软件 Gimp 或是 Paint.

• 如果你在使用 Photoshop, 就可以下载 猎豹皮肤UI模板 已经将不同元素整理到不同层,方便进行效果调整.

• 运用一些颜色/模式/设计的创意原则,来控制主题皮肤的整体感观

• 将你的成果打包,并通过以下渠道发布:

  • 猎豹浏览器皮肤设计大赛 上传作品
  • 使用 猎豹浏览器 打包,参考: 发布托管 原文: Hosting
  • 自行制作 .crx , 参考: 打包 原文: Packaging

0: 准备

• 足够的硬盘空间,设立专用目录
• 安装好指定的最新 猎豹浏览器
• 其它辅助设计软件也都安装好
• 稳定的网络,用来搜索资源,发布都是必须的

1: 设计

• 构思好完整的皮肤概念
• 通过各种方式,形成设计稿
• 选择类似布局的 猎豹浏览器 官方皮肤,安装后,获得 manifest.json
• 根据 manifest.json 详解 逐一将对应的图元,从设计稿中合理分离出来

2: 调试

1. 进入 猎豹浏览器 本地的扩展安装目录
2. 将对应的当前皮肤目录中对应的文件逐一进行替换
3. 重启 猎豹浏览器 确认效果
4. 重复 2~3 步, 逐一将所有设计效果完成

3: 发布

• 利用 皮肤制作工具 在本地完成打包
• 也可以 直接使用 猎豹浏览器 内置的打包工具进行打包
• 打包出来的 .crx 皮肤扩展,要先在本地安装,测试可用再

到 猎豹浏览器皮肤设计大赛 上传作品