做设计标注,也要讲武德

最近要做个趣味测试H5,自己做开发,想找个朋友帮忙设计一下,免得身兼多职太麻烦。


设计师小团子听到后立即包揽下来。


做设计标注,也要讲武德


虽然红包不多,但这个项目是真的小,稍微有点经验的设计师都不会有问题。


而且小团子的公司领导审美太不靠谱,做得项目没几个拿得出手的。再不做点别的项目,作品集就得靠飞机稿来撑了。


做设计标注,也要讲武德


我等了一个礼拜再去向他要方案,这点东西应该一周够了。


结果他果然给我发了张图来过来。


做设计标注,也要讲武德


结果他发来了这张图:


做设计标注,也要讲武德


方案倒是没看出什么大问题,但…我拿着这张图直接去开发?


第一,页面分组命名和跳转关系全无。页面之间的关系要靠猜的,由于不一定猜的对,所以要反复确认。


第二,内容填充不真实。


列表页的重复图片和文字看起来特别需要想象力,如果我是个外行领导,立即就打回去重做了!


不过好歹我并不是,所以这点我就勉强接受了吧。


做设计标注,也要讲武德


但是答题页只展示1道题怎么回事?如果有多道题,他们之间的关系怎样也不清楚。


做设计标注,也要讲武德


第三,没有任何标注信息。字体大小颜色行高这些都没有,更不用元素间隔按钮阴影这些。


我如果直接对着这个方案做前端,要么花费的时间要多出很多,要么就还原度大打折扣。


还好我自己就是设计师,如果我是开发,会耐烦去源文件查样式?


就算查到了,自适应规则、跳转逻辑等问题还是得靠脑补。


如果遇到个不负责任的开发,方案还原度什么的,就认命吧!


如果因为设计稿标注问题而影响开发还原度,问:设计师和前端谁更不讲武德?


做设计标注,也要讲武德


一番沟通之后,小团子终于认识到问题,同意优化图稿。


又等了一个礼拜,终于拿到了完整的设计方案。



做设计标注,也要讲武德


小团子这次下了不少功夫,在图稿细节上做得完善多了,甚至都超出了我这小项目的要求了:


做设计标注,也要讲武德



内容填充


没有再用敷衍的重复文字和图片,看起来舒服很多。


把复用组件展示的数量从1个增加到2个,不会再有不清楚多个组件并存关系的问题。


做设计标注,也要讲武德



分组命名


每个页面都有名字,且将相似的页面单独列一行,页面关系更容易理解了。


做设计标注,也要讲武德



基本信息


图稿顶部写明了基本信息,除了方案名称之外,还有设计师、完成时间、项目名称、需求名称。


做设计标注,也要讲武德



样式标注


所有的间隔尺寸和元素样式最好写清楚,地方不够的,页面之外另画出来。


一些自适应的尺寸也终于搞清楚了,不会出现细节理解不同的问题。


做设计标注,也要讲武德



跳转关系


点击链接会跳到哪个页面要明确。虽然很多跳转可以猜对,但也要花费不少时间和精力,能写清楚肯定是更好。


做设计标注,也要讲武德


虽然说不上顶尖,但应付普通项目的开发却是足够了。为小团子鼓个掌:


做设计标注,也要讲武德


做设计,方案好坏是基本的,但不是全部。


哪怕方案再好,如果图稿简陋标注缺失,会给队友带来很多没必要的麻烦。


开发如果无法完全理解图稿,项目又赶的情况下,在样式实现上可能就全凭自己发挥了,到时最终效果过就真的耗子喂汁了啊!


做设计标注,也要讲武德


所以请各位设计师工作中不要忽视方案标注,做一名讲武德的设计师。



做设计标注,也要讲武德



想试试这个趣味测试的朋友

可以右下角点个 在看 ,后台回复 设计趣测



从计划从明年1月6日开始,为初中级设计师提供一系列直播分享,后续还会有打卡学习计划,感兴趣的赶快扫码加入吧~


做设计标注,也要讲武德


做设计标注,也要讲武德


做设计标注,也要讲武德

做设计标注,也要讲武德


本篇文章来源于微信公众号: 体验进阶

UI/UX

消息触达可以更优雅——京东消息中心视觉升级

2020-12-22 16:30:00

UI/UX

场景与体验 | 设计之道敢于“忘”

2020-12-23 9:50:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索