交互设计之原型设计

课程导师

马青 马青
曾任职于上海gamania,上海Massiveblack, 擅长界面设计、概念设计及传统美术绘画,熟悉项目开发交互流程,有着丰富的UI设计及培训经验。
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
22.打分效果的制作
离线学习

下载APP离线观看

技能补充更多
  • 流程图
    流程图

    产品经理梳理过程的利器——流程图,如何绘制流程图,如何组织要绘制的节点内容,用哪些工具可以更有效地绘制流程图,本部分产品流程图课程将深入浅出的带领大家实际训练起来。

  • 竞品分析
    竞品分析

    关注竞品进行分析是产品经理日常工作的重要部分,本部分课程将完整的介绍竞品分析如何组织,有哪些方法,以什么样的形式呈现,配合实际案例做全面的介绍。

  • 从零打造一款社区web产品
    从零打造一款社区web产品

    通过产品经理课程的学习,开展实际训练,运用之前课程中的方法和工具,完整的进行产品的设计流程和整体规划,对产品经理工作中的各个环节进行梳理形成全面认识,从0打造一款社区web产品。

  • 从零打造一款工具app产品
    从零打造一款工具app产品

    通过产品经理理论知识的学习,进行实际训练,运用之前课程中的方法和工具,完整的进行产品的设计流程和整体规划,对产品经理工作中的各个环节进行梳理形成全面认识,从零打造一款工具app产品。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
加载更多↓
  • 产品设计

    关于原型设计

    原型的出现设计师们利用专业的眼光和丰富的的设计经验,快速的构建出一个产品原型,就是产品成型之前的简单框架。对网站来说,就是将页面模块、元素进行粗放式的排版与布局,加入一些交互式的元素。信息化高速发展的今天,软件产品发生了很大的变化,过去软件功能单一,没有太多的业务,不需要用户过多的参与。现在软件功能...

  • 产品设计

    原型设计原则

    原型设计原则分两个知识点进行:一是原型设计的八大原则,二是Axure原型设计学习的方法。原型设计的八大原则原则一:了解受众和意图这时原型设计流程的第一条,也是至关重要的原则。为了做原型,了解受众并理解原型的意图,能驱动原型设计流程的各个方面。了解受众和意图之后,能更好的完成以下工作。一切都源于受众,...

  • 产品设计

    原型设计的重要性

    原型设计的重要性主要讲两个知识点:产品经理需要具备怎样的素质以及产品原型的重要性。产品经理的素质作为一个合格的互联网产品经理,在向技术部提交产品策划方案时除了一份清晰易懂的产品设计方案,产品经理自身还需具备怎样的素质?产品经理是公司综合素质要求最高的一个角色,他必须具备一定的调研能力,也应该具备良好...

  • 产品设计

    流程图低高保真

    本节课有两个知识点:第一个为流程图、低保真、高保真的区别,第二个为利用Axure软件制作流程图。流程图、低保真、高保真图区别1.低保真设计图线框图低保真图,设计师或者需求方对于产品的一种快速的、静态的、清晰的表达手段,用于项目前期的讨论和沟通,给项目成员间或者客户沟通时提供一个大致的概念和讨论方向,...

  • 产品设计

    线框图视频

    轻松画好线框图通过工作中的观察与总结,发现不少新人交互设计师和产品人员在画线框图时都会忽略一些重要的内容,导致视觉设计师的沟通成本增高、返工增多、工作效率下降、设计质量下降等重要问题。解决这些问题,一方面需要加强沟通,另一方面就是要多站在设计的角度上考虑线框图的问题。1.通过明暗对比表达界面元素很复...

  • 产品设计

    高保真网站原型

    为什么要制作高保真原型1.交互设计需不需要设计高保真原型?高保真原型在交互圈子里一直是备受争议的,至今也没有一个标准的结果。其实在争论的时候有一个前提,就是要会这些技能。2.高保真原型的优点1)高保真原型可以显著降低沟通成本一般团队开发,根据情况有各种产品说明,即流程图、交互文档、设计概念图、设计中...

  • 产品设计

    axure软件

    Axure软件安装流程第一步:下载一个Axure7.0英文版本,这里有一个下载地址如图。把文件下载之后双击,件如下界面,点击“运行”,“下一步”,勾选,“下一步”,默认到C盘,“下一步”。如图为安装好的软件的界面。第二步:将英文版汉化,如图为一个汉化包下载地址。现在打开本地C盘,看一下刚才安装的Ax...

  • 产品设计

    站点地图区域

    站点地图功能条介绍在这个软件中,“站点地图”是在左上部。站点地图分为两部分组成:上部的功能条,它是对页面操作的按钮;下部分是树状结构页面,它是采用目录结构和Windows一致,通过父与子的页面关系、兄弟和兄弟的页面关系,把要设计的产品关系整合起来,形成产品的关系文档。下面详细看一下功能条。功能条的第...

  • 产品设计

    axure部件区域

    Axure7.0部件区域的介绍如图为部件区域在软件中的位置。1.线框图的组件线框图的组件在原型设计中内置了25种。主要分为三大类:1)常用组件。它包括图片、一级标题、二级标题、文本标签、多行文本、矩形、占位矩形、圆角矩形、水平线、垂直线、图片热区、动态面板、框架、中继器;2)表单组件。它包括文本框、...

  • 产品设计

    axure母版区域

    Axure母版区域的介绍1.首先看一下Axure母版区域的位置。母版区域的存在可以减少我们设计原型的工作量,提高工作效率,解决重复复制原型某个类似功能的苦恼,它可以达到一次制作母版,在其他页面中得以重复的使用。2.Axure母版区域的介绍它制作母版的方式有两种:1)通过组件转化为母版:拖拽一个横向菜...

  • 产品设计

    axure中的变量

    Axure RP7.0中的变量看一下Axure软件中“变量”的位置,打开软件,找到项目,下面有一个“全局变量”。在Axure中创建的变量,可以用来储存数据,使其能够从一个页面到另一个页面传递变量值。全局变量在整个原型设计过程中都可以使用,但是全局变量也同时可以被修改,所以在使用过程中需要注意。局部变...

  • 产品设计

    交互、样式、注释

    Axure交互、样式、注释1.Axure交互触发事件分为两部分:页面触发事件、部件触发事件1)下图为页面触发事件,点击以后看到页面交互的内容,触发事件是交互事件的起因和源头,根据不同的交互行为选择不同的交互触发事件,可以达到我们想要的交互效果。Axure默认内置了很多页面交互的触发事件,默认的常用的...

  • 产品设计

    axure与其它工具

    四大软件优势劣势对比在我们做网页设计或者UI界面设计的时候,有一项非常基础性的工作就是原型设计。一个好的原型设计工具能极好的提高效率和沟通工作。1.下图为四大软件优势劣势对比图1)Word优势:上手难度普通,可以画线框图,能够画页面流程,能够使用批注和文字说明。劣势:对交互表达不好,不利于演示。2)...

  • 产品设计

    设计注意事项

    浅谈产品原型设计注意事项做出好的产品原型,需要以下几点要注意:1.我们认识最终用户的需求是多么的重要,这也是目前以用户为中心的设计思想的本质。在我们的开始阶段,我们要清楚的了解我们的目标,并制定计划,提出问题、意见,以便解决。这个过程有助于我们更深入的了解需求。修改计划远比修改产品设计要容易。2.为...

  • 产品设计

    首页幻灯制作

    首页幻灯制作效果打开Axure软件,进行制作。找到图片原件,拖入,鼠标右键导入图片。按住Shift、Ctrl,拖动,全选,调整一下位置。鼠标右键导入第二、第三、第四、第五张图片。再拖入一个图片,做一个上面大图的效果鼠标右键导入图片,调整位置。将下面的小图命名,依次选中各个小图,命名“小图1”、“小图...

  • 产品设计

    进度条的制作

    进度条的制作案例效果:当点击滚动按钮时,百分比数是随着滚动条的增长而变化的。打开Axure软件,拖拽一个矩形,设置一个滚动条按钮的大小,命名为“背景”。再拖拽一个矩形,输入“滚动”。再拖拽一个动态面板,命名为“动态面板”,状态添加“面板状态”,“动态1”、“动态2”。在“动态1”中填充面板状态设置,...

  • 产品设计

    淘宝首页广告

    淘宝首页全屏展开的广告如图为本节课案列最后的效果:当打开页面时首先是显示大图、大广告,然后大广告切换为小广告条,同时页面上移,移动到小广告条的位置。首先导入框架这个元件,设置调整的大小为970*240,双击,点击链接到外部OL,复制它的链接,如图为外部OL的一个地址,所以复制的是这个位置的网址。鼠标...

  • 产品设计

    导航鼠标悬停效果

    淘宝首页导航鼠标悬停效果这节课制作淘宝首页导航鼠标悬停效果,当鼠标滑动的时候,如鼠标滑到“天猫”,白色的底图变为灰色的。当滑到“阿里旅行”时,由黑色的字体变为红色的字体颜色,底图也相应的改了。打开Axure软件,导入图片,元件,鼠标右键导入图片,找到之前裁剪好的素材,打开。点击“是”,调整一下位置。...

  • 产品设计

    淘宝全局导航

    淘宝商城的全局导航如图为本节课要制作的效果,当鼠标点击左侧内容时,我们会相应的看到右侧的子菜单对应的出现。当点击第二条的时候,会对应的出现第二个子菜单,当鼠标移出的时候,它又返回。当我们点击的时候,它由原来的图一变成了图二,颜色由黑色变成深黑色,还带了一个箭头的符号,可以看出是有替换的效果的。打开A...

  • 产品设计

    淘宝手机充值效果

    淘宝网手机充值效果最终达到效果:打开淘宝网页,话费充值,当鼠标点击以后,输入一个11位的号码,前三位下面有相应的显示,中间用“-”隔开,当输入到11位时,下面将不再显示。打开Axure软件,导入图片,如图。然后拖入文本框,覆盖住原来的位置,输入手机号命名。隐藏它的边框,调整一下大小。再拖拽一个矩形,...

  • 资料

    资料

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

一名课程顾问想与您沟通

免费电话咨询