文档章节

这些工具你会用吗?常见设计工具视频教程集锦

jongde
 jongde
发布于 2016/12/02 11:40
字数 982
阅读 8
收藏 0

在产品开发过程中,最常用的展现构思的方式一般来说是纸笔原型,最简单也最迅速,寥寥一画,一个大致的线框图就呈现出来了。但是如果想要把线框图表现得更完美,你还是有很多工作要做哒~YouTube上一位大牛在他的视频里展示了一套完整网络邮件服务的纸质原型线框图。由两个人合作完成按钮点击和网页跳转的展示,看起来逻辑思路都很清晰完整,但是对于当下的快节奏工作环境,制作和展示这样一套完整的原型还是颇为耗费时间。有网友问展示这套设计排练了多久,也有人担心纸片片的顺序被打乱,或者文件容易缺失的问题。

相较于这种传统的操作方式,更高级一点的就是借助于各种线框、原型设计工具。也看到网上有很多关于这类工具的介绍或者总结,爆炸式的陈列出大把大把的工具,但是,你真的会用吗?授人以鱼不如授人以渔。所以,这里总结了一些常见原型工具的使用教程,希望对你有用。

线框图工具 - Balsamiq

这款工具据说是首创了手绘风格。界面和操作都比较简单,只需拖出控件,调整属性就可以快速的绘制低保真的线框图,手绘风格也很讨巧。网站上很贴心的在首页展示了一个3分钟的短视频,让用户即看即学。更多更详细的使用教程YouTube上也不少,比如这个2013年11月份制作的Balsamiq Tutorial,达到了65K+的观看量。

交互式原型设计工具 - Mockplus

Mockplus是一款非常简单易学的交互式原型工具,特有的链接点,让你轻松的在拖拽之间迅速完成组件、页面交互,非常直观。中文教程:10分钟教学视频,即学即用,快速上手。国外的童鞋也能在YouTube上搜到很多Mockplus的教学视频,短短几个月的时间,Mockplus的教程已经累积10K+的浏览。Mockplus在交互方面的优势可以从其中一个“30秒制作原型”的视频中充分体现。

界面编辑工具- Sketch

Sketch是一款适用于所有设计师的矢量绘图应用。矢量绘图也是目前进行网页,图标以及界面设计的最好方式。有经验的设计师花上几个小时便能将自己的设计技巧在Sketch中自如运用。如果你没有使用过Sketch也不要紧,跟着我列出来的教程视频看下去,你会收获很多的。中文视频,请移步这里:Sketch视频教程专辑。有兴趣看更多视频的同学吗,可以去YouTube看一下LevelUpTuts家的Sketch App Tutorials - Series Introduction视频,干货不少,两年多的时间有300K+的观看,相信有不少看过视频的同学都已经修炼成了大神。

界面演示工具 - Invision

InVision 并不是一款严格意义上的交互设计工具,但它可以帮助设计师和设计团队更加高效地做原型设计。用户制作一个在线原型只需要四部:创建一个工程、上传视觉设计稿、添加链接以及生成在线原型,便于和同事、用户交流,获取反馈。与此同时,InVision拥有完备的项目管理功能,团队协作完成原型设计。3分钟视频快速了解Invision。同样,可以去YouTube找到更多详细的Invision视频教程

© 著作权归作者所有

共有 人打赏支持
jongde
粉丝 8
博文 260
码字总数 323940
作品 0
成都
[Share]2008年国外最佳Web设计/开发技巧、脚本及资源总结

今天是2008年的最后一天,彬Go为大家奉上今年的最后大餐,这篇文章将为大家总结08年国外一些比较不错的前端开发相关的教程、技巧、脚本、实 例及工具资源等,有一些是曾经彬Go发表过的翻译文...

吞吞吐吐的
2017/10/05
0
0
【分享】各种电源设计实例详解(模拟、FPGA、处理器系统、LED)

【分享】各种电源设计实例详解 包括模拟、FPGA、处理器系统、LED等方面 本视频教程通过设计实例讲解了TI公司的WEBENCH工具。WEBENCH是TI公司一款易于使用且提供定制结果的功能非常强大的在线...

lanqee
2013/08/20
201
1
51CTO学院新课发布~~带你遇见更好的自己(十一)(2017.11.25-12.31)

元旦3天可以说是过的非常快了,大部分的同学们都回家跨年了,小编姐姐本来已经买了李志的“相信未来”南京跨年演唱会的票,苦于没人陪我去,最后硬是活活被朋友拉去长沙跑了个马拉松。话说本...

51CTO学院
01/04
0
0
喀纳斯Ubuntu中文定制版

喀纳斯Ubuntu 10.04中文定制版是由喀纳斯自由软件专卖店根据用户的需要制作的一个Ubuntu 中文定制版。喀纳斯 Ubuntu 10.04中文定制版的目标是让Ubuntu 更加容易使用,对用户更具有亲和力!喀...

匿名
2010/05/18
6.4K
1
UG编程精华内容之电极设计,这就是你想学的内容!

     拆电极   常见拆电极方式:   1、UG自带电极模块      2、UG电极外挂   东创、进玉等   3、手动拆电极         1、电极模块设计步骤   类似于塑胶模具设计...

UG数控编程
05/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

jQuery学习笔记180924

jQuery - AJAX 简介 什么是 AJAX? AJAX = 异步 JavaScript 和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示...

颖伙虫
21分钟前
1
0
springboot整合vue小试牛刀

序 本文主要研究一下如何在springboot工程整合vue maven <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-we......

go4it
22分钟前
1
0
使用python的profiler工具

主要用来检测python coding的执行时间 fly profiler

steel7c4
26分钟前
0
0
大数据日知录笔记

硬件成本的快速下降,使得电子设备的无处不在成为可能,数据无处不在,无时不在. IBM用3V(Volume,Velocity,Variety)来描述大数据的特点,后来又增加了Value这个维度,即价值密度低的数据成为大数据...

凌渡
35分钟前
0
0
IDEA、WebStorm最新永久激活方式

今天早上一大早打开IDEA发现激活已过期,遂开始寻找激活码。但是一直不成功,后来终于找到一种比较靠谱的激活方式。在此记录下来,以备不时之需。 目前网上现有的激活方式大概有这么三种 激活...

耒耒耒耒耒
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部