zoukankan      html  css  js  c++  java
  • 原型设计工具比较及实践

    原型设计工具比较

    首先比较一下常用的两种原型设计工具,墨刀和Axure。

    在组件方面,墨刀有素材库自带很多组件,还可以根据它提供的图标制作需要的组件。

    而Axure只有一些基本的元件,更多的自己设计制作或者从素材库下载。

    在交互方面,墨刀做交互十分简单,但是如果一个页面需要完成很多个交互过程,链接线可能会使界面十分杂乱。墨刀的交互效果比较少,有单击、左右滑、长按、定时器等,能满足基本的软件使用。

    而Axure要做交互,则需要设置各种条件,虽然操作复杂一些,但是灵活性很强。 

    总结来说,墨刀的优势在于快速,操作简单易上手,便于向客户展示产品效果。但是功能较少,适合做比较简单的软件产品。

    Axure优势在于版面自由,功能更强大,更适合做面向设计和开发的产品文档。

    下面推荐一个关于墨刀使用的博客,简单介绍了墨刀的基本功能的使用,有助于学习使用墨刀。https://www.cnblogs.com/Nee4l/p/10798050.html

    原型设计实践

    接下来是我们组队完成的原型设计,主题是老年手机,使用的工具是墨刀

    该设计共有五个界面,分别是锁屏界面、主页界面、拨号界面、联系人界面、紧急拨号界面。

    考虑到是老年人使用的手机,我们在设计时将字体设置的比较大。

    锁屏界面和紧急拨号界面

    第一个进去的界面是锁屏界面,该界面设计了两个链接区域,摁住中间箭头上滑解锁,可以进入主页界面。

    点击左下角电话标志进入紧急拨号界面,老人在遇到突发状况时可通过该按钮快速拨打电话求助。

    该界面设置了三个快捷拨出的号码,分别是报警电话、急救电话和家人电话。为防止信息泄露,该界面的家人电话只显示备注,隐藏具体号码。

    点击右下角返回键可以返回锁屏界面。

              

    主页界面

     通过锁屏界面箭头上滑后进入主页界面,考虑到老年人日常生活的需要,该界面只设置了九个日常生活使用的基本的应用软件,以及六个手机系统自带的功能键,分别是拨号、信息、相机,菜单键、home键、返回键。

    应用软件和功能键的图标是由墨刀图标库里的图标和内置组件组合而成。基本操作是以内置组件中的矩形为底,在图标库挑选合适的图标叠加然后调整大小和颜色,将文本框拖到图标底部修改名称。

    要注意所有图标的大小一致,且文本框和图标之间要设置一个固定的距离,保证整个界面的排布整齐。

    拨号界面

    点击左下角带电话的图标进入拨号界面,界面顶部有一个下拉框,可选项为全部通话、未接来电和拦截来电,在内置组件中就能找到下拉框,拖到相应的位置双击编辑即可。

    界面上半部分是通话记录,显示备注、号码、状态和通话时间。状态由箭头表示,向上即为拨出,向下即为拨入,红色代表未接听,绿色代表已接听。

    界面的下半部分是拨号盘这个拨号盘是来自手机截图,上面的联系人和删除键是从图标库添加的。

    点击黑色小人图标可以打开联系人界面。

    界面底部有三个功能键,点击中间的home键和右下角的返回键都能回到主页。

     联系人界面

    单击拨号界面的联系人标志和主页界面的联系人图标都可以进入联系人界面。

    该界面上部有一个搜索框,是用内置组件中的单行输入做的,点击搜索可输入内容。

    联系人是以备注首字母排序的,右侧有一列字母排序表。联系人列表可以滚屏滑动,这个效果是将组件转换为母版做的。

    点击界面下端的home键和返回键即可返回主页界面。

    总体来说这个原型的制作并不难,只要熟悉了墨刀的使用就能完成,其中主要是各种组件的制作比较耗时。

    在制作原型过程中可以常用锁定键和组合键。锁定键可以将选中组件锁定,防止误操作。组合键可以将选定组件进行组合,方便操作。

  • 相关阅读:
    rest framework 认证 权限 频率
    rest framework 视图,路由
    rest framework 序列化
    10.3 Vue 路由系统
    10.4 Vue 父子传值
    10.2 Vue 环境安装
    10.1 ES6 的新增特性以及简单语法
    Django 跨域请求处理
    20190827 On Java8 第十四章 流式编程
    20190825 On Java8 第十三章 函数式编程
  • 原文地址:https://www.cnblogs.com/zxtblogs/p/12713613.html
Copyright © 2011-2022 走看看