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

article/2025/9/28 13:05:03

1.原型界面制作工具Lumzy

官方地址:http://www.lumzy.com/

Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。 

Lumzy

2.在线工具Mockingbird

官方地址:https://gomockingbird.com/

Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果图。 

Mockingbird

3.开源UI工具The Pencil Project

官方地址:http://pencil.evolus.vn/en-US/Home.aspx

为设计图表和用户界面图形原型开发的一个自由和开源工具。 

The Pencil Project

4. JS开发工具包Dojo

官方地址:http://dojotoolkit.org/

Dojo提供了强大的性能并节省您的时间。这是适合经验丰富前端开发者的JS开发工具包。 

Dojo

5. 排版托管Mocklinkr

官方地址:http://www.mocklinkr.com/

自定义排版托管工具Mocklinkr,让你不用再担心没有漂亮版面

Mocklinkr

6. 在线排版工具MockFlow

官方地址:http://www.mockflow.com/signup/

MockFlow是一个在线工具,用户界面设计和协作版面编排工具。 

MockFlow

7. Serena Prototype Composer

官方地址:http://www.serena.com/products/prototype-composer/index.html

Serena Prototype Composer是制作流程图,模拟程序流程和用户界面设计程序。 

Serena Prototype Composer

8. 在线绘图工具Cacoo

官方地址:http://cacoo.com/

Cocoo是一个用户友好的在线绘图工具,允许你创建一个如网站地图,线框,UML和网络图图等。 Cacoo可以免费使用。 

Cacoo

9. UI工具DENIM

官方地址:http://dub.washington.edu:2007/denim/

一个早期非正式的网站和用户界面设计工具 

DENIM

10. 网上应用线框Hot Gloo

官方地址:http://www.hotgloo.com/

网上应用线框 

Hot Glo

11. User Interface Design Framework

官方地址:http://www.webalys.com/design-interface-application-framework.php

一个免费提供网页设计师使用的用户界面设计工具。 

User Interface Design Framework

12.设计资源网站Pattern Tap

官方地址:http://patterntap.com/

可以寻找一些设计资源与模式等。 

Pattern Tap

13. User Interface Design Patterns

官方地址:http://ui-patterns.com/

提供一些热门的用户UI界面设计模式参考图,分类很详细,如果设计网站或UI界面可以上去找一些资源,很不错。 

User Interface Design Patterns

14. UI设计模式库Patternry

官方地址:http://patternry.com/

Patternry是用户界面设计模式库的目的是帮助解决常见的接口设计问题。

Patternry

15. UI参考网站Mephobox

官方地址:http://box.mepholio.com/

UI设计界面资源欣赏参考网站。 

Mephobox

16. Android Asset Studio

官方地址:http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html

可以在线生成图表,只需要输入参数即可 

Android Asset Studio


17.移动UI设计工具Mobility

官方地址:http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/

移动用户界面设计使用,可以输入参数进行测试,很方便 

Mobility

18. Android UI Elements Set

官方地址:http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/

可以自由设定Android操作系统的用户界面元素。 

Android UI Elements Set

19. OSX Leopard GUI Set

官方地址:http://www.tutorialshock.com/freebie/mac-osx-leopard-gui-set/

该软件包含一些常用的Photoshop原文件和PNG文件,这些元素都是用来设计GUI界面的素材,通过该软件你可以快速制作出一些出色的界面 

20. ALL In One Web Elements Kit

官方地址:http://bestblogbox.com/freebies/all-in-one-web-elements-kit/

网页布局元素大集合,PSD文件。 

ALL In One Web Elements Ki

21. iPad GUI Set

官方地址:http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/

iPad平板电脑上设计布局用的元素集合。 

iPad GUI Set

22.Hallo.js

Hallo.js是一个简单的富文本Web编辑器,基于jQuery UI并且利用HTML5的contentEditable实现所见即所得。其目标并不是取代当今非常流行的编辑器,如Aloha,而是给开发者提供一种更简单、更愉快的用户编辑体验。

Hallo.js是由Henri Bergius为IKS项目开发的一款免费软件,使用CoffeeScript开发,遵循MIT许可协议,托管在GitHub上。


官网:http://hallojs.org/

托管地址及教程:https://github.com/bergie/hallo


http://chatgpt.dhexx.cn/article/89oodvZY.shtml

相关文章

ui界面设计工具有哪些

大家都知道ui设计的基础就是各种软件,主要的软件有PS、AI、AE、APR这4个,但经过反复论证,在ui设计师从业时间里有80%以上都是跟ps打交道,由前到后的重要性顺序就是按照上面所说的,有的时候也会用到XMind、Cutterman、M…

安卓设计师不容错过的15款实用UI界面设计工具

转载注明出处:https://weibo.com/ttarticle/p/show?id2309404210660820028355 最近刮起了一股“养蛙儿子”的风潮。独特的UI设计、萌萌的画风和简洁的用户体验吸引了大批的用户。在不少人直呼“哇,我的蛙儿子好可爱,好萌”的背后&#xff0c…

android开发界面设计工具,21个免费的UI界面设计工具、资源及网站

我们刚刚介绍了移动设计初探:触屏网页设计。本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富,适合用户体验设计师、界面设计师、产品设计师、JS前段开发、手机产品设计以及iPad和平板电脑产品设计等使用。 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个…

10款UI设计师常用的UI设计工具盘点

好的工具自然能让你在设计上如虎添翼,学好UI设计是成为合格的UI设计的第一步。作为一个人。UI设计师要想设计和转让用户满意的作品,不仅需要高超的技能.除了丰富的经验,还需要掌握一些工具。下面小编就为大家介绍一下。UI设计师工作中常用的设…

工具推荐|2019年UI设计师必备工具清单

UI设计师一直是IT行业最热门职位之一,因其薪资待遇较高,学习门槛较低而广受欢迎。在百度指数搜索“UI设计”来看,从2012年开始,UI设计的搜索呈明显上升趋势,尤其是在2016年左右出现“井喷式”增长。 另外,从…

UI设计师必备的五款界面设计工具

在前几篇文章中,我们分享了一些最受欢迎的原型设计工具,今天我们来谈谈界面设计工具。工具的重要性对于设计师来讲不言而喻。任何想法都需要借助工具来实现。想要成为一名出色的UI设计师,你需要多掌握一些技能,才能增强自身竞争力。同时也给那些想转行做UI设计师的朋友一些…

Linux系统里如何彻底的清空终端屏幕?

Linux系统里如何彻底的清空终端屏幕? 本文地址:https://linux.cn/article-2582-1.html 2014-02-19 20:10 评论: 10 收藏: 1 分享: 1 Linux用户,特别是Ubuntu或CentOS用户,基本上都习惯使用clear命令或CtrlL组合快捷键来清…

Linux系统下的清屏方法

在windows的DOS操作界面里面,清屏的命令是cls,那么在linux 里面的清屏命令是什么呢? 下面分享几种在linux下用过的清屏方法: 1、clear命令、这个命令将会刷新屏幕,本质上只是让终端显示页向后翻了一页,如…

linux清理缓存的命令

1.free free&#xff1a;通过free命令查看内存剩余可用情况 命令可带参数&#xff1a; -b  以Byte为单位显示内存使用情况。 -k  以KB为单位显示内存使用情况。 -m  以MB为单位显示内存使用情况。 -g 以GB为单位显示内存使用情况。 -o  不显示缓冲区调节列。 -s<…

Linux常用命令--清屏

那么在linux 里面的清屏命令是什么呢&#xff1f;下面笔者分享几种在linux下用过的清屏方法。 转自&#xff1a;https://www.jianshu.com/p/1aa56138e6aa 1、clear命令、这个命令将会刷新屏幕&#xff0c;本质上只是让终端显示页向后翻了一页&#xff0c;如果向上滚动屏幕还可以…

关于在linux下清屏的几种技巧

在windows的DOS操作界面里面&#xff0c;清屏的命令是cls&#xff0c;那么在linux 里面的清屏命令是什么呢&#xff1f;下面笔者分享几种在linux下用过的清屏方法。 1、clear命令、这个命令将会刷新屏幕&#xff0c;本质上只是让终端显示页向后翻了一页&#xff0c;如果向上滚…

在linux下清屏的几种技巧

转载请注明原文地址&#xff1a;https://www.cnblogs.com/5201351/p/4208277.html 在windows的DOS操作界面里面&#xff0c;清屏的命令是cls&#xff0c;那么在linux 里面的清屏命令是什么呢&#xff1f;下面笔者分享几种在linux下用过的清屏方法。 1、clear命令、这个命令将…

linux下清屏的几种技巧

在windows的DOS操作界面里面&#xff0c;清屏的命令是cls&#xff0c;那么在linux 里面的清屏命令是什么呢&#xff1f;下面笔者分享几种在linux下用过的清屏方法。 1、clear命令、这个命令将会刷新屏幕&#xff0c;本质上只是让终端显示页向后翻了一页&#xff0c;如果向上滚…

.tar.gz 跟.tgz

.tar.gz 跟.tgz 是一种格式吗&#xff1f; tar.gz_百度百科 以.tar.gz为后缀的文件是一种压缩文件&#xff0c;在Linux和macOS下常见&#xff0c;Linux和macOS都可以直接解压使用这种压缩文件。

ClickHouse安装部署流程(tgz版)

这里写自定义目录标题 ClickHouse安装包地址安装部署 ClickHouse安装包地址 http://repo.yandex.ru/clickhouse/ 因为我们使用tgz包进行安装&#xff0c;所以我们进入tgz目录下&#xff0c;再选择stable目录。 要下载的包有四个&#xff0c;分别是 clickhouse-client clickhou…

nodejs接受前端上传的tgz文件解压并读取内容

文章目录 1.前言2. 思路 1.前言 项目需求&#xff1a;前端上传一个算法文件&#xff0c;此算法文件是个tgz压缩包&#xff0c;首先这个tgz文件要上转到ftp服务器&#xff0c;然后需要解压tgz文件&#xff0c;找到里面的desc格式的文件并打开获取里面的算法描述信息&#xff0c…

Windows下使用python解压tgz文件

浅记以备自用 有时候下载的数据集压缩包可能是tgz格式&#xff0c;在windows下使用常规的解压缩软件无法解压&#xff0c;可以使用python解压tgz文件。 Step1.载入模块 import tarfile Step2.打开*.tgz文件 tar tarfile.open(rF:\data\ShapeNetRendering\ShapeNetRenderi…

如何在Windows系统上解压缩tgz文件

1找到文件所在的位置 然后鼠标右击 在终端打开 输入命令 tar -xvzf 加文件名称 拿上面的举例子 tar -xvzf flower_photos.tgz 即可

CentOS安装tgz文件,安装python3.6

1、安装可能用到的依赖 yum install -y openssl-devel bzip2-devel expat-devel gdbm-devel readline-devel sqlite-devel 安装可能用到的依赖 2、下载Python3.6.8源码 wget https://www.python.org/ftp/python/3.6.8/Python-3.6.8.tgz 3、操作python tar -xzvf Python-3.6.…

压缩成.tgz格式

命令&#xff1a; tar zcvf clean-css-master.tgz clean-css-master tar zcvf --压缩命令 clean-css-master.tgz --生成的压缩文件名 clean-css-master --被生成的原文件夹名