About PS Axure Lanhu - 706YouthSpace/706platform GitHub Wiki

PS、Axure、蓝湖 使用说明

欢迎平面设计师、UI设计师参与本项目!
在本项目中,我们使用到了以下工具:

  • Axure,用于制作平台的原型图,供平面设计师参考功能布局
  • PS/Sketch,用于制作各个界面的最终效果图
  • 蓝湖,用于对界面效果图进行切图,并向前端工程师提交设计元素及图片素材

Axure

我们使用的是 Axure RP 9 (注意:不兼容8.x版本)
Axure工程文件存放于 706platform/resource/axure 文件夹下。
注意: 仓库中的Axure工程文件仅用于项目定期备份,协同编辑时我们采用Axure自带的云协作功能。

使用方法如下:

  • 注册Axure账号(请勿使用qq邮箱注册,否则无法被邀请进入Team)
  • 加入Team:向项目管理员(参见联系人)提供Axure账号,等待其把你加入Axure项目中,成功后能在https://app.axure.cloud/ 看到通知
  • 启动Axure RP 9软件,登录账号,点击菜单 Team -> Get and Open Team Project -> Select from Cloud 选择 Workspaces/706青年空间/706platform 工程文件
    • 首次打开时会自动同步全部内容,需要一些时间。
  • 开始编辑之前,请先手动执行一次云端同步 Team -> Get All Changes from Team Directory
  • 然后 Check out 你准备编辑的页面,开始编辑
  • 完成编辑后 Check in Everything ,并备注修改了什么

注意: 当某人check out之后,页面将会锁住,其他人将无法编辑这个页面,因此请在完成编辑时 Check in ,以释放锁。
如果尝试check out其他人已经锁住的页面,将会收到提示,如果继续执行,将会造成版本冲突。请谨慎操作。

协同编辑公约:

  • 开始编辑前,阅读Page1:工程规范
  • 结束编辑时 Check in Everything ,并备注修改了什么内容
  • 为每个元素命名,整合到合适的Group里

PS & Sketch

Photoshop和Sketch工程文件存放于 706platform/resource/psd 文件夹下。
.psd和.sketch文件用github来管理版本,在开始编辑之前,pull一下最新版本,结束编辑时commit + push 到云端
如果push时发现冲突,请先把自己本地的文件另存一份,再pull他人的版本,然后手动对比合并修改的内容。
尽量提前约定好各自负责的工程文件,不要产生版本冲突。

协同编辑公约:

  • 开始编辑前,pull最新版本
  • 结束编辑时,commit + push,并备注修改了什么内容
  • 为每个图层命名,做好图层管理

蓝湖

蓝湖的文件并不存储于Github上,而是全部存储于蓝湖云服务器上,游客访问地址:点击此处

使用方法如下

  • 注册蓝湖账号,并向项目管理员(参见联系人)提供账号,等待团队加入邀请
  • 下载蓝湖插件并安装(根据自己使用的软件下载PS或sketch插件)
  • 通过Github取得/更新.psd或.sketch源文件,打开编辑
  • 完成编辑后,通过蓝湖插件对自定义图片素材进行切图
  • 将修改过的画板上传至蓝湖
  • 将.psd或.sketch源文件上传至Github
  • 通知前端工程师
⚠️ **GitHub.com Fallback** ⚠️