原型图

你真的搞懂什么是线框图,什么是原型图了吗?

设计师朋友们都知道,在网站开发或者手机应用开发的前期阶段,需要创建线框图和原型图给客户展示。但有时候客户会提出略过线框图和原型图设计的阶段,直接过渡到网站的界面设计甚至是开发阶段。这种想法,往往是源于客户不明白什么是线框图,什么是原型图,以及二者在整个项目阶段中的重要性。 首先阐明一个误区,线框图不等于原型图。明确了这个概念之后,我们再来区分二者。1. 什么是线框图?线框图

如何画出专业的原型图?(上)

怎么样的原型图才算是专业的原型图呢?文章总结了一些经验,希望对你有所帮助。本片文章(原型上篇)重点内容:清晰的视觉层次视觉流结构功能预见性信息的焦点即为视觉的焦点足够简单考虑到边界条件首先,我们要明确原型图是画给谁看的,通常是以下几类人:开发、部门领导、UI设计师和测试,一个完善的产品流程离不开着几个角色。开发通常最关心的是有多少功能,功能的复杂度怎么样,边界条件是什么,异

论原型图、需求文档规范管理的重要性

站在项目管理的角度来看,原型图、需求文档是一个公司的组织过程资产,如果组织过程资产不规范或者残缺不全那么项目团队必定会不断暴雷采坑。尤其是当你新接手了一条产品线

微观角度:原型图的交互说明该怎么写

上一篇文章从宽泛的宏观角度说明了输出原型图交互说明需要注意的事项,本篇结合图例尝试从微观角度通过分类,阐述输出移动端原型图交互说明应该注意的细节。页面元素交互说明的具体内容与之前提到的交互自查表的内容有关联。我们可以从以下几大类展开分析:模式与场景、页面状态、操作与反馈、数值限制条件和文案。接下来逐一举例阐述:一、模式与场景1. 硬件设备1.1 横竖屏对于支持横屏和竖屏两种

如何画出专业的原型图?(下)

怎么样的原型图才算是专业的原型图呢?文章总结了一些经验,希望对你有所帮助。本篇(原型篇-下)主要内容: 原型图标注,画开发看得懂的图同一个页面展示所有的交互状态页面跳转关系图(不要做孤立的设计)流程图,梳理业务逻辑一、原型图标注,画开发看得懂的图首先明确原型图标注是给谁看的,谁最关心原型标准呢?一般而言,开发和设计最关心原型图标注,开发最关心的是边界条件、页面跳转关系,

8000字教你画出高颜值原型图

最近有朋友要转产品,自己在学习画原型,怎么说呢,原型画的确实差点意思。虽说大多数内容临摹出来了,但是还有很多可以优化的地方,像对齐、颜色、间距就处理的不好。那