【转】21个免费的UI界面设计工具、资源及网站
本文将介绍21个免费的UI界面设计工具、资源及网站,如果你在做用户体验设计、界面设计、产品设计、JS前段开发、手机产品设计以及iPad和平板电脑产品设计,不妨来看看。 |
我们刚刚介绍了移动设计初探:触屏网页设计。本文将介绍一些UI界面与设计使用的元素、软件和网站。内容很丰富,适合用户体验设计师、界面设计师、产品设计师、JS前段开发、手机产品设计以及iPad和平板电脑产品设计等使用。
内容导航
第 1 页:原型界面制作工具Lumzy | 第 2 页:在线工具Mockingbird |
第 3 页:开源UI工具The Pencil Project | 第 4 页:JS开发工具包Dojo |
第 5 页:排版托管Mocklinkr | 第 6 页:在线排版工具MockFlow |
第 7 页:Serena Prototype Composer | 第 8 页:在线绘图工具Cacoo |
第 9 页:UI工具DENIM | 第 10 页:网上应用线框Hot Gloo |
第 11 页:User Interface Design Framework | 第 12 页:设计资源网站Pattern Tap |
第 13 页:User Interface Design Patterns | 第 14 页:UI设计模式库Patternry |
第 15 页:UI参考网站Mephobox | 第 16 页:Android Asset Studio |
第 17 页:移动UI设计工具Mobility | 第 18 页:Android UI Elements Set |
第 19 页:OSX Leopard GUI Set | 第 20 页:ALL In One Web Elements Kit |
第 21 页:iPad GUI Set |
第 1 页:原型界面制作工具Lumzy
Lumzy
官方地址:http://www.lumzy.com/
Lumzy是一个网站应用和原型界面制作工具。使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中。 Lumzy还具有团队协作编辑工具。
第 2 页:在线工具Mockingbird
Mockingbird
官方地址:https://gomockingbird.com/
Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果图。
第 3 页:开源UI工具The Pencil Project
The Pencil Project
官方地址:http://pencil.evolus.vn/en-US/Home.aspx
为设计图表和用户界面图形原型开发的一个自由和开源工具。
第 4 页:JS开发工具包Dojo
Dojo
官方地址:http://dojotoolkit.org/
Dojo提供了强大的性能并节省您的时间。这是适合经验丰富前端开发者的JS开发工具包。
第 5 页:排版托管Mocklinkr
Mocklinkr
官方地址:http://www.mocklinkr.com/
自定义排版托管工具Mocklinkr,让你不用再担心没有漂亮版面
第 6 页:在线排版工具MockFlow
MockFlow
官方地址:http://www.mockflow.com/signup/
MockFlow是一个在线工具,用户界面设计和协作版面编排工具。
第 7 页:Serena Prototype Composer
Serena Prototype Composer
官方地址:http://www.serena.com/products/prototype-composer/index.html
Serena Prototype Composer是制作流程图,模拟程序流程和用户界面设计程序。
第 8 页:在线绘图工具Cacoo
Cacoo
官方地址:http://cacoo.com/
Cocoo是一个用户友好的在线绘图工具,允许你创建一个如网站地图,线框,UML和网络图图等。 Cacoo可以免费使用。
第 9 页:UI工具DENIM
DENIM
官方地址:http://dub.washington.edu:2007/denim/
一个早期非正式的网站和用户界面设计工具
第 10 页:网上应用线框Hot Gloo
Hot Gloo
官方地址:http://www.hotgloo.com/
网上应用线框
第 11 页:User Interface Design Framework
User Interface Design Framework
官方地址:http://www.webalys.com/design-interface-application-framework.php
一个免费提供网页设计师使用的用户界面设计工具。
第 12 页:设计资源网站Pattern Tap
Pattern Tap
官方地址:http://patterntap.com/
可以寻找一些设计资源与模式等。
第 13 页:User Interface Design Patterns
User Interface Design Patterns
官方地址:http://ui-patterns.com/
提供一些热门的用户UI界面设计模式参考图,分类很详细,如果设计网站或UI界面可以上去找一些资源,很不错。
第 14 页:UI设计模式库Patternry
Patternry
官方地址:http://patternry.com/
Patternry是用户界面设计模式库的目的是帮助解决常见的接口设计问题。
第 15 页:UI参考网站Mephobox
Mephobox
官方地址:http://box.mepholio.com/
UI设计界面资源欣赏参考网站。
第 16 页:Android Asset Studio
Android Asset Studio
官方地址:http://android-ui-utils.googlecode.com/hg/asset-studio/dist/icons-launcher.html
可以在线生成图表,只需要输入参数即可
第 17 页:移动UI设计工具Mobility
Mobility
官方地址:http://www.fullcreative.com/2010/10/mobility-a-free-set-of-mobile-ui-design-elements/
移动用户界面设计使用,可以输入参数进行测试,很方便
第 18 页:Android UI Elements Set
Android UI Elements Set
官方地址:http://www.webdesignshock.com/freebies/free-photoshop-android-interface-gui/
可以自由设定Android操作系统的用户界面元素。
第 19 页:OSX Leopard GUI Set
OSX Leopard GUI Set
官方地址:http://www.tutorialshock.com/freebie/mac-osx-leopard-gui-set/
该软件包含一些常用的Photoshop原文件和PNG文件,这些元素都是用来设计GUI界面的素材,通过该软件你可以快速制作出一些出色的界面
第 20 页:ALL In One Web Elements Kit
ALL In One Web Elements Kit
官方地址:http://bestblogbox.com/freebies/all-in-one-web-elements-kit/
网页布局元素大集合,PSD文件。
第 21 页:iPad GUI Set
iPad GUI Set
官方地址:http://www.teehanlax.com/blog/2010/02/01/ipad-gui-psd/
iPad平板电脑上设计布局用的元素集合。
【编辑推荐】
原文链接:http://mobile.51cto.com/design-250037.htm
【转】21个免费的UI界面设计工具、资源及网站的更多相关文章
- 转载:21个免费的UI界面设计工具、资源及网站
我们刚刚介绍了移动设计初探:触屏网页设计.本文将介绍一些UI界面与设计使用的元素.软件和网站.内容很丰富,适合用户体验设计师.界面设计师.产品设计师.JS前段开发.手机产品设计以及iPad和平板电脑产 ...
- Android开发1:基本UI界面设计——布局和组件
前言 啦啦啦~本学期要开始学习Android开发啦~ 博主在开始学习前是完完全全的小白,只有在平时完成老师要求的实验的过程中一步一步学习~从此篇博文起,博主将开始发布Android开发有关的博文,希望 ...
- android ui界面设计参数讲解
百度文库: http://wenku.baidu.com/link?url=s66Hw6byBEzmjL77doYL1YQN4Y_39F7MovaHKs5mVGrzTDOQCAmiM-1N_6Cdm- ...
- 移动端UI界面设计:APP字体排版设计的七个原则
移动端UI界面设计:APP字体排版设计的七个原则 发布于: 2015 年 2 月 9 日 by admin 再来谈移动端APP字体排版设计,也许有人会说,这个还有什么好说的呢?但是真正能够运用好APP ...
- 游戏UI框架设计(7): 资源国际化技术
游戏UI框架设计(7) --资源国际化技术 说起"资源国际化"技术,个人认为可以追述到微软Window2000 PC操作系统的发布,在这之前windows98操作系统的开发都是先由 ...
- Android的界面设计工具 DroidDraw
Android的界面设计工具 DroidDraw DroidDraw 下载地址:http://code.google.com/p/droiddraw/ 如图 也可以使用在线的版本(http://www ...
- 21个免费的UI设计工具和资源网站,不管是web,js,android都
本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lum ...
- iPhone / iPad UI界面设计与图标设计的尺寸设计规范+安卓+网页
①iPhone的设计尺寸 iPhone界面尺寸: 设备 分辨率 状态栏高度 导航栏高度 标签栏(工具栏)高度 iPhone6 plus设计版 1242 × 2208 60px 132px 146px ...
- 推荐一个iOS应用UI界面设计站点
Patterns是一个分享ios应用UI界面的站点,专注于分享iOS应用UI界面的细节.依照设计元素进行分类,依照iOS经常使用功能对各类UI进行分类展示. 链接:url=http%3A%2F%2Fw ...
随机推荐
- PHP调用纯真IP数据库返回具体地址
function convertip($ip) { $ip1num = 0; $ip2num = 0; $ipAddr1 =""; $ipAddr2 =""; ...
- 【原生JS】简单取随机数
因为js本身取随机数仅能取 0 到 1之间的数,所以..... 取 1 - 10之间的随机数. function getSJS(x,y,z){ var int = null; while(int &g ...
- iptables端口映射
见上节透明代理设置 #iptables -t nat -A PREROUTING -i eth0 -p tcp -s 192.168.62.0/24 --dport 80 -j REDIRECT -- ...
- Codeforces Round #185 (Div. 1 + Div. 2)
A. Whose sentence is it? 模拟. B. Archer \[pro=\frac{a}{b}+(1-\frac{a}{b})(1-\frac{c}{d})\frac{a}{b}+( ...
- phpStudy中升级MySQL版本到5.7.17的方法步骤
http://www.jb51.net/article/120263.htm 前言 今天在工作发现一个错误,在往本地导数据表的时候老是报错: ? 1 [Err] 1294 - Invalid ON U ...
- Spring security用户URL权限之FilterSecurityInterceptor
总: 用户通过浏览器发送URL地址,由FilterSecurityInterceptor判断是否具有相应的访问权限. 对于用户请求的方法权限,例如注解@PreAuthorize("hasRo ...
- nginx调用PHP有sock方式和端口方式
nginx调用PHP有sock方式和端口方式 1.确认nginx已经调用了php;2.先确认你的nginx使用什么方式调用PHP:3.如果使用端口方式,端口对不对应,如果使用SOCK方式,那么路径对不 ...
- python模块之random模块
random模块 随机模块,用于处理随机问题. import random # 随机整数 print(random.randint(0, 9)) # 0到9之间随机一个整数 print(random. ...
- 地址中如果含有"+",发给服务器时"+"变成了空格问题解析
如地址为sms:+7 915 444-414-444,含有空格. 服务器解码 URLDecoder.decode("sms:+7 915 444-414-444"),返回的是sms ...
- jQuery 工具类函数-使用$.extend()扩展Object对象
除使用$.extend扩展工具函数外,还可以扩展原有的Object对象,在扩展对象时,两个对象将进行合并,当存在相同属性名时,后者将覆盖前者,调用格式为: $. extend (obj1,obj2,… ...