1.7 界面原型设计
本节引言： 引用锤子科技视觉设计总监——罗子雄在重庆TEDx活动上说的一小段话： 每当我们看到一些美妙的设计的时候，很多人心里面会有一种冲动，这种冲动会让你们想去创造一些 新的东西，创造一些美妙的事物。 我们常说用户体验用户体验，用户使用你的软件，第一个会接触的是什么？没错，图形化界面(GUI)，简
本节引言：
引用锤子科技视觉设计总监——罗子雄在重庆TEDx活动上说的一小段话：
每当我们看到一些美妙的设计的时候，很多人心里面会有一种冲动，这种冲动会让你们想去创造一些 新的东西，创造一些美妙的事物。
我们常说用户体验用户体验，用户使用你的软件，第一个会接触的是什么？没错，图形化界面(GUI)，简称UI，对于用户而言，最直观，给用户留下第一印像的是往往是程序的界面，而非功能！人，总喜欢美的东西，对吧？ 假如一样的功能，决定用户取向的，往往是UI！精美的UI！当然还有一些贴心的人性化操作等！ 下图两个计算机的App界面：
先不聊功能，单看UI，你会更偏向哪一个？
说白了，产品的UI真的很关键。一般在公司里，界面原型设计这件事，通常是由产品经理和美工一起完成的，流程也很清楚：需求分析 ->界面原型设计 ->再进入代码实现。很多人一开始会觉得，界面原型跟开发关系不大，作用似乎没那么明显。但换个角度看，如果以后想自己做一款App，或者岗位往产品经理方向发展，这部分能力其实很难绕开。毕竟未来怎么走，谁也说不准。就企业使用情况来看，大多数团队还是会用Axure Rp，不过这款工具上手确实不算轻松。当然，除了它，原型设计工具其实还有不少选择：
- Pencil
- Framer
- Shireframe
- UIDesigner
- Balsamiq Mockups
- Mockup Builder
- Mockup
- FrameBox
- iPhone Mockup
- GOOFLOW
- WireframeSketcher
- FluidIA
- Indigo Studio
- Origami
- Quartz Composer
- Justproto
- Avocado
- PaintCode
- Mockplus(摩客)
- 墨刀等....
笔者使用过的是两个国产的界面原型设计工具，他们分别是：Mockplus(摩客)和墨刀 本文会简要的介绍下Mockplus的用法！
Mockplus原型工具的使用：
有网页版以及客户端版供你选择：Mockplus官网
Step 1：注册一个你自己的账号，然后新建文件进入编辑界面！(时间关系，这里笔者直接试用) 然后弹出一个原型风格的对话框给我们选择：素描跟线条！
笔者选择线条：
我们要做的就是从左边的组件栏中啦控件到手机界面上，当然，我们可以双击某个控件，自定义我们 的样式，比如颜色，背景图片等！
Step 2：交互实现： 界面原型除了界面外，肯定是少不了交互的，这里我们做一个简单的新闻应用的交互例子给大家体验下： 我们在其中一个新闻类别中添加跳转链接，
接着我们可以点击右上角的播放按钮：
接下来我们就可以看具体的交互了，PS:这里可能是网页版的问题，有些图片显示不出来！
好了，大概的用法就这些，大家可以自己摸索摸索，另外，如果生成文档是要升级为付费用户的哦！一个月6元不贵，就一个早餐钱，当然如果是自己玩玩而已就没必要开了！
Android自带DroidDraw工具设计Android界面：
其实，Android自己也带了一个有点“上年头”的界面设计工具。真要跟前面那些看起来很专业、很炫的界面原型工具放在一起比，差距确实不小。可以把它理解成一个独立拆出来的ADT，至于比ADT多出来的那点实用价值，主要也就是能自动生成代码……不过话说回来，对于平时很少接触原型设计的朋友，这个工具上手门槛确实不高，花上1、2分钟基本就能摸清怎么用，还是有一定价值的。
工具界面：
图示已经写明相关的操作了,很简单,实践是检验真理的唯一标准,自己下来试试吧!!
软件下载：droiddrawr.jar
本节小结：
本节给大家介绍了下界面原型设计的概念，轻量级Mockplus(摩客)的简单实用，以及Android自带的DroidDraw工具，内容比较简单，还需大家自行实践理解！
火山引擎是字节跳动旗下企业级云与AI服务平台。聚焦大模型核心能力，依托字节自研豆包多模态大模型，凭借火山方舟一站式平台，提供模型精调、推理部署、智能应用搭建等全链路服务，结合高性能AI算力，助力各行业快速落地大模型数字化与智能化应用。
AirBuddy 3 是面向 macOS 的蓝牙外设增强工具，可集中查看 AirPods、Beats 与苹果设备电量，提供快速连接、播放控制、电量提醒、桌面小组件和多台 Mac 外设接力等功能。
AirServer macOS版可把 Mac 转换为无线投屏接收端，通过 AirPlay 或 Google Cast 接收手机、平板和电脑画面，并支持多设备同时连接、高清镜像及会话录制，适合家庭娱乐、课堂教学、会议演示和应用展示。
Autodesk Maya 是面向影视、电视、动画和游戏行业的专业三维制作软件，集多边形与 NURBS 建模、角色绑定、关键帧和动作捕捉动画、Bifrost 特效模拟、材质开发及 Arnold 渲染于一体，
AirServer Windows版可把电脑变成AirPlay、Google Cast和Miracast无线投屏接收端，适合会议演示、课堂教学及家庭大屏分享。发送设备通常无需另装客户端，并可同时接收和智能排列多个镜像会话。