About PS Axure Lanhu - 706YouthSpace/706platform GitHub Wiki
欢迎平面设计师、UI设计师参与本项目!
在本项目中,我们使用到了以下工具:
- Axure,用于制作平台的原型图,供平面设计师参考功能布局
- PS/Sketch,用于制作各个界面的最终效果图
- 蓝湖,用于对界面效果图进行切图,并向前端工程师提交设计元素及图片素材
我们使用的是 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里
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
- 通知前端工程师