当前位置:首页>>建站技巧>>网站建设中如何规范原型图?

网站建设中如何规范原型图?西藏番茄科技

时间:2018-10-31 17:35 点击:1710

网站建设(制作)原型图设计遵循的基础原则是:1.尽可能的简介,在满足将产品需求转化为界面功能需求的同时,只取核心的存在,画蛇添足,人类始终向往和追求一切美好的事物,即便是黑白灰的世界,一样会带给人美的享受。2.尽可能的简化操作流程,让用户能以最简单的流程就找到他想要的功能。3.尽可能考虑蜘蛛百度的搜录习惯,贴合百度搜索进行网站建设(制作)。

1.绘制原型图的尺寸

考虑到绘制与查看原型图的便利性,以及大部分产品与开发人员使用小屏幕笔记本,当前原型图的尺寸一般采用375*667px,相当于iPhone 6s屏幕尺寸的一半,以iOS系统为主,安卓系统个别页面单独做图说明。


2.原型图常用组件尺寸
指经常使用的通用组件,如状态栏、顶部导航栏、底部导航栏等,这里由于最大宽度已经确定都是375px,因此关注的是各通用组件高度。状态栏可以设置为母版高度是20px,顶部导航栏高度44px,底部tab导航栏高度49px。


3.对齐

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


4.亲密关联

也就是我们经常提到的“格式塔原理”的演变,是指内容属性可以划归为一组的,在位置布局上距离相近,不同属性内容之间的距离相对远一些。如下图阅读类APP的个人中心页面,按照消费行为、个人互动消息、系统操作分成了不同模块,同一模块下相近属性归为一组。



5.对比和重复

  • 页面不同元素之间要有对比效果,目的是更清晰的组织信息、使层级关系明了,能够引导用户浏览并且制造焦点。
  • 设计的某些元素可能在整个页面中多次出现。重复的元素可能是某个模块、一条分割线、某种粗字体、某类型图标标识等。

如下图,我的书评-我的回复页面,通过背景色对比区分“原贴以及针对原贴的回复”,并且多个贴子的回复样式是重复排版的。

二、细节规范

1.字体或模块色值

作为交互设计师必须始终明确,原型图的重点是功能和逻辑结构的梳理与呈现,用色不是我们应该考虑的。

2.字体类型与字号大小

原型图中使用相同的字体,保持所有页面字体呈现一致性。字号要依据具体页面中元素重要性的不同而定,一般来说为便于清楚查看,字号最小12px。如下图红色框选部分,标题与简介不是相同的字体,给人感觉页面很跳破坏了统一性。


三、总结

交互设计师在产出原型图时,在满足产品和业务需求的基础之上,遵循一些普适的规范原则,不仅使你的原型图美观简洁,更是交互设计师专业性的体现要素之一。

番茄科技不仅能提供品牌设计,还提供公众号开发、小程序开发制作、APP开发、一物一码商品溯源系统、智慧物联网云平台建设等。拉萨商务对接电话18081882629,成都联系13388166210.

工业互联网中APP的发展

西藏肺炎期间企业应该如何进行网络获客,以及线上怎么保持运营。

开发一个app需要花费很多钱吗?

拉萨如何选择app开发公司