精华内容
参与话题
问答
  • 原型设计

    千次阅读 2019-04-26 15:08:52
    什么是原型设计? 原型设计是产品经理确认需求、设计产品最重要的沟通工具 原型设计的发展历史 上世纪70年代,瀑布模型的提出很大程度上改进了软件项目的开发,但是需求不明确和多变一直是一大难题。《人月神话》...

    什么是原型设计?

    原型设计是产品经理确认需求、设计产品最重要的沟通工具

    原型设计的发展历史

    上世纪70年代,瀑布模型的提出很大程度上改进了软件项目的开发,但是需求不明确和多变一直是一大难题。《人月神话》作者弗雷德里克·布鲁克斯第一次提出了:“在获取核制定软件需求时,将快速原型开发作为迭代计划的一部分”。

    于是后来快速原型成为一个开发模型,它的特点就是快速开发,快速修改,目的就是为了解决客户的需求不明确和多变的问题。

    我们需要注意,这里的快速原型模型,是开发软件项目的一种模式,而不是工具。

    举个例子,如何用快速原型模型开发网站?我们可以分三个阶段:

    1.纯静态HTML页面,我们能看到页面是什么样子,没有后台,无法修改保存数据,这开发成本不高,速度快,改起来也方便,做好了就可以跟客户确认需求,客户看到后会知道自己的产品长什么样子,是不是满足需求,会提出反馈意见,我们再根据反馈意见继续修改静态页面

    2.模拟后台服务,没有数据库,数据保存在内存,可以让网站有真正的交互,后台添加修改的内容网站能够实时显示出来,此阶段客户能够进行网站交互体验,进一步提出体验反馈

    3.完成最终的后台服务,接入数据库,完成整个开发,因为前两个阶段我们都把需求和交互确认清楚,所以此阶段可以高效的完成开发任务

    简单概括来首快速原型模型就是:第一阶段确认界面布局和内容,第二阶段确认交互,第三阶段实现

    快速原型开发可以低成本、快速的确认好需求,但是整个过程单靠产品经理是无法完成的,必须要有开发人员配合才能完成,这个沟通是一个高成本的事情。

    1. 低保真原型设计

    产品经理用线框图来代替第一阶段,线框图画起来简单,纸和笔就可以了,展示效果也OK,通过线框图可以直观的看到界面上有什么,布局是什么样子的,也可以和客户来确认需求。

    https://static001.geekbang.org/resource/image/6a/de/6a121d4c74a1daffdf8d39833ef24bde.png

    简单方便能够起到沟通需求的效果,但是缺点也明显,看起来不够真实,不能反映界面之间的关系和交互。

    2.中等保真原型设计

    后来有了类似Axure这样专业的原型设计软件的诞生,不但可以反映界面上的布局和内容,还可以展示网站的整体结构和交互:

    https://static001.geekbang.org/resource/image/00/19/00f3aa9d97f1ab7171653bcb4bcc9419.png

    此原型设计,可以很好的用来确认需求和界面交互,虽然制作商难度稍微复杂一些,但是不需要开发接入,产品经理完全可以自己搞定。但是这个制作出来的原型,不能做到100%真实,在界面的真实度、色彩度上稍差一些。

    3.高保真原型设计

    对于近年来快速发展的移动端来说,因为界面小,布局和内容没有什么新花样,客户更追求界面的美观和交互的炫酷,对原型的保真度要求更高,所以很多原型工具在高保真上面下很大功夫,简单操作我们就可以做出漂亮的界面和炫酷的交互,甚至之后都不需要做UI设计了,但是这个会浪费产品经理花更多时间在细节的调整上,影响整体的进度。所以通常高保真都会和低保真配合使用,先用低保真快速确认需求,在用高保真确认最终的交互和UI设计。

    就这样,原型设计从最开始的快速开发模式逐步演进成今天的原型设计工具,产品经理不需要编程知识,也可以做出很酷的软件原型,从而低成本、高效率的来确认清楚产品需求。

    怎么做好原型设计?

    https://static001.geekbang.org/resource/image/9c/d6/9ccaca3a9dc5f4ae8f5fe1deaf4e74d6.png

    第一步:分析

    一开始需求是很模糊、不具体的,我们需要对用户的需求做一个初步的了解,分析清楚原型设计的目标是什么。比如,我们要设计一个app,有ipad版本,iphone版本,其实他们两个内容上可以一样,只是在布局和交互上需要重新设计,ipad要充分发挥大屏幕的优势,展现更多有价值的信息。

    第二步:设计

    在对需求进行初步分析后,需要开始对原型进行整体设计,在设计阶段,需要从信息架构和使用流程两个维度来考虑,画出产品的信息结构图,类似于一本书的目录,梳理清楚整体结构,想清楚产品有哪些功能模块,模块之间的关系如何,模块的公共性,模块面对的用户不同性。然后再进一步细化。画产品使用流程图,把界面之间跳转的逻辑梳理清楚,考虑用户的使用场景。

    第三步:实施

    设计好整体将信息架构和使用流程后,开始对每个界面画流程图。具体是要优先考虑产品需求,然后是让界面好看好用

    第四步:验证

    针对原型设计,需要评审会议,提出反馈做出调整。

    展开全文
  • Axure RP 9 for Mac(交互原型设计工具) 中文激活版 为大家带来Axure RP 9 for Mac(交互原型设计工具) v9.0.0.3628Beta中文激活版,相信大家对Axure RP 8非常熟悉,最近Axure RP官方更新了Axure RP 9的消息,本站也...

    Axure RP 9 for Mac(交互原型设计工具) 中文激活版

    为大家带来Axure RP 9 for Mac(交互原型设计工具)  v9.0.0.3628Beta中文激活版,相信大家对Axure RP 8非常熟悉,最近Axure RP官方更新了Axure RP 9的消息,本站也将新版Axure RP 9 Mac激活版带给大家,Axure RP 9拥有全面的UI,新的设计和文档特征,以及将引擎优化到前所未有的程度。Axure RP 9 beta Mac激活版经过重新设计和构建,使规划和原型设计变得更加轻松和便捷。

    Axure RP 9 for Mac安装教程

    注意:Axure RP 9 for Mac请断网下安装!!!

    1.软件下载后打开软件包进入安装界面,将左边的软件包拖动到右边进行安装.

    2.安装后,应用程序打开软件,点击 Enter Liceense.

    3.弹出软件注册界面。

    4.点开软件包中的 Axure RP 9序列号 ,将序列号复制到软件注册界面进行注册。

    5.软件注册成功。

    6.您可以尽情使用Axure RP 9 Mac破解版了。

    Axure RP 9 Mac破解版官方介绍

    无限制设计
    毫不妥协地交付

    全新的Axure RP 9

    重新设计和架构,使规划和原型设计更有趣,更强大。 一个虚热RP 9拥有全新的硬件加速渲染引擎,文件结构能够更快地保存和加载,以及流畅的变焦和更快的编辑流线型的帆布。您将获得Axure RP所熟知的所有原型功能和文档功能 - 更好。

    *比Axure RP 8用于加载文件和库。
    基于约100页的Axure RP文件。

    相互作用没有
    分心

    新的交互构建器已经过全面重新设计和优化,易于使用。从基本链接到复杂的条件流,可以在更短的时间内以更少的点击次数将您的原型变为现实。

    精心细节

    改进了对排版的控制,包括字符间距,删除线和上标。带径向渐变和HSV拾取器的新颜色选择器。图像作为形状背景,图像滤镜和原型中更好的图像质量。更智能的捕捉和距离指南,单键绘制快捷方式以及更精确的矢量编辑。使用我们的Sketch-to-Axure插件,可以更准确地从Sketch复制和粘贴。

    展示全貌

    使用新的原型播放器以最佳的方式展示您的作品,优化现代浏览器并为现代工作流程设计。清晰呈现具有丰富交互功能的移动和桌面原型以及针对您的业务解决方案的全面文档。

    控制您的
    文档

    确保您的解决方案正确完整地构建。整理笔记,将其分配给UI元素,并合并屏幕注释。随着解决方案的发展,现在比以往更容易保持文档的更新。当您准备就绪时,向开发人员提供基于浏览器的全面规范。

    以你的想法的速度

    从头脑风暴到完善的可交付成果,通过改进的图书馆管理,简化的自适应视图,更灵活和可重复使用的母版以及动态面板的内联编辑,更有效地工作

    Axure RP 9 beta Mac破解版新的功能

    Axure RP 9中的新功能:配置您的环境

    Axure RP环境一直是Axure办事处内部争论的源头。哪些控件应该隐藏起来,哪些应该在你的指尖?怎么回事?左侧还是右侧?创建快速静态线框的最佳布局是否与构建丰富的交互式原型的最佳线框不同?

    现在,你决定了。可配置的环境窗格将在Axure RP 9中出现。您是一个单键快捷方式向导,在Sketch中感觉就像在家里一样,不需要页面,库,交互或Notes窗格吗?您可以随意将Axure UI削减到“轮廓”和“样式”窗格,以获得最大速度和最小的杂乱。

    您是否发现在交互,样式和笔记之间来回切换是不方便的?连续显示所有三个并像专业人士一样编辑小部件。

    或者也许你想利用第二台显示器一次性看到绝对,积极的一切?

    选项是无穷无尽的 - 或者至少是无数的!你的首选布局是什么呢?

    Axure RP 9 for Mac更新介绍

    全新的Axure RP 9

    Axure RP 9.0进行了重新设计和架构,使规划和原型设计更有趣,更强大。 并具有新的硬件加速渲染引擎,旨在加快保存和加载的文件结构,以及用于平滑缩放和更快编辑的流线型画布。

    更流畅的交互设计

    新的交互构建器已经过全面重新设计和优化,易于使用。 从基本设置到复杂的中继器、函数、条件流,可以在更短的时间内以更少的点击次数将你的原型变为现实。

    更完善的细节

    改进了对排版的控制,包括字符间距、删除线和上标。以及带径向渐变和HSV拾取器的新颜色选择器。更新了图像作为形状背景,图像滤镜和原型中更好的图像质量。

    更智能的捕捉和距离指南,单键绘制快捷方式以及更精确的矢量编辑。使用官方的Sketch-to-Axure插件,可以更准确地从Sketch执行复制和粘贴。

    展示原型全貌

    使用新的原型播放器以最佳方式展示您的作品,Axure RP 9.0针对最新的浏览器进行了优化,并针对工作流程进行了设计。 能更清晰呈现具有丰富交互功能的移动和桌面原型,以及针对您的业务解决方案的全面文档。

    更方便控制你的文件

    Axure RP 9.0能确保您的解决方案正确、完整地构建。

    更易于整理笔记,将其分配给UI元素,并合并屏幕注释。随着解决方案的发展,现在比以往更容易保持文档的更新。当你准备就绪时,更容易向开发人员提供基于浏览器的全面规范。

    更快速地实现你的想法

    通过改进的图书馆管理,简化的自适应视图,更灵活和可重复使用的母版以及动态面板的内联编辑,更有效地工作,迅速完成从头脑风暴到完善的可交付成果。

    Axure RP 9 Mac破解版小编点评

    Axure RP 9 for Mac一款Mac端交互原型设计工具,Axure RP 9 Mac破解版由美国时间9月5日,Axure官方放出的Axure RP 9 Beta测试版。目前该版本只支持已有用户使用,不能免费试用。不过不用担心,本站将Axure RP 9 beta Mac破解版带给大家,让大家第一时间体验Axure RP 9的新功能,总的来说,Axure RP 9 更轻了,更快了!不过新的界面需要一段时间适应。对于老用户来说,过度应该很轻松。因为在功能上变化不大。新版的UI风格更加扁平化,配色感觉又回到Axure 7 的时代了。不信你看这图标。

    展开全文
  • 【老家伙出品】本书以实战开发为原则,每个章节都会贯穿一个实战,同时提供6个完整的项目案例,项目案例原型设计面广泛,有门户网站高保真原型设计、电商网站高保真原型设计、移动App应用高保真原型设计、国外网站高...
  • 这一篇文章简单谈谈有关原型设计的一些方法。 1、设计思维与习惯 首先,我觉得做原型设计时非常重要的一点就是要有好的设计思维和习惯。做产品就是做工程,工程就要严谨有序,在大工程量级时,模块化前期不快,但...

    Hi,你好,我是大黄蜂。这一篇文章简单谈谈有关原型设计的一些方法。

    1、设计思维与习惯
    首先,我觉得做原型设计时非常重要的一点就是要有好的设计思维和习惯。做产品就是做工程,工程就要严谨有序,在大工程量级时,模块化前期不快,但中后期的优势明显,通过不断积累可以形成原型复用库。这些设计思维和习惯是我在进行原型设计过程工作中的一些小体会,归结起来主要有以下几点:
    这里写图片描述
    (1)全局意识:就是要在做原型设计前要有整体的考虑,考虑做原型的目标在哪里?受众是谁?用户特点是怎样的?用户体验要求又当如何?原型主题往哪里走?原型风格趋于哪种风格?诸如此类的问题都需要在一开始就给予重点考虑和关注。
    (2)广阔视野:广阔的视野意味着我们在平时要多看好的作品,多去感受众多优秀的产品,多了解与心理学、美学、工程学、管理学等方面的知识,同时要注意多收集整理一些优秀的资源网站等,以便于让自己在进行原型设计时能够有更多的想法。
    (3)模仿组合:很多时候,我们学习新东西,都是从模仿开始的,模仿并不是简单地照抄照搬,而是认真领会被模仿对象,然后结合自身实际进行组合式转化。
    (4)严谨耐心:做原型设计也需要有严谨的工作态度和耐心,只有严谨才能在一些关键点的设计上做到极致。
    (5)关注细节:原型设计的好坏,其实很多时候都是藏在细节之中,因此不放过每一个细节将会决定我们设计出来的原型是否合格乃至优秀。
    (6)复用转化:每一次原型的设计都应该更进一步,因此要对之前设计的成果形成原型库,并利于后续的复用和转化。

    2、原型设计的基本方法
    原型设计的基本方法有哪些呢?结合网上的一些资料,我收集整理了以下几点:
    产品定位,定义形式及交互模式:什么样的用户想要什么?我们要做什么样的产品?我们要做什么样的?
    定义功能和数据:充分考虑具体的功能及对应的数据元素,每个功能及元素的定义要针对需求,考虑周全
    确定层级和页面:确定一个页面应该放多少东西,一个任务要分多少步来完成页面元素居多时要保证用户合理的视觉线
    绘制原型草图:从整体且高层次的框架开始构建,不要被细节分散了注意力,细节留到最后去仔细推敲
    构建用户行为路线:考虑用户最频繁也是日常的一个行为路径,可以通过给用户设想不同的情景下完成什么任务来构建
    通过场景验证检查设计:找到原型或逻辑的漏洞,调整并优化;路径分岔点、必要场景、边缘情景场景、特殊场景
    这里写图片描述

    3、高保真原型的设计
    高保真原型的设计,它的适用场景:流程清晰的前提下,想要接近或者定义最终效果。
    这里写图片描述

    4、原型设计小TIPS
    在原型设计过程中,其实还有很多小tips可以提高原型设计的水准,例如用动态面板实现交互效果、养成良好的命名习惯等等。
    这里写图片描述

    展开全文
  • 快速原型设计

    2020-02-17 11:59:16
    以Axure为学习工具学习快速原型设计。学习网址: https://www.axure.com.cn/ Axure中文网 http://www.iaxure.com/ Axure原创教程网 http://www.woshipm.com/tag/axure 人人都是产品经理 ...软件原型利用某种物品或...

    以Axure RP为学习工具学习快速原型设计。学习网址:

    1. https://www.axure.com.cn/ Axure中文网
    2. http://www.iaxure.com/ Axure原创教程网
    3. http://www.woshipm.com/tag/axure 人人都是产品经理
    4. https://www.axureshop.com/a/b/axure-prototypes 模板网
    5. 软件原型利用某种物品或者某种工具快速勾勒出的软件的大致结构,再增加一些交互效果,来模拟软件的功能操作。
    6. 界面原型可以体现产品的业务逻辑,交互逻辑和视觉逻辑。
    7. 界面原型大致分为草图原型,低保真原型和高保真原型。
    8. 产品原型设计工具发展历程:
    9. 白板上或者草稿纸上手绘。
    10. 使用画图工具进行绘制。
    11. 利用Visio、Dreamweaver绘制。
    12. Axure等专业的原型设计工具。在这里插入图片描述
    13. 页面导航面板可以对页面进行添加、删除、重命名和组织等操作。
    14. 元件库面板中有基本元件、表单元件、菜单和表格元件、标记元件、Flow流程图元件和Icons图标元件,也可以载入新的元件库。
    15. 母版面板:母版是一种可重复利用的页面,比如页面的模板、导航栏、页首u、页脚等这些类似的元素都可以通过母版来调用。
    16. 使用母版的好处是:修改母版时,原型中所有使用该母版的地方都会跟着一块修改。这样在设计时可以提高效率并且易于管理。
    17. 用户操作界面时就会触发事件,如鼠标的单击、鼠标移入和鼠标移出;
    18. 每个事件可以包含多个场景,场景也就是事件触发后要满足的条件;
    19. 每个场景可执行多个动作,例如:打开链接、显示面板、隐藏面板、移动面板。
    展开全文
  • 让我们以不分先后的顺序看一下当今可用于Web设计人员的一些原型制作工具: 成帧器 Adobe XD Adobe After Effects Adobe Animate CC Craft.io原型 原理 原子 原型 贾斯汀·明德 折纸 富林托 ...
  • axure原型设计原型汇总 手机、web、图标,产品设计使用的axure原型大全 微信公众号、H5网站、微信小程序
  • 原型设计工具

    2019-10-22 17:37:30
    所有原型设计工具 本文列举了20余款当前国内外比较火爆的原型设计工具。我把它们分为以下五类: 交互原型设计工具(仅限页面交互) 手机原型工具 网页原型工具 静态原型工具 动态原型工具(组件和页面交互...
  • Axure原型设计工具--产品经理必备

    千次阅读 2019-09-15 19:36:58
    目录 Axure教程 Axure学习:严丝合缝的设计...Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站...
  • 这一篇是简单的谈谈有关原型设计的一些方法。 首先,我觉得做原型设计非常重要的一点就是要有好的设计思维和习惯。 一个产品就是一个系统的工程,将产品细化,拆解开来,用模块化和线条化来初步整理大的思路,通过...
  • 手机app原型设计

    2018-07-25 10:11:43
    手机原型app交互设计指导.手机原型app交互设计指导.手机原型app交互设计指导.手机原型app交互设计指导.
  • [设计模式]原型设计模式

    千次阅读 2020-04-14 21:12:55
    原型设计模式 将一个对象作为原型,通过对其进行复制而克隆出多个和原型类似的新实例 在Java中将类实现Cloneable接口 以及重写 clone() 方法,来实现别的类对此类的克隆 原型模式实例 在一个游戏中,可以将角色...
  • HTML实例原型设计

    2020-07-11 18:12:07
    原型设计 一、原型设计整体
  • 原型设计通用尺寸

    2020-04-30 10:00:26
    手机端原型尺寸一般是360x640(宽 360 px,高 640 px) 平板端原型尺寸一般是768x1024(宽 768 px,高 1024 px) PC端原型尺寸一般宽度是 1200 px,高度不限 ...
  • 手机原型设计

    2019-04-15 17:43:34
    关于手机原型设计的一些常用工具和设计方法,通过自己从互联网转到移动互联网的一些常用的工具使用,可以实现多种方式来做手机客户端的产品设计,以达到最好的效果。希望对于处于手机客户端设计的设计师有些帮助。...
  • 项目原型设计

    2019-03-29 16:17:00
    项目原型设计 格式描述 团队名称: 云打印 课程名称: 软件工程实践 作业要求: 项目原型设计 作业目标: 设计项目基本原型 使用工具: 墨刀 原型设计: 项目原型设计--微信小程序 (点击左边进入墨刀预览) 项目原型...
  • 产品原型设计工具

    2020-02-22 16:03:35
    做产品原型是非常重要的一个环节,做产品原型就会用使用各式各样的工具。在PM朋友们的推荐下使用了很多各种各样的软件,当然选择一款真正适合自己的工具也是很重要,在这里就把我使用过的工具都介绍一下。 主要有:...
  • 直播平台原型设计(含后台
  • 产品原型设计

    千次阅读 2018-10-03 17:46:47
    什么是产品原型? 产品原型展示了页面级别的信息架构、文案设计及页面和页面之间的交互流程,它是产品功能和内容的示意图。...墨刀是一款简洁易用的移动端原型设计工具,支持团队协作,拥有大量的控...
  • 项目规范: 1.项目类型 2.项目树 3.参考线 4.对齐分布 5.比例协调 6.逻辑清晰 ios布局规范: MockPuls压缩一半. web规范(首屏内容):
  • 游戏原型设计工具

    2019-11-29 13:16:53
    策划必备三个工具:office,mindminager,unity3D 其他: 自带的游戏编辑器:比如橙光,魔兽地图编辑器 低成本游戏引擎:3Dgamestudio
  • UI设计和原型设计的区别

    千次阅读 2019-11-01 11:29:36
    UI即User Interface(用户界面)的简称。泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。UI设计主要指界面的样式,美观程度。...原型图的产品最初的构想图,一般是产品经理绘制,内容比较粗糙;设计效...
  • xiaopiu原型设计 记录

    2019-10-21 16:58:01
    Ctrl+Windows组建选择 框选(快捷键【A + 鼠标左键】)或多选(快捷键【Shift + 点击】)需要复制的组件
  • 个人原型设计作业

    2019-10-04 17:58:18
    优点:能够快速制作移动端原型,容易上手,对于小白来说十分适合,墨刀使用起来很便捷,并且移动端原型设计很方便,能够直接在手机上演示更加方便直观。 缺点:交互效果上、控件组合上,操作面板的选择上都...
  • 作为开发程序员,产品原型设计或多或少都有接触过,之前一直都是用Axure8的, 突然有一天产品发了一份需求原型rp文件,居然打不开,最后才知道,Axure9打开过的文件,用Axure8是无法打开的。(顿时头大,居然有这种...
  • 资源是从事产品工作多年的PM结合自己多个后台系统的真实项目经验以及使用Axure的技巧,从方便维护、便于复用角度出发,总结的后台系统原型设计规范的分享内容。 今天,小编就为大家推荐这款后台原型设计规范,...

空空如也

1 2 3 4 5 ... 20
收藏数 29,088
精华内容 11,635
关键字:

原型设计