017. 单选按钮、复选按钮——axure线框图部件库介绍

有时候发现这做事情坚持下来是一件很不容易的,写教程也一样,不过听到很多朋友对我说 这个全部是图片的教程 对他们入门帮助很多,我就想想 在坚持坚持把基础部分先完善了!

1. 简单的问卷调查:

您的性别?  答案:男   女
当然我们首先需要分析一下,这个问题,问性别 你只可能是男或者是女,2者只能是其一,不能即是男也是女是把,所以我们这个问卷调查的题目是一个单选题:

要设置这样的一个问题,其实学到这个教程这个阶段,很多人都很清楚该如何去做了,第一步是拖动你需要的单选按钮到页面编辑区域,和一个文本面板,分别双击设置对应的文字,如图:

单选1

您的爱好? 篮球  足球  羽毛球  苍老师

同样我们也进行一下分析,一个人可以同时喜欢篮球 足球 羽毛球 还有苍老师(这个是世界的)所以啊,这个是一个多选题,只要你有精力 你可以全部喜欢

所以我们的问题设置,如图:

多选1

这样我们就简单的制作了问卷调研中最重要的2类题型。单选题,多选题

 

2.设定单选组问题

做好上面的单选题设置后,肯定很多人在设置原型后,发现了,为什么我的男、女都可以选中,不是说是单选题吗,为什么不能像正规网站一样,只能选中一个了,其实这里面我们忘记了一个设置,就是设置单选按钮组,我们必须保证这2个单选选项是一组的,这样才能实现我们想要的效果:只能选中男或者女,如图:

指定单选组

 

后面的教程,都会慢慢的提供案例原型,方便大家的理解,另外个人计划在11国庆期间,制作一个完整的网站原型项目。初步拟定以问卷调研网站为范本,给大家看看完整的案例原型是怎么样的!如果大家有什么其他的意见 也欢迎留言,不能我每天看的网站的流量很高,却没有一个人来发表点个人的观点是吧,好或者是不好,都欢迎大家积极的交流,也给我的博客留点人气!谢谢大家了!

(本文出自萧何)

原创文章,作者:Smiler李想,如若转载,请注明出处:https://www.iamue.com/329/

(0)
Smiler李想Smiler李想
上一篇 2014-09-12 13:06
下一篇 2014-09-12 13:15

相关推荐

  • 界面设计中的动画原理:可理解的变速过渡效果-深入研究加速和减速

    注:“可读性”是说动画绘制者如何定义动画的精准度,用来清晰而容易地理解正在发生的事情。例如:不可读=不清楚发生的事情很易读=它非常清楚,立刻能懂弹跳背后的物理理论:球刚开始被放开的时候,它有一个相对缓慢的速度。在重力的作用下,球的速度持续增长,直到接触地面的那一刻速度达到最大。地面给球反作用力,使它以几乎相同的速度反弹回去。当球移动时,两种力量作用正在球上 - 反弹的力、想把它拉下来的重力。反弹的力量正在慢慢释放,这使得球随着升高逐渐减低速度,直到它耗费掉所有的反作用力,最终到达反弹的最高点。它在顶部停留一微秒,直到重力把它拉下来,使它像之前一样加速下降。我用言语来描述这句话是有原因的。我们试着将一种自然行为分解为具体的步骤,这样我们就可以重新创造它。注:不要羞于“照搬”大自然。你的观众会更快地与动画关联起来,从而更容易读懂动画。注意:这一术语有可能与其它术语混淆。如果你正在阅读传统的卡通书,例如迪斯尼的《生命的幻象》或《动画师的生存工具》,那么这些书会告诉你,当一个物体开始减速然后加速时,这一过程被称为渐慢(ease-out),因为它的姿态在“缓慢输出”。但是,在软件产业(CSS动画,Adobe Edge等),这一过程被称为渐快(ease in)!我不确定这一不同之处是怎么来的,但是不幸的是,这就是它的形成过程。所以,当你在阅读一篇文章时,而这篇文章把它们把“渐快”称为“渐慢”,那么不要觉得困惑。看一眼你所在的网站你就懂了:D。时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :  34
    0.2  :  68
    0.3  : 102
    0.4  : 136
    0.5  : 170时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :   2
    0.2  :  10
    0.3  :  36
    0.4  :  87
    0.5  : 170注意:你会在软件中看到更多用于设置缓冲的选项,例如二次的、三次的、四次的等等。它们只是缓和程度更高的选择,但是概念是相同的。只需记住——缓和的程度越高,你就会得到更多的缓和度。并不是规则,只是工具(There are no rules. Only tools)- Glenn Vilppu

    2017-06-05
  • 用户体验设计(UED)内功心法开山篇(附案例研究)

    何为UED?在产品定义阶段,它是一种关乎如何解决问题的思维模式,在产品迭代期,它又是一种关乎如何思辨方案真实体验水平的科学验证。更具体一点,到底是什么样的思维模式和科学验证,近一年的时间我们通过大量案例逐渐将其解构出来,并将导图成“UED内功心法”,期望能够帮助交互设计师在具体实操过程中有的放矢,更有针对性地发挥设计的价值。

    2017-04-29
  • 我的设计流程|学会这3招,跟反复改稿Say No!

    设计师要想摆脱反复改稿的噩梦,自身就必须要更加专业以及见多识广,要么你能选择去跟一群专业的人共事,要么是你能用你的专业引导或配合别人按你的思路走。

    2017-05-15
  • 阿里交互新手小记 | 交互工作流程的梳理

    头疼就是脑子里有什么正在激烈地进行改变,可能就是你从困难上学会的东西。—— 写这篇文章的人

    2017-05-23
  • 原创:用户体验设计入门指南

    如果你正考虑对转化或者落地页的优化,那么理解用户体验设计是必不可少的。如你所知,我们写了很多关于用户或独立访客到达你的网站或者落地页时需要一定的引导和帮助的文章。用户体验设计有助于确保在此过程中最重…

    2015-11-20
  • 手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03
  • iOS和Android规范解析——搜索

    各位亲爱的读者小伙伴们,前面一系列文章为大家介绍了各种弹出物的用法,从今天起,我们开始介绍其它的非弹出类控件。此篇要说的是搜索。

    2017-04-29
  • 优秀的移动端UI,应当如何用微交互打磨细节?

    你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘的产品,靠的是这一个个精致到位的细节堆出来的。

    2017-05-19
  • 用户体验设计专题——前言

    元宵佳节一过,春节假期正式步入尾声,相信大家的工作也已步入正轨。为了感谢大家对我们这个略显晦涩却干货满满的公众号的支持,经过系统梳理,我们归纳总结了9个用户产品设计的基本原理,结合从数千个小流量评估实验中筛选的经典案例予以阐述,在未来两个月的时间里,会逐步分享给大家!废话少叙,步入正题!笼统地说,用户体验(User Experience,简称UX或者UE),是指用户在使用一个产品、系统或者服务时建立起来的纯主观感受。这里我们会关注两个重...

    微信热点 2018-03-02
  • 用户体验地图

    利用用户体验地图实现产品的情感化设计;先来看一张图:我们可以将用户体验地图分为三个区域,其中:# ZONE A 提供了对地图的界定;# ZONE B 是视觉化的用户体验过程;# ZONE C 描述了用户的痛点;我们通过拆分各个区来实现一个用户体验地图的构建;A区:1 : 表示一个角色,即体验的用户是谁,或者说你的产品的目标客户群体是什么样类型的人;2 :表示待调研的场景,即在用户什么情景下会使用你的产品;B区:3 :可分段的体验过程,即...

    2018-03-28