当前位置:首页> 模板建站动态> 如何制定网站原型规范

如何制定网站原型规范

发布时间:2021-01-06 08:00:00

考虑到绘制和查看原型图纸的方便性,以及大多数产品和开发者使用的是小屏幕笔记本,目前的原型图纸尺寸一般为375*670px,相当于iPhone6s屏幕尺寸的一半,IOS系统是主要系统,并分别对Android系统的各个页面进行了说明。

它是指常用的常用组件,如状态栏、顶部导航栏、底部导航栏等。由于宽度已确定为375px,因此需要考虑每个常用组件的高度。状态栏的主高度可以设置为20px,顶部导航栏高度为44px,底部选项卡导航栏高度为49px。

页面中的模块或元素不能随意放置,要保持对齐,使呈现的效果整齐有序。

换言之,我们经常提到“格式塔原理”的演变,即内容属性可以被组合成一个组,不同属性内容之间的距离相对较远。如果在APP中读取模拟考试页面,则根据消费行为、个人交互信息和系统操作将模块划分为不同的模块。

如下图所示,我的书评-我的回复页面通过背景色对比区分“原帖和回复原帖”,多帖回复风格重复。

作为交互设计者,必须始终清楚的是,原型图的关键点是整理和呈现功能和逻辑结构,而颜色不是我们应该考虑的。

原型图中使用相同的字体来保持所有页面字体的一致性。字体大小应根据元素在特定页面中的重要性来确定。一般来说,小字体大小是12px,以便清晰查看。如下面的红框所示,标题和简介的字体不一样,给人的印象是页面非常跳跃,破坏了统一性。

交互设计师在制作原型图时,在满足产品和业务需求的基础上,遵循一些通用的标准原则,这不仅使您的原型图美观简洁,而且是交互设计师专业精神的体现元素之一。以上是我的一些经验,如果你有更好的观点补充,欢迎留言讨论。

如何设计标准原型图?|每个人都是产品

那些想学习产品、操作或正处于职业规划期、迷茫期、应届生、求职者和技能推广者。你现在有机会免费学习了。我们

每周,我们提供免费的产品和操作现场公开课,由有名教师讲解。从专业的角度,我们可以帮助您解决产品和操作知识的盲点