发现现在越来越多UI设计师都需要画一些交互的线框图,今天就为大家整理一下绘制UI/UX的原型图的方法有哪些,有手绘的、卡牌的、软件绘制的,大家可以根据喜好来选择适合自己的一种。

一般在没有啥工具的情况下,经常使用的就是手绘啦,只要一张纸一支笔,就能绘制出简单的交互原型。当然质量还是要看本人的手绘能力的。。。

没关系,手残党可以使用彩色马克笔来让你的草图生动起来

如果你有一把尺子,那会更好

其实还有一种UI设计专用的点点本,也非常好用,某宝上面就有卖。

如果以上方式都不能拯救你的话,可以试试使用专业的原型卡牌,UXDock网站上就有。

除此之外,还可以使用绘图软件来制作,效果会更好,比如Photoshop、Illustrator、Sketch等,这几款软件相信大家都使用过吧。

还有一些专门用来制作原型的软件,也可以试试。比如我经常使用的Balsamiq Mockups,这款软件绘制出来的交互原型风格独特,有点像手绘的感觉。

应该还有一些小伙伴喜欢风格比较好看点的Mockplus,很多产品经理都喜欢使用这个工具。

如果你想挑战更好难度的高保真交互原型,可以学习使用ProtoPie。

以上软件可以在马可菠萝网站直接下载。有时灵感来的太快,只能用手绘和卡牌来临时记录想法,没关系,反正也只有自己看看,但当进一点确定后,最好还是使用软件画正规一点的原型比较好哦。

转载于:https://juejin.im/post/5c8b82b35188257e3941c965

论手残党画交互原型的正确姿势相关推荐

  1. 华为AnyOffice eSDK 手机端内外网通信的正确姿势

    华为AnyOffice实现了一整套移动平台接入方案和管理方案,但是其提供eSDK对开发者并不是很友好,比如eSDK提供了都是第七层HTTP协议的API,只能使用它提供的几个类进行操作,很不灵活而且局限 ...

  2. axure 8 表格合并_规范交互原型图包含哪些要素? | 附Axure 模版源文件

    按照常规且科学的产品设计流程,我们在产品设计之初,先要理清楚用户任务流程.从而搭建起信息结构图.再具象化为页面流程图(仅描述每个页面需要包含的信息).进而通过手绘将页面的具体呈现样式描绘在纸上形成纸面 ...

  3. android ios 画图 app,手残党也能自画“小怪兽”?这些画图app你必须知道!

    原标题:手残党也能自画"小怪兽"?这些画图app你必须知道! 如今,手机在手,所有事情都变得越来越简单,画画也是. 年轻人的流行主题总是来得又快,走得也急.这个现象在大家的朋友圈中 ...

  4. PHP画像素直线,画像素画原来如此简单!绝对是手残党的福利

    [PConline 杂谈]你听说过像素画吗?最近网络上出现很多利用像素绘制的卡通图案,我们把这些称之为像素画.其绘画过程简单,不需要任何绘画的功底,可以说绝对是手残党的福利.但是对于像素画你可能会感觉 ...

  5. rp软件app流程图_Axure RP 9 for Mac交互原型设计软件

    Axure RP 9是一款快速原型设计软件,主要用于WEB界面.APP界面.软件界面产品的交互原型设计.是互联网产品经理必备的软件之一,主流科技公司都在用.Axure RP 9 是专为UX专业人员和业 ...

  6. Axure手机移动端交互原型通用元件库

    点此下载全部资源 这套全新的作品在移动端元件库v1.0的基础上优化而来的,新版本正式命名为:AxureUX手机移动端交互原型通用元件库.新作品不仅对旧版本中全部的元件进行了重新整理和设计,而且还整合了 ...

  7. Axure RP 9交互原型设计软件增加了哪些新功能

    Axure RP 9是一款快速原型设计软件,主要用于WEB界面.APP界面.软件界面产品的交互原型设计.是互联网产品经理必备的软件之一,主流科技公司都在用.Axure RP 9是专为UX专业人员和业务 ...

  8. 绘画手残党的福音:涂鸦线稿秒变绝美图像

    摘要:涂鸦线稿秒变绝美图像,ControlNet-Scribble2Img适配华为云ModelArts,提供更加便利和创新的图像生成体验,将你的想象变为真实的图像. 本文分享自华为云社区<AIG ...

  9. 手怎么画?怎样才能画好人物的手部?

    手怎么画?怎样才能画好人物的手部?画好人物的手部有哪些技巧?想必这些问题都是绘画初学者们比较伤脑筋的问题,那么到底怎样才能画好动漫人物的手部呢?今天奇奇君就在网络上收集整理了关于手怎么画?手部姿势的画 ...

最新文章

  1. matlab文档型数据导入,MATLAB-数据导入
  2. 1.两个VLAN通过两个交换机与路由器的通信
  3. QT Creater/VS2013的使用(快捷键,调试等)
  4. Spring5 源码下载注意事项
  5. LoadRunner 脚本语言认识
  6. PHP list的赋值
  7. 主板没有rgb接口怎么接灯_性价比稳定的RGB水冷散热器:乔思伯天使眼TW2-240测评...
  8. 东京奥运出租车超预算想找滴滴接盘被拒 网友:真当人傻吗?
  9. monkeytest方法-20171113
  10. 阿里云VOD 视频点播(一)、nuxt视频上传,视频播放
  11. 计算机及网络维护工程师专业问题
  12. 【MatLab fdatool】Butterworth 低通 带阻 滤波器 (MatLab C++)
  13. 直播改革:关闭10家平台监管3万主播
  14. 免费使用GPU服务器
  15. DSP之一:GPIO概述(F28335)
  16. 软件测试——单元测试/集成测试/系统测试/验收测试
  17. pcm格式封装wav
  18. 文本分类算法TextCNN原理详解
  19. c语言课程表策划案,C语言课程设计-个人课程表管理系统报告
  20. 【Mysql】免费的mysql图形化软件推荐

热门文章

  1. 机器学习处理信号分离_[学习笔记]使用机器学习和深度学习处理信号基础知识...
  2. html5 推送到桌面,Html5中的桌面通知Notification的实现
  3. matlab 测量矩阵,急求一个测量矩阵采用分块多项式矩阵时怎样引用的代码!!!
  4. everedit选择_EverEdit(文本编辑器)
  5. NLP 的EDA数据增强技术
  6. tuple index out of range
  7. linux系统管理员的家目录是,最新linux网络操作系统与实训 课后习题答案汇编...
  8. python中打开文件提示编码当时错误_Python:文件编码错误
  9. 计算机网络讨论4,计算机网络的创新研究讨论原稿(资料4)
  10. csrf攻击原理与解决方法_信息安全之CSRF攻击