40个UI设计工具和资源

标签: ui 设计 工具 | 发表时间:2011-01-27 22:58 | 作者:一根棒冰 Shell Wang
出处:http://www.yeeyan.org

原作者:
来源40 UI Design Tools and Resources - Noupe Design Blog
译者一根棒冰

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

  

模型参考和资料库

  

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

      一个在线文字和图形目录是常见解决的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升级。使得为你网站制作风格化提示窗口变得容易:

  

添加新评论

相关文章:

  40余幅绝佳的鱼眼摄影范例

  12大神奇的电脑机箱设计

  【设计图集】灵感杂集No. 93

  35个专业设计图库

  创意美观的字体设计作品

相关 [ui 设计 工具] 推荐:

40个UI设计工具和资源

- Shell Wang - 译言-电脑/网络/数码科技
来源40 UI Design Tools and Resources - Noupe Design Blog.       用户界面设计在持续的基础上不断成长和演变. 要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术. 同时,你也要亲身尝试,并提出原创的见解和应用.       下面列举的这些工具能帮你做到这些.

设计师的好帮手:UI Stencils 全套工具

- archer - 爱范儿 · Beats of Bits
想要设计出绝佳的应用程序,想要勾勒出迷人的 UI 原型图,想要把转瞬即逝的灵感定格在纸面上,那可千万别错过这套 UI Stencils 工具. UI Stencils 工具分为两大类:UI 元素模板,空白草稿板. 它们既可以单独使用,又可以混搭在一起使用. UI 元素模板分为 iPhone ,iPad,Android ,Windows Phone ,Website 这五个品种.

非常有用的免费UI设计工具和资源

- 博是 - 博客园-首页原创精华区
  这篇文章要与大家分享的都是一些很棒的免费UI设计工具和资源,有Web开发方面的,也有移动开发方面的,非常丰富,相信你能从中发现有用的资源. 分享35套精美的 PSD 图标素材. 分享20个很不错的UI图标集资源. 分享42个精美的免费 PSD 素材. 分享12个非常好的免费矢量资源网站. 分享最新40个很不错的 PSD 资源.

UI界面设计中的工具,软件,网站等

- 临峰 - 设计之外 - UCD大社区
都是一些UI界面与设计使用的元素,软件,网站等. 内容很丰富,适合网页设计师,用户体验设计师,界面设计师,产品设计师,JS前段开发,手机产品设计,ipad产品设计等使用. Lumzy是一个网站应用和原型界面制作工具. 使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具.

50 个免费UI和Web设计框架工具和源文件贡献

- 淼 - UI乐园
生活频道——笑谈生活,坐看人生,这里有着小人物的健康生活. 收藏到:Del.icio.us.

新工具介绍:AdPlus UI

- - CSDN博客推荐文章
通过一段时间,我开发了一款实用新工具,封装了微软的调试利器Adplus.exe让各位更易于使用它. 张佩(Moore.Zhang) . Adplus UI是对Adplus.exe的封装,后者是微软提供的调试工具,是个利器,但虽为利器却少有人用,原因在于它仅支持命令行的方式运作,而命令又稍嫌复杂. Adplus UI的功德就在于把不友好的命令行变成用户友好的界面形式,用户只需要鼠标点几下就可以完成设置,设置会被保存,以后直接使用即可.

从Web借鉴UI设计

- - 博客园_首页
  用户体验已经成为衡量应用软件质量的重要标准. 在过去我们可能会惊叹于某个Web应用的华丽界面,现在,随着HTML5的强势登场,各类表现层技术及开发框架的发布,Web与窗体应用的界限正在被逐渐模糊. 虽然技术已经焕然一新,但很多开发人员并不是专业的信息架构师,可能还在使用传统的、平凡的UI设计风格.

UI 设计六要素

- - 人人都是产品经理
UI是User Interface(用户界面)的缩写,我们常常把用户体验挂在嘴边,而UI就是提升用户体验的秘密武器. 友好的用户界面,可以实现用户 与网站或者软件之间更好的交互,让软件的操作变得更加舒适、更加人性化. 可以毫不夸张的说,UI决定了互联网创业的成败. 那么,要如何才能针对自己的实际 情况设计出好的UI呢.

UI精品:网站各种表单UI设计PSD

- - 软矿
网站经常需要用到注册表单、登陆表单、找回密码表单、发邮件表单、订阅表单等. 这些表单看似简单,但一个优秀的网站,这些表单的设计也需要下很多的功夫. 小编最近收集到一套比较完整的网站表单UI设计PSD素材,基本涵盖了网站所需要的表单. 如果你正愁不知道怎么安排你的网站设计项目的表单,这PSD素材或许能给你带些灵感.