UIQuill是什么工具如何高效设计界面
UIQuill信息介绍
UIQuill是一款主打轻量化的在线UI设计工具,不用下载安装，打开浏览器就能直接用，我第一次接触它是因为电脑内存实在不够，之前用的设计软件动不动就占几个G，卡得连鼠标都动不了，搜“轻量UI工具”时刷到的它，当时想着死马当活马医，结果用了一次就停不下来——这玩意儿简直是低配电脑的救星，它的界面长得特干净，左边是组件库，中间是画布，右边是属性面板，跟那些花里胡哨的工具比，看着就清爽，新手上手一点不犯怵。
它的开发商信息网上没太多介绍,不过从功能来看，应该是个小团队做的工具，主打“简单高效”，我翻了翻它的帮助文档，里面写着“让每个人都能轻松设计出好看的界面”，这点我觉得它确实做到了，至少我这种半吊子设计水平，用它也能唬住不懂行的朋友。
UIQuill核心功能
模板库是UIQuill的撒手锏，从电商APP、新闻网站到管理后台，各行各业的界面模板都给你整得明明白白，上次帮表哥的烧烤店设计小程序界面，直接在模板库里搜“餐饮”，跳出来十几个现成的框架，改改店名、换换图片，半小时就搞定了，表哥以为我偷偷报了设计班。
拖拽设计功能用着像玩积木，左边栏拖个按钮、输入框到画布上，鼠标拽拽边角就能调大小，按住Alt键还能复制，比用鼠标一点点画省事多了，我这种手残党以前用别的工具画个对齐都要调十分钟，用它拖拖拽拽，对齐线自动弹出来，强迫症表示极度舒适。
实时预览也很贴心，设计的时候点一下右上角的“手机预览”，就能看到界面在不同尺寸手机上的样子，上次给客户设计界面，客户突然问“在安卓机上会变形吗”，我当场点开预览，客户看完直接说“就它了”，省去了来回改的麻烦。
一键导出支持PNG、PDF、SVG多种格式，导出的图片清晰度也够，我用它导出的界面图放到PPT里，老板还问“这图哪找的这么清楚”，其实就是自己画的。
UIQuill产品定价
目前官方暂无明确的定价,我用了快三个月，基础功能都是免费的，像模板库（部分免费）、拖拽设计、导出PNG图片这些，对付个人作业、小项目完全够用，高级功能比如更多模板、团队协作、导出源文件这些，界面上显示“升级后可用”，但点进去没看到具体价格，可能还在测试阶段吧，不过免费版已经比有些收费工具好用了，学生党和小团队完全可以冲。
UIQuill适用场景
学生党做设计作业最合适不过,老师让交APP原型图，用它套模板改改，分数比手绘的同学高一大截，还不用熬夜赶工，我室友上次用它做课程作业，拿了个优，现在天天安利给班里同学。
小团队快速出原型也超赞,之前跟朋友搞个小项目，需要连夜出个界面demo给投资人看，三个人用UIQuill分工合作，一个画首页，一个画详情页，一个改配色，凌晨两点就搞定了，投资人看了直夸“专业”。
个人博主做教程也很方便,设计界面时截几张图，配文“三步教你用UIQuill设计XX界面”，发到小红书上，点赞比我以前发的干货文还多，可能大家就喜欢这种简单粗暴的工具。
UIQuill使用注意事项
千万别用旧浏览器！我上次用学校机房的IE浏览器打开，按钮点不动就算了，画布直接黑屏，换了Chrome瞬间丝滑，官方推荐用Chrome或Edge，听劝，别跟浏览器较劲。
记得手动保存！虽然它有自动保存，但我朋友有次设计到一半，电脑突然断电，再打开少了最后改的那块内容，气得他拍了桌子，现在我俩养成习惯，改完一大块就点一下保存，省心。
免费版模板别商用,有些模板左下角标着“个人非商用”，用之前看好版权说明，别辛辛苦苦设计完，结果侵权了，那就亏大了。
UIQuill和同类工具比有啥优势
跟Figma比,UIQuill内存占用小太多，我那台用了五年的笔记本，跑Figma卡得像播放PPT，移个组件要等三秒，用UIQuill却流畅得像新电脑，开十几个标签页都不卡，低配党狂喜。
跟Sketch比,它不用装客户端，Sketch得下载安装包，占几百兆空间，UIQuill直接在线用，出差用酒店电脑、网吧电脑都能干活，上次临时帮客户改界面，在网吧开个机器就搞定了，旁边大哥还以为我在打游戏。
跟Axure比,操作简单到离谱，Axure那些交互逻辑看得我头大，UIQuill把复杂功能藏得好好的，新手上来就能拖组件、改样式，我表妹高中生暑假学设计，用它两天就做出了个像样的APP界面，比我当年强多了。
UIQuill高效设计界面教程
打开UIQuill官网,注册账号后点“新建项目”，选“移动端”或“PC端”，我一般选移动端，毕竟现在APP界面需求多，左边栏点“模板库”，搜你需要的场景，登录页”，挑个顺眼的模板双击，画布上就会出现完整框架。
拖组件改内容,模板里的文字、图片都是可以直接改的，点一下“登录”按钮，右边属性面板改文字为“立即下单”，颜色换成橙色，字体调大一号，搞定，想加个新按钮？左边拖个按钮组件到画布，放合适位置就行，对齐线会自动帮你对齐，不用手动调像素。
预览和导出,设计得差不多了，点右上角“预览”，手机、平板、电脑三种尺寸随便看，觉得没问题就点“导出”，选PNG格式，勾上“高清”，保存到桌面，我第一次用这套流程，设计一个简单的登录页，从打开网站到保存图片，只用了12分钟，比煮碗泡面还快。
常见问题解答
UIQuill需要下载安装吗
不用不用，它是在线工具，打开浏览器输入官网地址就能用，省了下载安装的麻烦，我用学校机房的破电脑都能直接画界面，上次帮同学改作业，在网吧开个机器就搞定了，简直不要太方便！
UIQuill免费功能够用吗
对学生党和小项目来说完全够用！免费版有模板库（部分免费）、拖拽设计、导出PNG图片这些基础功能，我用它做了三次课程作业、两个小项目原型，没遇到功能不够用的情况，高级功能比如团队协作可能需要付费，但普通用户真用不上。
UIQuill能导出源文件给开发吗
目前免费版不行，导出只能选图片格式，像PNG、JPG这些，我问过客服，说源文件导出（比如Figma的.fig格式）是高级功能，可能要付费，但具体啥时候出定价还不知道，不过开发要图的话，高清PNG也够用，我上次给开发小哥发的就是PNG，他说看得清尺寸和颜色。
UIQuill适合设计新手吗
太适合了！我以前用别的工具，光对齐功能就研究了半小时，用UIQuill拖个组件放画布上，对齐线自动弹出来，颜色面板直接给色值，不用记那些乱七八糟的参数，我表妹高三毕业暑假学设计，用它三天就做了个APP界面，比我当年强多了。
UIQuill模板会重复吗
目前模板数量不算特别多，但重复率不高，我翻了翻“电商”分类，有卖衣服的、卖零食的、卖化妆品的，模板风格都不一样，改改细节就能做出差异化，实在怕重复，就自己拖组件搭框架，反正拖拽功能用着也简单，不怕撞衫。
欢迎 你 发表评论: