40个UI设计工具

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了40个UI设计工具相关的知识,希望对你有一定的参考价值。

摘要:用户界面设计在持续的基础上不断成长和演变。要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术。

导读:用户界面设计在持续的基础上不断成长和演变。要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术。同时,你也要亲身尝试,并提出原创的见解和应用。下面列举的这些工具能帮你做到这些。尽情分享下面这些我找到的注释出的资源中你认为有用的部分。

看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础。

一个在线文字和图形目录是常见解决的UI设计问题的方案。使用非常宽松的分类,同时也让你用标签或颜色分类:

技术分享

Pattern Tap

一个能找到平常被使用的设计模板精神的好资源。Pattern Tap将UI元素分类集合,同时也将个别项目以标签形式在新窗口打开:

技术分享

Patternry

Patternry 将重点放在寻找常见UI问题的解决上,而不只是提出简单的建议:

技术分享

Mephobox

是另一个能找到的提出常见设计模板启示的好资源。你能够以用户身份游览网站,或者查证基于个人设计元素的集合:

技术分享

原型开发、模型构建和设计反馈工具

Lumzy

你在创建新的UI技术任何时候,在创建网站之前,你会需要创造出一个作为概念根据的原型或模型。当然,你也要测试这些新构想。

Lumzy是一个方便的UI界面模型构建和原型开发的小型在线工具。它能让你创建具有工作功能的原型,而不只是线框:

技术分享

Mockingbird

另一个界面模型构建和原型开发工具,同时拥有在线团体合作开发工具:

技术分享

UI Design Framework for Illustrator

一个为AI服务的用户界面元素和风格设置网站:

技术分享

Android Asset Studio

一个为开发android应用提供UI元素的网站:

技术分享

Unique Mobile UI Design Elements

自由设置UI设计元素:

技术分享

Android UI Elements Set

自由设置Android OS的UI元素:

技术分享

OSX Leopard GUI Set

OSX Leopard的GUI元素:

技术分享

ALL In One Web Elements Kit

提供你的网站的所需的一切PSD分层文件:

技术分享

iPad GUI Set

提供你所需的任何iPad应用程序的主题的分层矢量PSD文件:

技术分享

The Pencil Project

火狐的GUI原型构建插件:

技术分享

Concept Feedback

发布你的设计和概念,并得到免费反馈的设计社区:

技术分享

Landing Page Optimization

获得他人关于你目标页面5秒钟的真实印象反馈的网站:

技术分享

框架

框架已经成为了几乎所有复杂的UI的主干了。这里的是极少数的框架,不像Moo Tools和jQuery那些你可能熟悉的工具。

DHTMLX

一个提供了大量的UI部件的javascript UI资料库和 jQuery的替代品:

技术分享

Dojo

另一个拥有强大API设置以及丰富UI控件的javascript工具包。

技术分享

Echo 3

是一个不仅能让开发者创造组建驱动和事件驱动API和Javascript客户端应用程序的UI工具包:

技术分享

Midori

一个超轻量级Javascript框架,它集合了很多常用的UI技术。而且即使包括缩进语言,Midori也只有51K:

技术分享

Scripty 2

另一个支持最新版Webkit游览器的CSS过渡和转换的框架。

技术分享

ZK

ZK包括超过200个ajax组件,一切准备就绪:

技术分享

jQTouch

一个用于手机iPone应用开发的jQuery插件:

技术分享

代码片段和脚本

      为什么我们要白费力气呢?如何这里有一个存在的片段,而它正是你所需要的,你就可能在下面的这些网站中找到。

jQuery Labs

一个为你网站预制jQuery组件的庞大的资料库:

技术分享

Snippet Library

一个由用户提交审查的各种程序语言的片段和代码教程的资料库:

技术分享

The Javascript Source

一个常用javascript和ajax片段的便捷的向导:

技术分享

roScripts (beta)

可以被用户投票的脚本、片段和资源:

技术分享

Snipplr

 

一个有许多先进脚本和jQuery技术的好资源:

技术分享

Code Sucks

有关于Javascript片段如何工作的极其详细的评论的网站:

技术分享

HTML Goodies

另一个有优秀的步骤记录文件的jQuery资源:

技术分享

WebResources Depot

包括在它们的设计资源的大型目录中的是大量非常有用的脚本和片段:

技术分享

Ajax Rain

出色的以分类和标签的形式表现的片段资源库,它能使你很容易找到你这在寻找的东西:

技术分享

Open Source Scripts

提供截止于2004年的Javascript片段和代码:

技术分享

Mini Ajax

非常优美程序片段的集合:

技术分享

Webappers

大量的包括非常好的图片编辑片段集合的jQuery组件:

技术分享

Javascript Kit

原创在线javascript片段资源库之一:

技术分享

Webcodr.com

一些对你网站非常有用的程序片段:

技术分享

HTML Assets

基础javascript片段的小集合:

技术分享

其他杂项资源

这里有方便的并不适合下面任一类别的UI资源,但是我们仍旧感到是值得提及的:

Slidenote

一个简单的能使你创建滑动通知(sliding notification)的jQuery插件:

技术分享

Editable Grid

只要几行简单代码,就能将html表格转换为可以用高级选项操作的组件:

技术分享

Placehold.it

为你排版简易创建占位符的服务器:

技术分享

Fillerati

一个独特的Lorem Ipsum的替代品。为你网站模型创建真实文字块,帮你从所能接收到的各种公共域文字中做出选择。

技术分享

qTip2

一个qTip的提示窗口插件的jQuery升级。使得为你网站制作风格化提示窗口变得容易:

技术分享

原文链接:http://article.yeeyan.org/view/144345/168856

以上是关于40个UI设计工具的主要内容,如果未能解决你的问题,请参考以下文章

UI设计工具比较:SketchAdobe XD墨刀MockplusAxure RP

UI设计学费多少,要学多久?

9个永恒的UI设计原则

实现一个泉州外贸app的ui设计,需要效果需要简洁漂亮。

小编亲历10个新手UI设计师常犯错误,小编已中招,你呢?

UI设计需要学习多少个软件呢?中公的课程怎么样?