• 颜色与尺寸工具简介

    COLOR&SIZE TOOLS

     

     

    Flat UI Color Picker

    取色工具

     

     

    特点简介

    __________________________

     

    纯色取色板, 提供8类主要颜色系列,每类颜色系列提供20-30个具体颜色取值,对每个颜色进行了命名,标注了HEX和RGB 格式取值

     

     

    上手难度:极易

    支持语言:英文

    使用价格:完全免费

    支持系统:WEB

    官网地址:www.flatuicolorpicker.com

    Design Seeds

    配色工具

     

     

    特点简介

    __________________________

     

    视觉创意网站,从各种图片中提取颜色系列,形成颜色库,并进行分类整理,供浏览和查找,同时对每个色系的色值进行了标注

     

     

    上手难度:极易

    支持语言:英文

    使用价格:完全免费

    支持系统:WEB

    官网地址:www.design-seeds.com

    Adobe Color CC

    取色工具

     

     

    特点简介

    __________________________

     

    可以根据设定的规则生成一套颜色主题,包含了一个颜色系列,标识了每个颜色的色值。同时还可以浏览采用其他人创建的颜色主题

     

     

    上手难度:容易

    支持语言:英文

    使用价格:完全免费

    支持系统:WEB/ios/android

    官网地址:http://color.adobe.com

    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

    官网地址:omnigroup.com/omnigraffle

    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

    官网地址:https://marvelapp.com

    UXpin

    原型设计工具

     

     

    特点简介

    __________________________

     

    UXPin是一个款在线综合的设计工具和平台,功能包括界面设计,原型设计和测试,以及文档交付。提供大量的模板和控件,同时还可以从Sketch和PS中同步设计稿,并在此基础上设计工作流和交互、动效,可以导出为各种形式,并在线分享、发布和测试。

     

     

    使用价格

    ___________________________

    免费试用7天

    月费$19-98

     

     

    上手难度:一般

    支持语言:英文

    支持系统:Web

    可设计原型类型:移动/Web/Pad

    官网地址:https://www.uxpin.com

    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

    官网地址:adobe.com/experiencedesign

    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

    官网地址:https://www.irise.com

    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

    官网地址:http://principleformac.com

    中文网址:http://www.principleux.com

    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

    官网地址:http://tumult.com/hype

    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

    官网地址:https://affinity.serif.com

    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

    官网地址:https://subformapp.com

     

    Perfect Icons

    图标设计工具

     

     

    特点简介

    __________________________

     

    Perfect Icons是一个在线的Icon编辑工具,简单方便,可以对常见的Icon进行按钮颜色、背景颜色、大小、形状、透明度进行任意调整,实时呈现调整效果,最终输出Icon的图片和CSS代码。

     

     

    使用价格

    ___________________________

    完全免费

     

     

    上手难度:极易

    支持语言:英文

    支持系统:Web

    官网地址:http://perfecticons.com

    Photoshop

    界面设计工具

     

    特点简介

    __________________________

     

    界面设计传统三巨头之一

     

     

    上手难度:

    支持语言:英文/中文

    支持系统:Win/Mac

    官网地址:www.photoshop.com

    Adobe illustrator

    界面设计工具

     

     

    特点简介

    __________________________

     

    界面设计传统三巨头之二

     

     

    上手难度:

    支持语言:英文/中文

    支持系统:Win/Mac

    官网地址:adobe.com/illustrator

    Sketch

    界面设计工具

     

     

    特点简介

    __________________________

     

    界面设计传统三巨头之三

     

     

    上手难度:容易

    支持语言:英文

    支持系统:MAC

    官网地址:www.sketchapp.com

  • 一体化设计工具简介

    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

    官网地址:http://www.webydo.com

    INFRAGISTICS

    一体化设计工具

     

     

    特点简介

    __________________________

     

    INFRAGISTICS提一系列的设计与开发软件工具,采用客户端模式,包括了原型设计客户端、开发客户端和自动测试客户端,以及集成客户端,可以提供从设计到开发部署的所有功能。

     

     

    使用价格

    ___________________________

    提供免费试用版

    采用license方式,单个在$600-3000不等

     

     

    上手难度:较难

    支持语言:英文

    支持系统:Win

    可设计原型类型:移动/Web/Pad/Werable

    官网地址:http://www.infragistics.com

    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

    系统语言:英文,支持中文沟通

    官网地址:http://conceptinbox.com

    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

    系统语言:英文

    官网地址:invisionapp.com/craft

    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

     

     

    所有文章
    ×