@APP改版笔记：界面篇( 四 )
所以 ， 我们在设计页面的时候可以刻意的去寻求不同 。虽然都是遵循扁平化的设计趋势 ， 但就像扁平化2.0 ， 以及最近在网络上疯传的“All-White”一样 ， 都是在扁平化的基础上不断地进行新的尝试与创新 。
文章图片
文章图片
All-White
6. 团队测试
和我们在做设计之初集思广益的时候一样 ， 当页面设计完成后也可以让大家共同参与进来 ， 一起搜索页面的逻辑和设计当中的问题 。
如果时间充裕 ， 我们可以用Axure、Principle等工具做成可交互的demo让大家进行测试 ， 这样做可以更加直观的发现整套页面中的问题 。
后期整理
当我们完成全部的设计并测试完毕之后 ， 就要开始准备与开发部门对接 ， 这里面很重要的一项工作就是切图和标注 。
如今的技术越来越完善 ， 我们可以借助其他的插件快速完成标注的工作 。我比较常用的是蓝湖 ， 可以把做好的页面上传至蓝湖 ， 它会帮助我们自动完成标注工作 ， 不需要其他操作 。比之前一步步的标注数值 ， 导出图片效率提升了无数倍 。
切图也是同样的道理 ， 在软件中标出要切图的部分 ， 然后上传让开发人员自行下载 。某些特殊的图片可能需要我们单独的标注并切出来 ， 其他绝大部分的元素都可以用软件帮助切图 。
这些插件大大提高了我们后期输出的速度 ， 而且效果也非常的好 ， 节省了我们很多时间 。
当然 ， 完成全部工作之后 ， 文件的整理命名也是非常重要的一项内容 。我们要在工作中养成好的习惯 ， 每个文件都要命好名 ， 分好文件夹 ， 方便我们后续的修改与总结 。
命名方式可以与切片名称类似（组件_类别_功能_状态） ， 如果页面过多 ， 而我们并没有及时整理的话 ， 会对我们后续的工作或者是工作交接造成很大的困扰 。
梳理了一下个人认为改版时需要注意的要点 ， 不同公司的要求会有不同 ， 仅供参考 。后面没有提到动效的内容 ， 我会在后面的一篇着重整理关于动效方面的内容 。
作者：FLYXMF ， 微信公众号：Fly Lab
【@APP改版笔记：界面篇】题图来自Unsplash ， 基于CC0协议 。页面产品扁平化元素banner
推荐阅读
- 『哈啰』哈啰APP改版：出行+本地生活加速行业进化
- 蚕豆■三星新无线耳机渲染图曝光：设计完全改版神似蚕豆搭配三款配色
- 戴尔灵：并不是只有 XPS 才轻薄！戴尔灵越 7490 移动超能版笔记本评测
- 「」联想双屏笔记本上市，这次用上了电子墨水屏
- 「ROM乐园TB」三星新无线耳机渲染图曝光：设计完全改版神似蚕豆搭配三款配色
- 【】麒麟985安兔兔跑分成绩公布；宏碁传奇14笔记本高配版上架
- 「科技犬」麒麟985安兔兔跑分成绩公布；宏碁传奇14笔记本高配版上架
- 【笔记本】联想拯救者2020款 Y9000X 笔记本正式发布：最高搭载十代i9+4K屏
- 【笔记本】笔记本外接显卡坞好不好？磐镭发布镭凌linkX显卡坞！
- 手机中国@Apple Music网页版正式上线！带着你的音乐走遍世界