最好看的新闻,最实用的信息
11月26日 °C-°C
纽币 : 人民币=4.2277

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

2024-04-22 来源: 搜狐时尚 原文链接 评论0条

近期带产品新人时,发现在做原型图设计,有几处细节被疏忽,导致返工修改降低效率。

整理出来,给大家避坑!

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

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

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

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

二、给原型图上色

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

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

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

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

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

常用 必须懂的:

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

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

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

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

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

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

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

本文由 @星星聊产品 原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议

转载声明:本文为转载发布,仅代表原作者或原平台态度,不代表我方观点。今日新西兰仅提供信息发布平台,文章或有适当删改。对转载有异议和删稿要求的原著方,可联络[email protected]
相关新闻
今日评论 网友评论仅供其表达个人看法,并不表明网站立场。
最新评论(0)
暂无评论


Copyright Media Today Group Pty Ltd.隐私条款联系我们商务合作加入我们

分享新闻电话: (02) 8999 8797

联系邮箱: [email protected] 商业合作: [email protected]网站地图

法律顾问:AHL法律 – 澳洲最大华人律师行新闻爆料:[email protected]