Ui设计中常用的6大工具

news/2024/11/23 3:50:21/

ui设计中,我们会用到各种各样的设计工具,今天和大家分享的就是常见的几款工具,一起来看看吧。

  1.Sketch及插件-矢量绘图软件

  Sketch想必大家并不陌生了,另外两款被大家所熟知的矢量绘图软件还有PhotoshopAdobe Illustrator这两款工具。通常大家提到的Sketch是指与其相关的插件,比如ContentGeneratorIcon StamperMeasure等等。不过,它只支持基于制作好的UI视觉图进行交互,而且只有MAC版本,对于Windows用户来讲不太友好。

2.蓝湖设计协作平台(自动标注切图)

  品设计协作平台中文版、全免费,支持MacWebiOS。支持从Sketchps一键分享、在线讨论、自动为设计图生成标注,而且只需简单几步就能将设计图变成一个可以点击的演示原型,支持分享给同事,让他也可以在手机中查看设计效果。蓝湖已经成为新一代产品设计的工作方式。

3.IconFinder

  这是一个Icon素材站点,通过关键字进行搜索,同时根据需求(图标格式、价格、许可类型、图标尺寸等要素)来选择喜欢的图标。它宣称是目前世界上最大、最全的图标资源库网站。

4.Blocs-MAC网页代码编辑器

  Blocs是一款针对Mac的视觉网页设计工具,提供Retina视网膜支持,可离线工作,且支持创建静态的网页。

 5.Pidoco-基于Web的原型设计软件

  Pidoco是一个基于网页和云端的在线原型图、线框图制作工具,可以在浏览器、iOSAndroid设备上实时演示原型。但它的不足之处在于,没有密码保护,而且内置的组件模板十分有限。

6.Framer-开源型原型工具

  与其他原型设计工具有所不同,Framer允许用户以编代码的形式(Coffeescript-精简版的JavaScript)进行设计,对于大多数设计师来讲,上手难度和学习曲线相当高。尽管Framer凭借其强大的交互和动画优势逐渐在原型设计领域有一定热度,但所有设计只能通过代码才能实现这点,让它注定更受程序员的欢迎。

 以上是经常使用的工具,希望能对大家有所帮助。

 

 

来源:ui中国



http://www.ppmy.cn/news/315491.html

相关文章

界面设计的工具

领导要求的项目UI部分比较高。要找专人进行设计。补充一下知识 如下网文介绍了一些做桌面应用的界面设计心得体会,展示了一些界面的风格。 (转)桌面程序界面设计分享 - 黑子范 - 博客园这几年专注于Web开发,Web界面设计的心得在这…

5款最好的安卓界面设计工具推荐

苹果手机最近几年市场占有的份额急速的增加,但是安卓手机仍然是大多数品牌手机系统的首选。每款产品的安卓手机界面设计,也是这款产品设计的重中之重。其实,手机的界面设计,在线框图设计之时就已经决定了。那么,现在市…

UI设计师常用的开发工具

我们在学习UI设计的过程当中,需要学习到很多知识,比如软件 Photoshop、illustrator、Ae、Axure、sketch这些都是一名UI设计必需要掌握好的软件。 学习到这些软件,自学就可以,很多网站都有教程 那么这几款软件在UI设计工作是负责…

19个免费的UI界面设计工具及资源

列表如下: DHTMLX DHTMLX 是一个JavaScript库,可跨浏览器、基于Ajax的用户界面。通过一组UI Widgets(小工具)可以快速开发令人印象深刻的web应用。 LivePipe UI 高质量控制和原型部件。 jQTouch 移动web开发的jQuery插件&#xff…

UI设计师都在用的4款UI设计软件

在智能手机越来越普及的今天,软件的移动端也越来越受到各大厂商的重视,因此,移动端软件的界面设计,或者叫UI设计的需求也日益旺盛。为此,很多平面设计师都开始转型投入到UI设计的领域中去,设计软件厂商也纷…

话说软件详细设计工具

在软件设计是需要写软件详细说明书,设计此文档的时候,肯定少不了工具.现在我们就来了解一下软件详细设计的 工具. 1)程序流程图 程序流程图又称为程序框图,它是最古老,应用最广泛且最有争议描述详细设计的工具.它易学,表达算法直观,缺点是 不够规范,特别是使用箭头会使质量受到…

几款软件界面模型设计工具

出自:http://www.cnblogs.com/XACOOL/p/5665385.html 一:GUI Design Studio 界面模型设计中很实用的一个工具GUI Design Studio,可以让界面示意图实现基本的交互,便于演示、交流。 GUI Design Studio提供的了大部分C/S、B/S组件的…

22个免费的UI界面设计工具、资源及网站

1.原型界面制作工具Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。 2.在线工具Mockingbird 官方地址:https://gomo…