画原型图容易忽视的4个细节,却至关重要!

一、页面的模拟数据不合理

画图时,经常会直接复制现有内容,如果不注意内容合理性,容易给开发、测试造成歧义,因为图与注释不一样,哪个才是正确的?来回沟通就降低效率。

✅ 注意:按线上的真实数据进行填充

✅ 注意:数据之间的逻辑合理性

画原型图容易忽视的4个细节,却至关重要!

二、给原型图上色

原型图的目的是展示功能逻辑、页面的元素关系和交互,太多的颜色会严重干扰UI设计师的理解和发挥。

原则上只用黑白灰 不同灰度值

特殊情况,要加颜色,只用1个颜色

画原型图容易忽视的4个细节,却至关重要!

三、排版不能表达元素之间关系

原型图要表达的是元素关系,而错误、不美观的排版会给设计师、研发带来歧义。

画原型图容易忽视的4个细节,却至关重要!

常用 必须懂的:

✅ 对比:大小、灰度、样式

✅ 亲密性:内容越相关越靠一起

✅ 对齐:左、右、底、顶、垂直

四、遗漏数据的默认值、边界值

画图时,经常会先画主场景和主流程的界面,页面按「理想」的正常状态填充数据,容易漏了异常值。

建议:画图前,把每个字段的状态值列清晰

画原型图容易忽视的4个细节,却至关重要!

以上4个细节,画好原型后务必要自查!

版权声明

本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符,请点击 举报 进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部