精华内容
下载资源
问答
  • 常用产品原型设计辅助工具简介

    千次阅读 2017-03-30 15:25:40
    wireframe在线的原型设计工具,地址 https://wireframe.cc/ 原型设计是交互设计师与PD、PM、网站开发工程师沟通的...简单说,“原型”是在项目前期阶段的重要设计步骤,主要以发现新想法和检验设计为目的,重点

    wireframe在线的原型设计工具,地址 https://wireframe.cc/


    原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。


    简单说,“原型”是在项目前期阶段的重要设计步骤,主要以发现新想法和检验设计为目的,重点在于直观体现产品主要界面风格以及结构、并展示主要功能模块以及之间相互关系,不断确认模糊部分,为后期的视觉设计和代码编写提供准确的产品信息。


    目的:


    下列角色使用用户界面原型:


    用例阐释者,用来了解用例的用户界面;


    系统分析员,用来了解用户界面如何影响系统分析;


    设计员,用来了解用户界面如何施加影响及它对系统“内部”的要求;


    类测试人员,用来制定测试计划活动。


    如何高效完成优秀原型设计,工具自然非常重要。下面我们介绍一些常用的原型设计工具,供大家参考。

    Axure Rp

    Axure RP是美国Axure Software Solution 公司的旗舰产品,该原型设计工具可以专业快速地帮助完成定义需求规格负责设计功能和界面的原型设计者快速创建应用软件或Web网站线框图、原型、规格说明书等。Axure所针对的用户包括用户体验设计师(UX)、交互设计师(UI)、业务分析师(BA)、信息架构师(IA)、可用性专家(UE)和产品经理(PM)等等。

    快速产品原型设计工具(Axure RP Pro)
    6.2
    类别: 办公软件    大小:9.8M    语言: 中文 
    查看详细信息 >>

    Axure RP 能让操作它的人快速准确的创建基于Web的网站流程图、原型页面、交互体验设计、标注详细开发说明,并导出Html原型或规格的Word开发文档。(通过扩展还会支持更多的输出格式)

    • 网站架构图   (Site Structure)
    • 示意图       (Wireframe)
    • 流程图       (Flowchart)
    • 交互设计     (Interaction Design)
    • 原型设计     (HTML Prototype)
    • 规格文档     (Specification)

    用Axure RP设计线框图和原型会有效提高工作效率,同时方便团队成员一起完成协同设计,可以向用户演示和交流以确认用户需求以及自动产生规格说明书,极大地优化工作方式:设计更加高效、可快速体验动态原型,帮助清晰有效的沟通。Axure RP的可视化工作界面以让用户轻松快速的简单用鼠标拖拽的方式创建带有注释的各种线框图。无需编程,就可以在线框图上定义简单链接和高级交互。同时该工具支持在线框图的基础上自动生成HTML原型和Word格式的规格说明书。

    Balsamiq Mockup

    Balsamiq Mockups是一款快速原型的设计软件,由美国加利福利亚的Balsamiq工作室推出,它真正抓住了原型设计的核心与平衡点——既能快速设计草图,又能较好地进入到平时团队工作的流程和工具。它基于Adobe Air,能够流畅的在不同浏览器,不同操作系统平台下完美运行,可以在线使用,亦可以离线使用,能够很顺利地将其安装在Windows 7、FreeBSD、Ubuntu等平台中,高效率地完成每个原型设计任务。

    产品原型设计软件(Balsamiq Mockups)
    1.1
    类别: 动画制作    大小:2.9M    语言: 英文 
    查看详细信息 >>

    Balsamiq Mockups具有极其丰富的表现形式,设计效果非常美观。它支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、日历控件、颜色控件、表格、Windows窗体等。除此以外,它还支持Phone手机元素原型图,极大地方便了开发iPhone应用程序的软件工程师。

    Pencil Project

    Pencil Project最初只是firefox的小插件,曾经得过Firefox插件Grand Prize大奖第一名,后来发布了独立软件。这款手绘风格的开源原型设计工具可以用来绘制各种架构图和流程图。Pencil Project内置丰富模板,可创建具有背景的多页面文档,支持文档内超链接跳转,支持富文本功能的文字处理,支持安装自制画笔和模版,具备所有标准绘图功能如对齐、堆叠层级、缩放、旋转等,支持添加外部对象,跨平台……可以创建可链接的文档并输出成为HTML、PNG、OpenOffice、Word、PDF等格式的文件。

    Prototype Composer

    Prototype Composer是一款Serena出品的能够让非技术型的用户进行原型设计的免费软件,同时它还包括商业过程、活动、用户界面、需求和数据,不但可以制作界面原型,方便用户在代码编写之前直观预览到网站的运行流程,同时还可以用来做项目管理,包括需求管理,数据管理。

    Prototype Composer提供了完整的集成环境,可轻松进行设计、建模,在进行开发之前使得商业应用软件合理化。该软件能够以可视化的形式描述软件的工作模型,提供可定制的Word格式说明书模板库,可自动组装上从模型中产生的数据,一键创建需求、功能、技术规格说明。

    Omni Graffle

    Omni Graffle软件由Omni Group公司出品,可以在OS X平台上轻松绘制漂亮的图表、树状结构图、流程图、页面等,可以用来规划电影或剧本的情节走向、绘制公司组织图、专案进度等等。该软件界面非常漂亮,模板丰富精致,容易激发灵感,辅助对齐和尺寸调整功能强大。目前还推出了iPad版本的应用(328元)。

    GUI Design Studio(GDS)

    GUI Design Studio是面向应用软件设计图形用户界面的专业工具,特别适合客户端软件设计。该软件能够快速将设计思路以可视化的方式来表现出来,并实现基本的交互,便于演示以及与客户完成有效沟通交流。GUI Design Studio是不需要软件开发和编码的完整的设计工具,它支持所有基于微软Windows 平台的软件,提供的了大部分C/S、B/S组件的示意图,可组合使用,是一款非常款适合界面原型设计者和界面原型开发员的软件,能够满足一般软件界面模型设计需要。

    界面设计软件(GUI Design Studio)
    1.5
    类别: 编程辅助    大小:4.4M    语言: 中文 
    查看详细信息 >>

    Office组件

    大家熟悉的Office套件中有不少组件都可以用在原型设计中:如Visio、PPT、Word、甚至Excel等,但是操作过程相对比较繁琐。

    Visio:功能相对丰富,操作复杂。适合画流程图,框架图。不利于批注与交互的表达与演示。
    Word:可以画线框图、流程图,添加批注与文字说明。对交互表达不好,不利于演示。
    PPT:易于画框架图、做批注,也可以表达部分交互流程,擅长演示。

    Microsoft Visio 2007
    7.6
    类别: 办公软件    大小:374.9M    语言: 中文 
    查看详细信息 >>

    Adobe设计组件

    一些视觉设计出身的原型设计人员因为软件使用习惯的原因,会选用Adobe的一些平面和网页设计工具来做原型设计工具。

    Photoshop/Illustrator:操作难度相对较大,易于画框架图、流程图。不利于表达交互设计,不擅长文字说明与批注。
    Dreamweaver:操作难度大,需要基础html知识。易于画框架图、流程图、表达交互设计。不擅长文字说明与批注。

    纸笔

    当然,我们最传统的纸笔也是非常重要的原型设计工具,帮助我们在设计初期记录和整理思路,绘制最初的草稿。

    除了上面我们提到的这些,现在还有很多很多相关的原型设计工具他们各有特点,大家可以选择自己习惯地使用,也欢迎在文章末尾分享您的意见。无论是桌面软件、Web网站还是移动APP界面,原型设计都是产品设计流程中非常重要的一环,原型设计在一定程度上是为了说明用户将如何与产品进行交互,用来展现最初的产品设想,起到直观展示和有效沟通的作用。原型设计需要体现出用户在每个页面上期望看到的内容,以及这些内容在页面上的相对优先级,展示内容和结构及粗线条的布局,而不是视觉设计。原型是一个概念到实现的过渡,是不同部门对话的交流介质,重点在于沟通和帮助项目成员(比如团队中的工程师与设计师等)理解产品需求。 从整个项目的角度讲,在原型的设计与沟通过程中发现问题并加以调整,将更有效地避免将问题留到视觉设计和开发流程中,有效提高开发效率。


    展开全文
  • 以前一直想学习一下原型设计这方面的知识,觉得原型设计的软件比较简单直接地表达了我的设计理念,而不用太多的语言基础,就拖动元素组件,修改属性,添加事件等等,刚好今天接触axure这款原型软件,和...

    以前一直想学习一下原型设计这方面的知识,觉得原型设计的软件比较简单直接地表达了我的设计理念,而不用太多的语言基础,就拖动元素组件,修改属性,添加事件等等,刚好今天接触axure这款原型软件,和http://www.webppd.com/portal.php原型设计论坛,发现站长尹广磊的一些文章很有学习意义,所以就mark下来,以备日后查阅。

    1.Web项目的一般过程



    2.如何把一个产品说清楚?





    展开全文
  • 给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP 这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计出来的原型产品就是你项目组后期整个项目所要...

     啧啧~~

    给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP

    这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计出来的原型产品就是你项目组后期整个项目所要做成的样子,只是为了向客户展示。注意啦!这款工具所设计出来的产品项目原型作用只有一个,那就是向客户展示你对他要做的项目~~

    好了,话不多说,来简单的设计一个小案例:

    这里我用的是6.0版本的,没办法,公司就用这个版本~~

    首先打开桌面“AxureRP.exe”快捷方式,OK,整个工具界面如下:

    制作的一个小例子效果图如下:

     点击菜单一下子菜单一,出现弹出框,效果:

     

    点击确定,关闭或小叉,弹出框和北背景黑色遮罩都会消失,如同真是动作效果

    怎么样,感觉功能挺强大的吧,去试试吧~~

    更多知识分享:微笑空间站

    展开全文
  • 给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP 这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计出来的原型产品就是你项目组后期整个项目所要...

     啧啧~~

    给大家介绍一款超棒的原型设计工具--美国Axure Software Solution公司旗舰产品Axure RP

    这款工具通俗的说呢,就是在项目整体需求考察后对整体设计一个简要性概括!设计出来的原型产品就是你项目组后期整个项目所要做成的样子,只是为了向客户展示。注意啦!这款工具所设计出来的产品项目原型作用只有一个,那就是向客户展示你对他要做的项目~~

    好了,话不多说,来简单的设计一个小案例:

    这里我用的是6.0版本的,没办法,公司就用这个版本~~

    首先打开桌面“AxureRP.exe”快捷方式,OK,整个工具界面如下:

    制作的一个小例子效果图如下:

     点击菜单一下子菜单一,出现弹出框,效果:

     

    点击确定,关闭或小叉,弹出框和北背景黑色遮罩都会消失,如同真是动作效果

    怎么样,感觉功能挺强大的吧,去试试吧~~

    更多知识分享:微笑空间站

    转载于:https://www.cnblogs.com/xuyongsky1234/p/4211726.html

    展开全文
  • 原型设计

    2017-11-30 17:19:00
    简单说,“原型”是在项目前期阶段的重要设计步骤,主要以发现新想法和检验设计为目的,重点在于直观体现产品主要界面风格以及结构、并展示主要功能模块以及之间相互关系,不断确认模糊部分,为后期的视觉设计和代码...
  • 摘要:此项目博客为潘老师系统分析与设计项目相关博客,主要是讲述如何利用xiapiu进行原型...大量的模板,兼具高保真与低保真,满足产品原型设计的一切需求 网页在线编辑,无需下载相关系列软件,大大降低了对软件...
  • 项目管理流程之产品原型工具比较

    千次阅读 2018-06-21 12:42:50
    Axure/Mockplus1、mockplus制作的原型,交互方面比较简单,而axure可以高仿真度的模拟。对于与技术开发的沟通一般mockplus制作的原型就够了,而对于一些不懂技术的人群axure制作仿真度高的原型更易于理解。建议学习...
  • 原型设计 一`什么是原型设计? 世界观: 原型就是一个产品出炉之前样品的简单框架,就像建筑业制造业的图纸一样,起到指导和展示的作用. 这部分工作是由产品经理来规划. 原型设计就是设计原型的过程. 交互设计,...
  • 上半年做学校的大创项目,团队成员很少,不得已自己扛起设计产品的大旗,学了点Axure就开始干活了。 这个第一版很简单,因为我们做的是校园短视频分享平台,所以界面做的很简洁,基本只保留了主要功能。(后期...
  • 原型设计实践

    千次阅读 热门讨论 2014-10-27 16:59:11
    在教师管理系统这个项目中,开始学习并使用Axure进行原型设计。尽管现在可以用Axure来进行一些简单的界面设计和交互设计,仍觉得自己掌握的只是Axure强大功能的微小的一部分。  提到原型设计,不得不提一个词:UCD...
  • 原型设计是交互设计师与PD、PM、网站开发工程师沟通的最好工具。而该块的设计在原则上必须是交互设计师的产物,交互设计以用户为中心的理念会贯穿整个产品。利用交互设计师专业的眼光与经验直接导至该产品的可用性。...
  • 制作产品原型

    2012-02-18 17:45:00
    要开发手机程序之前要设计产品原型,虽然我不是产品经理,可是为了项目的完整性,我还是做了个简单产品原型,使用到的工具是在线的, 这个是iphone原型的,拿来凑合用一下,主要是觉得很酷,虽然不是很好用,...
  • Axure原型团队设计

    2019-09-29 10:17:31
    产品经理画原型一般会独立的去完成一个项目原型设计,但是也会有一些公司会出现团队去完成一个大型项目原型设计。那么,如果团队同时绘制一个原型设计呢? 我之前遇到这个问的时候,也是搜索和探寻了一天,大概...
  • 原型设计建议规范(一)

    千次阅读 2017-03-23 18:22:29
    熊先生最近和几个产品设计的大神接触,通过从他们那里的请教学习,简单的总结了一些关于产品原型设计规范的小意见,希望对大家有所帮助。 1. 项目类型 正所谓没有规矩,不成方圆,项目类型的...
  • Axure 6.5 原型设计工具

    2012-10-18 10:54:26
    Axure是一款原型设计工具,作为产品经理、需求分析师或项目经理等人员的喜爱,该工具简单易用,无需写代码,可以生成Html、规格说明书等等。用该工具可以快速完成一个原型demo,从而可以与客户进行良好沟通,而且也...
  • 墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示...
  • 快速原型设计工具-Axure

    千次阅读 2016-02-22 16:33:49
    快速原型设计工具-Axure sf2gis@163.com 2016年1月5日 2016年1月7日添加闪烁效果 2016年1月15日增加团队项目 1 目标:快速构建GUI,具备基本演示功能,帮助确定界面。 能够模拟正式程序,具有交互功能(演示)...
  • 《Axure RP 6原型设计精髓》绝不仅仅是Axure软件的功能介绍,而是从项目完整生命周期的角度,系统阐述如何使用Axure来帮助项目成功。 《Axure RP 6原型设计精髓》的随书示例文件,请前往@七印部落的微博下载。 ...
  • Axure RP Pro 4是一款面向Web项目开发的交互原型设计软件,其主要功能是快递绘制原型页面集合(Wireframe)与流程图(flow)。其最大的特点是能够让用户充分地将注释与简单效果结合起来,从而在原型设计与文档生成间...
  • 在Web产品设计中,Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段,低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间,在Balsamiq Mockups出现之前,流程图...
  • 想要学习原型图绘制的小伙伴可以看过来,适合零基础的小白,五分钟就可以上手,绘制自己想要的产品原型图。 官方介绍: 用户只需输入网址即可享受桌面软件级的用户体验,随时随地进行创作,项目云端存储,一键分享...
  • 周初,客户安排了一个小的页面–泰康20周年直播,比较简单,样式我却调整了三版,主要原因还是对需求没能深入的分析,在此汇总分析如下:首先,项目原型,底部见图,上部分直播窗口,两个频道切换按钮,和下部图文...
  • 我们在开发项目的时候常常会用软件工程方面的设计模型,如瀑布模型、快速原型模型、增量模型、螺旋模型、喷泉模型 ...产品经理使用原型设计是比较多的,可以更好地帮助产品经理确定需求、设计产品。...
  • Axure作为产品经理最通用的原型设计工具,虽然它还存在着这样或那样的问题,但仍然是最简单、高效的原型设计工具,没有之一,今天我们聊一下如何做一个最简单的Axure项目。(迷你导航) 1 首先新建一张空白的...
  • 众筹系统采用Springboot框架,前端主要采用Bootstrap框架结合Thymeleaf完成页面原型的前端渲染,采用MySQL对众筹项目的基本信息以及回报的详细信息进行存储。该系统实现了用户短信验证注册、众筹项目展示、个人发起...
  • 一、原型设计介绍 ...产品原型可以概括的说是整个产品面市之前的一个框架设计。以网站注册作为例子,整个前期的交互设计流程图之后,就是原形开发的设计阶段,简单的来说是将页面的模块、元素、人机交...
  • 产品原型简单的说就是产品设计成形之前的一个简单框架,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一些,还会加入一些交互性的元素,使其更加具体、形象和生动。就我个人而言,目前使用频率最多...
  • 原型的执行器将是简单的业余伺服电机,以实现简单性和可替换性。 考虑的其他选项包括:螺线管,肌肉线 该软件将使用标准的MIDI命令从类似PC的设备接收音乐,该设备可以是真实的PC或树莓派。 :mechanical_arm: 机械...

空空如也

空空如也

1 2 3 4 5 ... 9
收藏数 174
精华内容 69
关键字:

产品原型设计简单项目