用户体验工具集
工欲善其事 必先利其器
颜色与尺寸工具简介
COLOR&SIZE TOOLS
Flat UI Color Picker
取色工具
特点简介
__________________________
纯色取色板, 提供8类主要颜色系列,每类颜色系列提供20-30个具体颜色取值,对每个颜色进行了命名,标注了HEX和RGB 格式取值
上手难度:极易
支持语言:英文
使用价格:完全免费
支持系统:WEB
Design Seeds
配色工具
特点简介
__________________________
视觉创意网站,从各种图片中提取颜色系列,形成颜色库,并进行分类整理,供浏览和查找,同时对每个色系的色值进行了标注
上手难度:极易
支持语言:英文
使用价格:完全免费
支持系统:WEB
官网地址:www.design-seeds.com
Adobe Color CC
取色工具
特点简介
__________________________
可以根据设定的规则生成一套颜色主题,包含了一个颜色系列,标识了每个颜色的色值。同时还可以浏览采用其他人创建的颜色主题
上手难度:容易
支持语言:英文
使用价格:完全免费
支持系统:WEB/ios/android
Stylify Me
取色工具
特点简介
__________________________
提取指定网站的各类设计元素的颜色,包括背景颜色、字体颜色,同时还可以提取字体大小系列,以及图片的大小系列,结果可以导出为PDF文档
上手难度:极易
支持语言:英文
使用价格:完全免费
支持系统:WEB
官网地址:http://stylifyme.com
Color Safe
配色与测试工具
特点简介
__________________________
背景颜色与字体颜色设计工具,根据设定的背景颜色、字体类型和大小,生成实际样式,通过颜色板来调整样式中的字体颜色,直到自己满意为止
上手难度:容易
支持语言:英文
使用价格:完全免费
支持系统:WEB
官网地址:http://colorsafe.co
Color Tester
配色与测试工具
特点简介
__________________________
根据提供的图片快速生成调色板,并根据WCAG对颜色验证颜色对比度。同时可以将颜色转换成CSS适用的HSLA, RGBA和hex值,并分享到PS/AI等设计工具
上手难度:容易
支持语言:英文
使用价格:完全免费
支持系统:WEB
官网地址:color.mediaandme.be
Color Hunt
取色配色工具
特点简介
__________________________
Color Hunt能创建生成自己的配色版,也可以随机生成配色版。同时列出了所有平台生成的配色方案,并进行了分类,可以直接采用。完全免费。
上手难度:极易
支持系统:WEB
系统语言:英文
官网地址:http://colorhunt.co
Sip
取色配色工具
特点简介
__________________________
Sip是一款基于Mac的配色工具,选安装Mac客户端。功能丰富,包括调色板配色、取色、工具栏,同时可以和Sketch、AI等设计工具对接。提供免费试用,一次性购买费用$9.99。
上手难度:容易
支持系统:WEB
系统语言:英文
官网地址:http://sipapp.io
SCREEN SIZ.ES
屏幕尺寸查询工具
特点简介
__________________________
可查询主流品牌的手机、平板、电脑显示器的尺寸、长宽比、像素,以及操作系统
上手难度:极易
支持语言:英文
支持系统:WEB
官网地址:http://screensiz.es
线框设计工具简介
WIREFRAME PROTOTYPE TOOLS
PowerMockup
线框设计工具
特点简介
__________________________
PowerMockup其实是一套PowerPoint插件,包含有10大类常用控件。下载安装后,可以在PowerPoin里使用控件设计线框原型。适合偶尔需要设计原型的研究人员、产品经理等非专业设计师。
使用价格
___________________________
一次性购买,费用$60-2100
上手难度:极易
支持语言:英文
支持系统:PowerPoint
官网地址:www.powermockup.com
Wireframe
线框设计工具
特点简介
__________________________
Wireframe是一个即开即用的线框设计工具,无需注册即可使用基本功能。包含常用控件和功能,界面简洁,操作方便,适合绘制简单的界面原型和流程图 。
使用价格
___________________________
免费使用14天
月费$15-99,年费$120-990
上手难度:极易
支持语言:英文
支持系统:WEB
官网地址:https://wireframe.cc
ProcessOn
线框设计工具
特点简介
__________________________
ProcessOn是一款国产在线线框设计工具,功能简单,界面简洁,操作方便,包含基本的UI控件。可设计线框图/流程图等,支持在线发布、团队协作和在线评论。
使用价格
___________________________
完全免费
上手难度:容易
支持语言:中文
支持系统:WEB
官网地址:www.processon.com
MockFlow
线框设计工具
特点简介
__________________________
MockFlow是一款界面简洁、风格现代的线框设计工具,画板比同类工具大,操作方便,包含基本的UI控件。可输出为PNG/PDF/PPT/HTML,支持在线发布和评论。
使用价格
___________________________
有免费试用
月费$19-39,年费$168-348
上手难度:容易
支持语言:英文
支持系统:WEB/WIN/MAC
官网地址:https://mockflow.com
balsamiq
线框设计工具
特点简介
__________________________
balsamiq是一款手绘风格的线框原型设计工具,提供了12大类的UI控件,风格活泼,设计操作方便,主要用于快速绘制概念原型 。
使用价格
___________________________
免费试用30天
桌面版单个license$89,在线版月费$12-199
上手难度:容易
支持语言:英文
支持系统:WEB/Win/Mac
官网地址:https://balsamiq.com
OmniGraffle
线框设计工具
特点简介
__________________________
OmniGraffle是一款类似Viso的绘图工具,但专用于Mac系统,可以绘制线框图、流程图等,可以输出PNG/PDF/HTML等格式。
使用价格
___________________________
免费试用14天
单个License$99-199
上手难度:容易
支持语言:英文
支持系统:Mac/iOS
Gliffy
线框设计工具
特点简介
__________________________
Gliffy同样是一款在线框设计工具,同时提供离线浏览器插件版本,可以绘制线框图、流程图等,可以输出SVG/JPG等格式,支持在线分享与团队协作。
使用价格
___________________________
免费试用14天
月费$4.99-7.99
上手难度:容易
支持语言:英文
支持系统:Web
官网地址:www.gliffy.com
Pidoco
线框设计工具
特点简介
__________________________
Pidoco是一支德国团队开发在线框设计工具,可以绘制线框图、流程图等,控件采用平铺模式,容易操作,成果可以输出为PNG/PDF,支持在线分享与团队协作。
使用价格
___________________________
免费试用31天
月费$12-175
上手难度:容易
支持语言:英文
支持系统:Web
官网地址:https://pidoco.com
原型设计工具简介
PROTOTYPE TOOLS
墨刀
原型设计工具
特点简介
__________________________
墨刀是一款本土的在线手机APP原型设计工具,能够快速创建移动应用产品原型,并向他人演示。支持界面设计,并提供了各类型的控件;也可以直接导入设计稿图片。基于设计界面,可以设计工作流和基本动效,并可导出或在线发布,收集反馈和评论。
使用价格
___________________________
免费试用14天
月费¥10-499,年费¥99-4999
上手难度:一般
支持语言:中文
支持系统:Web/iOS
可设计原型类型:移动/Pad
官网地址:https://modao.cc
MOCKPLUS
原型设计工具
特点简介
__________________________
Mockplus是一款简洁快速的原型设计工具,支持中文版本。使用本地客户端模式,不能在线使用。功能简单易用,提供了大量的控件和模板,可以设计工作流和基本交互,原型可导出,或在线分享和发布,其他人可标注和评论,收集反馈。
使用价格
___________________________
有免费版,可一直使用
月费¥10,年费¥118
上手难度:容易
支持语言:中文/英文
支持系统:Win/Mac/iOS/Android
可设计原型类型:移动/Web/Pad
官网地址:www.mockplus.com
Marvel
原型设计工具
特点简介
__________________________
marvel是一款在线的原型设计工具,提供界面设计功能,同时可以从云端、Sketch同步设计稿,并在此基础上设计工作流和动效,快速的将设计稿制作成交互原型,可导出为软件博,也可以在线分享和发布,同时可以调用lookback进行在线用户测试。
使用价格
___________________________
免费试用14天
月费$16-64,年费$168-672
上手难度:容易
支持语言:英文
支持系统:Web/iOS
可设计原型类型:移动/Web/Pad/Werable
UXpin
原型设计工具
特点简介
__________________________
UXPin是一个款在线综合的设计工具和平台,功能包括界面设计,原型设计和测试,以及文档交付。提供大量的模板和控件,同时还可以从Sketch和PS中同步设计稿,并在此基础上设计工作流和交互、动效,可以导出为各种形式,并在线分享、发布和测试。
使用价格
___________________________
免费试用7天
月费$19-98
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad
JUSTINMIND
原型设计工具
特点简介
__________________________
JUSTMIND是一个款基于本地客户端模式的设计工具,不能在线使用。功能包括界面设计,原型设计和团队协作。模板和控件丰富,支持高保真界面设计,以及工作流和切换效果设计,可以导出为各种形式,并在线分享和发布。
使用价格
___________________________
免费试用30天
月费$29,年费$228
上手难度:容易
支持语言:英文
支持系统:Win/Mac
可设计原型类型:移动/Web/Pad/Wearable
官网地址:www.justinmind.com
inVISION
原型设计工具
特点简介
__________________________
inVISION是一款在线原型设计和协作工具,不提供界面设计功能,可以从本地、云端导入图片,也可以从Sketch/PS同步设计稿,在此基础上设计工作流和页面切换效果。成果可以在线发布,也可以进行在线用户测试,收集评论和反馈。
使用价格
___________________________
提供免费版本
月费$15-99,年费$156-1068
上手难度:容易
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad/Wearable
官网地址:www.invisionapp.com
Axure
原型设计工具
特点简介
__________________________
无需多言,axure一直是国内使用最广泛的综合设计工具,功能最多,控件最丰富,界面设计、工作流设计以及动效设计功能也很强大,文件的导入和导出形式多样;同时axure也一直在增强在移动端、团队协作上的功能。但由于庞杂的架构和功能,需要大量的学习时间。
使用价格
___________________________
免费试用30天
月费$29-99
上手难度:较难
支持语言:英文/中文汉化
支持系统:Win/Mac
可设计原型类型:移动/Web/Pad
官网地址:www.axure.com
中文网站:www.axure.com.cn
Adobe Xd
原型设计工具
特点简介
__________________________
Adobe Xd是adobe公司在原型设计领域奋起直追的产品,沿袭一贯的本地客户端模式,聚焦提供快速的、高保真的界面设计,以及原型制作,包括工作流设计、动效设计,并可以在线分享、发布和测试,收集评论和反馈。
使用价格
___________________________
还在测试阶段
可免费下载使用
上手难度:一般
支持语言:英文
支持系统:Win/Mac
可设计原型类型:移动/Web/Pad
Flinto
原型设计工具
特点简介
__________________________
Finto是一款轻量级的快速原型工具,专注Mac端,基于本地客户端模式,通过插件可以从Sketch导入设计稿。界面简洁,操作简单,提供基本的界面设计功能。突出的特点是可以进行丰富的页面切换、动效和微交互的设计,支持在线分享和发布。
使用价格
___________________________
免费试用30天
单个license$99
上手难度:容易
支持语言:英文/中文汉化
支持系统:Mac/IOS
可设计原型类型:移动/Web/Pad
官网地址:www.flinto.com
中文网站:www.finto.com.cn
Atomic
原型设计工具
特点简介
__________________________
Atomic轻量级的在线原型设计工具,提供基本界面设计功能,可以从本地导入设计稿图片,或者通过Sketch插件导入设计稿,进行工作流、动效的设计,同时可以为原型导入模拟数据。支持在线分享和发布,收集评论和反馈,官方提供了详细的学习视频。
使用价格
___________________________
提供免费版本
月费$19-59
上手难度:容易
支持语言:英文
支持系统:Web/IOS
可设计原型类型:自定义
官网地址:https://atomic.io
Proto.io
原型设计工具
特点简介
__________________________
Proto.io是一款在线快速原型工具,提供高保证界面设计,控件库丰富。原型设计可以基于图片或层来设置,效果逼真。支持团队协作,被很多设计师评委最好的快速原型工具,成果可在线分享和发布。
使用价格
___________________________
免费试用15天
月费$29-199,年费$288-1932
上手难度:容易
支持语言:英文
支持系统:Web/IOS
可设计原型类型:移动/Web/Pad/Wearable
官网地址:https://proto.io
Fluid UI
原型设计工具
特点简介
__________________________
Fluid是一款在线原型设计工具,最早聚焦移动端运行设计,后扩展到其他类型。提供基本界面设计功能,也可以从本地导入设计稿图片,进行工作流、动效的设计。成果可输出为PNG、HTML等多种形式。支持团队协作,以及在线分享和发布,收集评论和反馈。
使用价格
___________________________
提供免费版
月费$15-65,年费$99-499
上手难度:容易
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad/Werable
官网地址:www.fluidui.com
HotGloo
原型设计工具
特点简介
__________________________
Fluid是一款比较轻量级的在线原型设计工具,界面简洁,操作简便,支持基本的界面设计、工作流和动效设计,可以在线发布,并收集评论和反馈,支持团队协作,提供与Slack的对接。官网有蹩脚中文版。
使用价格
___________________________
免费试用7天
月费$15-60,年费$158-648
上手难度:容易
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad/Werable
官网地址:www.hotgloo.com
Framer
原型设计工具
特点简介
__________________________
Framer是一款将可视化设计与编程相结合的设计工具,既可以通过常用的方式设计界面,也可以同过编程来进行界面设计,以及复杂的工作流和交互设计,同时还可以导入Sketch设计稿和真实的数据,让原型更接近实际效果。设计的原型可以进行预览和演示,也可以在线发布和分享。
使用价格
___________________________
免费试用14天
增强版月费$15,专业版年费$129
上手难度:较难
支持语言:英文
支持系统:Win/Mac
可设计原型类型:移动/Web/Pad/Werable
官网地址:https://framer.com
UX Power Tools
原型设计工具
特点简介
__________________________
UX Power Tools专门提供Sketch设计组件,包括Web组件和Mobile组件.组件类型非常丰富,可以直接引用,并支持改变大小、颜色等多种高级操作,可以明显提升设计的效率和效果。
使用价格
___________________________
待定
上手难度:一般
支持语言:英文
支持系统:Mac
可设计原型类型:移动/Web
官网地址:www.uxpower.tools
Patternry
原型设计工具
特点简介
__________________________
Patterney是一个原型管理工具,可以上传、存储和管理设计组件和原型,进行统一管理,保证设计和体验的一致性。同时可以生成HTML、CSS、JAVA代码,辅助设计师与开发人员之间的沟通。
使用价格
___________________________
提供免费版本
月费$49-199
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web
官网地址:http://patternry.com
Notism
原型设计工具
特点简介
__________________________
Notism是基于Web的原型设计协作平台,没有界面设计功能,可以导入图片和视频文档,进行原型设计。支持团队协作,可以对原型和视频进行批注和评论,成果可以在线发布和分享,收集评论和反馈。
使用价格
___________________________
免费试用15天
原型设计月费$24-99,视频$28-142
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web
官网地址:www.notism.io
fuse
原型设计工具
特点简介
__________________________
Fuse是一款移动APP原型设计工具,支持设计师和开发人员协同工作,设计师可以进行高保真的界面设计、动效和工作流设计,并可以导入实际数据进行演示。支持开发人员进行代码修改,并可实时演示真实效果。支持团队协作,成果可以进行演示和在线发布。
使用价格
___________________________
提供免费版本
提供定制版本,目前还没有定期付费版本
上手难度:一般
支持语言:英文
支持系统:Win/Mac
可设计原型类型:移动
官网地址:www.fusetools.com
iRise
原型设计工具
特点简介
__________________________
Irise是一款协作型的原型设计工具,支持需求方、设计师、分析师等多角色的协同工作,提供Web和客户端模式。除了原型设计工具常用的界面设计、工作流和动效设计功能外,Irise的特色是支持需求的分析和管理。设计成果可以在线发布和分享,收集评论和反馈。
使用价格
___________________________
免费试用14天
月费$29-99
上手难度:一般
支持语言:英文
支持系统:Web/Win/Mac
可设计原型类型:移动/Web
moqups
原型设计工具
特点简介
__________________________
moqups是一款扎线原型设计工具,界面设计功能强大,支持从低保真到高保真设计,可进行工作流、动效等原型设计。支持团队协作,可制订工作计划,成果可在线发布和分享,收集评论和反馈意见。
使用价格
___________________________
提供免费版本
月费$19-49,年费$156-348
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web
官网地址:https://moqups.com
prott
原型设计工具
特点简介
__________________________
prott是一个设计工具系列,支持从概念设计、线框设计、界面设计,到原型设计,动效逼真,不同阶段提供相应的工具,均采用客户端模式。可以通过插件从Sketch同步设计稿,支持团队协作。
使用价格
___________________________
免费试用30天
月费$17-67,年费$205-799
上手难度:一般
支持语言:英文
支持系统:Web/Mac/iOS/Android
可设计原型类型:移动/Web
官网地址:https://prottapp.com
CanvasFlip
原型设计工具
特点简介
__________________________
CanvasFlip将原型设计和用户可用性测试进行了集成,可以基于导入的图片,或者同步Sketch、Balsamiq的设计稿进行原型设计,完成后可在线发布,并邀请用户进行可用性测试,输出测试指标和热力图等测试数据。
使用价格
___________________________
提供免费版,高级版免费试用14天
月费$15-99
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web
官网地址:www.canvasflip.com
ZURB Notable
原型设计工具
特点简介
__________________________
ZURB Notable是老牌用户研究公司ZURB开发的在线快速原型设计工具,导入图片和设计稿进行工作流和动效设计,不提供界面设计功能。支持团队协作,原型可在线发布和分享,并邀请实际用户进行可用性测试。
使用价格
___________________________
免费试用14天
月费$20
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web
官网地址:zurb.com/notable
Principle
原型设计工具
特点简介
__________________________
Principle是一款基于Mac的原型设计工具,采用客户端形式。可以从Sketch导入设计稿,进行工作流和动效设计,支持实际效果演示,录制演示视频。操作界面类似Sketch,在国内较受欢迎。
使用价格
___________________________
提供免费版
专业版$129
上手难度:容易
支持语言:英文
支持系统:Mac
可设计原型类型:移动/Web/Werable
Concept.ly
原型设计工具
特点简介
__________________________
Concept.ly是一款在线原型设计工具,提供界面设计功能,有丰富的设计控件,还从Balsamiq等工具导入,可以进行工作流和动效等原型设计。支持团队协作,原型可在线发布和分享,收集评论和反馈,并对反馈的类型进行分类管理。
使用价格
___________________________
提供免费版
专业版月费$9.99
上手难度:容易
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web
官网地址:www.concept.ly
ProtoPie
原型设计工具
特点简介
__________________________
ProtoPie是一款来自韩国团队的原型设计工具,采用客户端模式。能够快速创建移动应用产品原型,并在线发布。支持界面设计,并提供了各类型的控件。基于设计界面,可以设计工作流和基本动效。传感交互和多终端交互原型设计是ProtoPie特有的功能。
使用价格
___________________________
提供免费版
单个license一次性费用$99,提供定制版本
上手难度:一般
支持语言:中文/英文
支持系统:WIN/MAC/iOS/Andirod
可设计原型类型:移动
英文官网地址:www.protopie.io
中文官网地址:www.protopie.cn
Tumult Hype
原型设计工具
特点简介
__________________________
Tumult Hype是一款基于本地客户端的动效原型设计工具,只支持MAC系统,重点支持HTML5形式,支持帧式(Frame-based)的动效设计。
使用价格
___________________________
提供免费版
单个license一次性费用$49.99
上手难度:一般
支持语言:英文
支持系统:MAC
可设计原型类型:移动/Pad
Quant-UX
原型设计工具
特点简介
__________________________
Quant-UX是一款集原型设计、在线测试和分析于一体的在线工具,支持从其他设计工具中导入设计稿,设计原型后可在线发布并进行实际用户测试,测试输出结果包括热力图、操作视频回放等。
使用价格
___________________________
目前正在beta版测试,免费使用
上手难度:一般
支持语言:英文
支持系统:WEB
可设计原型类型:Web/移动/Pad
官网地址:www.quant-ux.com
界面设计工具简介
VISUAL DESIGN TOOLS
Figma
界面设计工具
特点简介
__________________________
试过Figam的设计师最大的印象就是一款Web在线版的Sketch!但Figma提供的在线协作比一般工具提供的分享评论更进一步,可以协同操作。另外一个最大的特色就是矢量网络功能,可以进行更方面的矢量绘图。
使用价格
___________________________
提供免费版本
团队版本月费$12
上手难度:难
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad/Werable
官网地址:www.figma.com
Affinity
界面设计工具
特点简介
__________________________
Affinity是一款获得2015年APPLE DESIGN AWARD的界面设计工具。基于客户端模式,支持Win和Mac,以及iPAD。基础功能和高级功能都很强大,最关键的是有中文版。
使用价格
___________________________
免费使用10天
专业版¥329
上手难度:难
支持语言:英文/中文
支持系统:Win/Mac/iOS
可设计原型类型:移动/Web/Pad/Werable
Antetype
界面设计工具
特点简介
__________________________
Antetype是一款基于Mac客户端的界面设计工具,提供丰富的高级界面设计功能,支持响应式设计,控件资源丰富。同时还提供各种细节说明和注释功能,方便设计资源的管理。
使用价格
___________________________
免费试用30天
专业版$189.99
上手难度:一般
支持语言:英文
支持系统:Mac
可设计原型类型:移动/Web/Pad/Werable
官网地址:http://antetype.com
Gravit
界面设计工具
特点简介
__________________________
Gravit是一款基于Web的在线界面设计工具,支持WEB、APP、Logo等各种类型的界面设计。支持团队协作,作品可以发发布到社区和市场,也可以从社区和市场获取模板和案例。
使用价格
___________________________
完全免费
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad/Werable
官网地址:https://gravit.io
Subform
界面设计工具
特点简介
__________________________
Subform是一款基于客户端模式的界面设计工具,跟Sketch比较类似。基于图层,支持响应式设计,能保证各种界面风格的一致性。同时还可以导入真实数据,让设计更接近实际效果。
使用价格
___________________________
正在内部测试
只对被邀请的专业设计师开放
上手难度:待定
支持语言:英文
支持系统:Win/Macian
Perfect Icons
图标设计工具
特点简介
__________________________
Perfect Icons是一个在线的Icon编辑工具,简单方便,可以对常见的Icon进行按钮颜色、背景颜色、大小、形状、透明度进行任意调整,实时呈现调整效果,最终输出Icon的图片和CSS代码。
使用价格
___________________________
完全免费
上手难度:极易
支持语言:英文
支持系统:Web
Photoshop
界面设计工具
Adobe illustrator
界面设计工具
Sketch
界面设计工具
一体化设计工具简介
ALL IN ONE DESIGN TOOLS
Webflow
一体化设计工具
特点简介
__________________________
Webflow是一个在线界面设计工具,也可以通过chrome插件使用,最大的特点是设计后可以直接发布上线,无需用户另外编写代码和部署。提供丰富的设计模板,支持响应式设计。
使用价格
___________________________
提供免费版
月费$15-65,年费$99-499
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad/Werable
官网地址:https://webflow.com
WEBYDO
一体化设计工具
特点简介
__________________________
与Webflow类似,Webydo也是一款支持自动上线部署的界面设计工具,基于Web方式,支持响应式的界面设计,提供大量的页面模板和控件库,同时还具备内容管理功能。
使用价格
___________________________
提供免费版
月费$90-480,年费$900-4800
上手难度:一般
支持语言:英文
支持系统:Web
可设计原型类型:移动/Web/Pad/Werable
INFRAGISTICS
一体化设计工具
特点简介
__________________________
INFRAGISTICS提一系列的设计与开发软件工具,采用客户端模式,包括了原型设计客户端、开发客户端和自动测试客户端,以及集成客户端,可以提供从设计到开发部署的所有功能。
使用价格
___________________________
提供免费试用版
采用license方式,单个在$600-3000不等
上手难度:较难
支持语言:英文
支持系统:Win
可设计原型类型:移动/Web/Pad/Werable
Strikingly/上线了
一体化自动建站工具
特点简介
__________________________
Strikingly是一个在线自动建站工具,即使不懂设计和开发,通过调用Strikingly提供的常用模块(标题/滑块/文字/博客/相册/商店等),设定每个模块的布局,就可以搭建网站并发布,自动生成响应式的PC、Pad和Mobile版本,可以为设计的网站配置个性化域名。同早期自动建设网站相比,Strikingly的最大优势是后台设计简单、直接、简单,模块的设计美观、简洁,同时还提供了大量分类案例,可以直接引用,如果觉得没有合适的模板,也可以自己编写HTML代码生成页面。为了保证国内的访问速度和稳定性,Strikingly有专门的中文网站——上线了。
使用价格
___________________________
提供免费试用版
年费500-2800元人民币
上手难度:容易
支持语言:英文/中文
支持系统:Web/iOS/Android
英文官网地址:www.strikingly.com
中文官网地址:http://www.sxl.cn
WiX
一体化自动建站工具
特点简介
__________________________
WiX也是也是一个类似Strikingly 的自动建站工具,但功能和模块更丰富和灵活。除了提供UI界面方面的模块外,WiX还有大量功能方面的模块,例如评论/统计/表格/搜索/邮件注册/聊天机器人等;另外在UI界面设计方面的灵活性更大,可以自由在某一个模块的基础上,通过拖拽自由添加、删减和调整界面元素。WiX生成的网站同样带有自适应功能,支持各种终端类型。WiX还有一个不同于Strikingly的功能——智能建站,可以根据访问习惯,自动对网站进行界面的优化调整。WiX目前支持包括英语、法语、日语在内的多国语言,但不支持中文。
使用价格
___________________________
提供免费试用版
增强版本月费$8.5-24.5
上手难度:容易
支持语言:英文
支持系统:Web/iOS/Android
官网地址:www.wix.com
weebly
一体化自动建站工具
特点简介
__________________________
weebly也是一个老牌的自动建站工具,提供大量的分类网站模板,可以放置视频,图片,文章,地图,rss订阅源,联系人表单,论坛,文件,游戏,或者直接嵌入自己编写的HTML代码,绝大部分的整个编辑全都是通过拖拽,使用上比Strikingly更灵活一些。支持绑定自由域名,提供网络托管。有中文版本,但国内没有服务器,访问速度太慢,以致注册了也无法体验完整的功能。
使用价格
___________________________
提供免费试用版
增强版本月费$8-25
上手难度:容易
支持语言:英文/中文
支持系统:Web/iOS/Android
官网地址:www.weebly.com
SQUARESPACE
一体化自动建站工具
特点简介
__________________________
SQUARESPACE是另外一个老牌的自动建站工具,提供分类模板,但数量不多。网站的编辑主要基于模板进行调整和修改,整体的操作灵活性不及WiX、weebly和Strikingly。但最大的优势是提供的模板都是精品,非常适合做小而美的精品网站。SQUARESPACE同时还提供域名和空间托管服务,有网站统计分析功能。
使用价格
___________________________
提供免费版本
增强版本月费$12-40
上手难度:容易
支持语言:英文
支持系统:Web
官网地址:www.squarespace.com
The Grid
一体化自动建站工具
特点简介
__________________________
The Grid是新生代的自动化建站工具,主打人工智能建站。与以前自动建站工具不同的是,连模块化的界面设计也不需要了,直接输入网站内容,并回答关于网站风格等方面的问题,提交后自动网站。The Grid目前生成都是模块化、流式风格的网站,比较适合内容型、功能不是很复杂的网站。同时也提供域名绑定和空间托管服务。
使用价格
___________________________
不提供免费试用版
年费$96-384
上手难度:容易
支持语言:英文
支持系统:Web/iOS/Android
官网地址:www.thegrid.io
创意协作工具简介
CREATION AND COLLABORATION TOOLS
Prevue
创意协作工具
特点简介
__________________________
设计稿分享平台,以图片形式上传、组织和分享到网络,其他人可以通过链接浏览图片,发放表意见和讨论,适合设计团队与客户之间的分享和讨论
界面简洁漂亮好用★★★
图片标注非常方便★★★
支持团队协作★★
使用价格
____________________________
14天免费使用
月费用$5-25
上手难度:容易
支持系统:WEB
系统语言:英文,支持中文沟通
官网地址:https://prevue.it
Concept Inbox
创意协作工具
特点简介
__________________________
设计稿与原型分享平台,上传设计稿后可编辑基本交互,其他人可以通过链接浏览原型,发放表意见和讨论,适合设计团队与客户之间的分享和讨论
可设计简单的交互★★★
支持图片/视频/音频/AI/PS/PDF文档★★★
支持团队协作★★
支持版本管理★★
使用价格
____________________________
第一个项目免费
月费用$14-99,年费$134-950
上手难度:容易
支持系统:WEB
系统语言:英文,支持中文沟通
Red Pen
创意协作工具
特点简介
__________________________
设计稿分享平台,功能与PREVUE基本相同,以图片形式上传、组织和分享到网络,其他人可以通过链接浏览图片,发放表意见和讨论
界面最简洁好用★★★
图片标注非常方便★★★
支持团队协作★★
使用价格
____________________________
14天免费使用
月费用$20-90
上手难度:容易
支持系统:WEB
系统语言:英文,支持中文沟通
官网地址:https://redpen.io
FileSquare
创意协作工具
特点简介
__________________________
设计稿分享平台,功能与PREVU基本相同,以图片形式上传、组织和分享到网络,其他人可以通过链接浏览图片,发放表意见和讨论
界面最简洁好用★★★
图片标注非常方便★★★
同类型工具中响应速度最快★★★
支持团队协作★★
使用价格
____________________________
免费创建两个项目使用
月费用$29-99,年费$240-1080
上手难度:容易
支持系统:WEB
系统语言:英文,支持中文沟通
官网地址:www.filesq.com
Craft
创意协作工具
特点简介
__________________________
Craft是一套插件,可用在PS/Sketch中,实现设计稿与原型的协同
在PS/Sketch中建立控件库并同步★★★
将设计稿同步到invision中★★★
将实际图片/文字等数据导入invision中★★★
支持多种形式的原型标注和讨论★★★
支持团队协作★★
使用价格
____________________________
目前还是beta版阶段,全部免费
上手难度:容易
支持系统:WEB
系统语言:英文
MURAL
创意协作工具
特点简介
__________________________
MURAL是一个功能强大的在线协同工作平台,可以在线设计体验地图、故事版、原型设计,并进行发布讨论。
可视化效果好,操作方便★★★
提供各类工作模板★★★
支持多种形式的标注和讨论★★★
支持团队协作★★
使用价格
____________________________
可以免费试用30天
月费$12
上手难度:容易
支持系统:WEB
系统语言:英文
官网地址:https://mural.co
Zeplin
创意协作工具
特点简介
__________________________
Zeplin是设计师与开发人员(尤其是前端开发人员)的协作沟通工具,实现设计相开发的需求传递和交付。
通过插件同步PS/Sketch★★★
实现设计的标注和注释★★★
支持生成设计规范和指南★★★
支持协同工作★★★
提供Slack的对接★★
支持在线分享和发布★★
使用价格
___________________________
提供免费版本
增强版本月费$9-29,年费$81-312
上手难度:容易
支持语言:英文
支持系统:Web/Mac/Win
官网地址:https://zeplin.io
Wake
创意协作工具
特点简介
__________________________
Wake是一个在线设计稿共享和协作工具,通过插件可将sketch、AI、PS的设计稿集中同步到同一个目录下,实现分享和协作。
通过插件同步PS/Sketch/AI★★★
设计稿的基本编辑★★★
方便的设计稿查找★★★
支持协同工作★★★
设计稿反馈和评论★★
支持移动端★★
使用价格
___________________________
提供免费版本
年费$192,提供定制版本
上手难度:容易
支持语言:英文
支持系统:Web/iOS
官网地址:https://wake.com