40个UI设计工具

时间:2022-11-26 15:32:12

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

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

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

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

40个UI设计工具

Pattern Tap

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

40个UI设计工具

Patternry

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

40个UI设计工具

Mephobox

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

40个UI设计工具

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

Lumzy

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

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

40个UI设计工具

Mockingbird

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

40个UI设计工具

UI Design Framework for Illustrator

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

40个UI设计工具

Android Asset Studio

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

40个UI设计工具

Unique Mobile UI Design Elements

*设置UI设计元素:

40个UI设计工具

Android UI Elements Set

*设置Android OS的UI元素:

40个UI设计工具

OSX Leopard GUI Set

OSX Leopard的GUI元素:

40个UI设计工具

ALL In One Web Elements Kit

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

40个UI设计工具

iPad GUI Set

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

40个UI设计工具

The Pencil Project

火狐的GUI原型构建插件:

40个UI设计工具

Concept Feedback

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

40个UI设计工具

Landing Page Optimization

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

40个UI设计工具

框架

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

DHTMLX

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

40个UI设计工具

Dojo

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

40个UI设计工具

Echo 3

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

40个UI设计工具

Midori

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

40个UI设计工具

Scripty 2

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

40个UI设计工具

ZK

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

40个UI设计工具

jQTouch

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

40个UI设计工具

代码片段和脚本

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

jQuery Labs

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

40个UI设计工具

Snippet Library

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

40个UI设计工具

The Javascript Source

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

40个UI设计工具

roScripts (beta)

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

40个UI设计工具

Snipplr

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

40个UI设计工具

Code Sucks

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

40个UI设计工具

HTML Goodies

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

40个UI设计工具

WebResources Depot

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

40个UI设计工具

Ajax Rain

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

40个UI设计工具

Open Source Scripts

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

40个UI设计工具

Mini Ajax

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

40个UI设计工具

Webappers

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

40个UI设计工具

Javascript Kit

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

40个UI设计工具

Webcodr.com

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

40个UI设计工具

HTML Assets

基础javascript片段的小集合:

40个UI设计工具

其他杂项资源

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

Slidenote

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

40个UI设计工具

Editable Grid

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

40个UI设计工具

Placehold.it

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

40个UI设计工具

Fillerati

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

40个UI设计工具

qTip2

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

40个UI设计工具

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