文档章节

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

jongde
 jongde
发布于 2016/12/02 11:40
字数 982
阅读 9
收藏 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论坛版主systemerror为大家整理了一个网络安全精品资料目录。内容经挑选的,广受网友欢迎,包括了6个精华专题30个热门资料以及12个精品工具。资料均是下载中心的经典资料,感兴的同学可...

Walfred
06/26
0
0
看看谷歌在世界杯期间都干了什么

6月15日消息,面对巴西世界杯如火如荼,互联网公司自然不能放弃这一营销良机。日前,谷歌宣布和美国体育电视媒体ESPN合作,在搜索中整合精彩集锦视频等内容。 在世界杯赛事进行过程中,许多人...

luyong
2014/06/15
0
0
UG编程精华内容之电极设计,这就是你想学的内容!

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

UG数控编程
05/20
0
0

没有更多内容

加载失败,请刷新页面

加载更多

OSChina 周二乱弹 —— 请上车吧

Osc乱弹歌单(2018)请戳(这里) 【今日歌曲】 @2amor :分享王菲的单曲《闷》 《闷》- 王菲 手机党少年们想听歌,请使劲儿戳(这里) @開源中國周杰倫 :昨天睡觉肚子疼,妈蛋,半夜爬起来...

小小编辑
22分钟前
81
5
工作中如何做好技术积累

参考:https://tech.meituan.com/study_vs_work.html 看了这篇文章,觉得总结得非常好,因此摘抄了一些关键点,以便自己经常翻阅。 引言 在繁忙的工作中做好技术积累,构建个人核心竞争力. 在...

grace_233
33分钟前
5
0
day146-2018-11-13-英语流利阅读-待学习

5 岁“牛娃”简历给 985 精英一个暴击 Lala 2018-11-13 1.今日导读 “不要让孩子输在起跑线上”,似乎已成为了当下最流行的名句,每个身为家长或还未成为家长的人都不得不思考这句话的分量。...

飞鱼说编程
46分钟前
4
0
Mariadb二进制包安装,Apache安装

安装mariadb 下载二进制包并解压 [root@test-a src]# wget https://downloads.mariadb.com/MariaDB/mariadb-10.2.6/bintar-linux-glibc_214-x86_64/mariadb-10.2.6-linux-glibc_214-x86_64.t......

野雪球
今天
4
0
ConcurrentHashMap 高并发性的实现机制

ConcurrentHashMap 的结构分析 为了更好的理解 ConcurrentHashMap 高并发的具体实现,让我们先探索它的结构模型。 ConcurrentHashMap 类中包含两个静态内部类 HashEntry 和 Segment。HashEnt...

TonyStarkSir
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部