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

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

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

一个在线文字和图形目录是常见解决的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设计工具的更多相关文章

  1. 国外一些好用的UX/UI设计工具和资源分享

    国外一些好用的UX/UI设计工具和资源分享 你今天使用的设计工具也许不再适合以后的网页和APP设计项目了.新的工具不断的推出市场,目标只有一个,让你的工作更快.更容易而且工作成效更好.今天分享的这些U ...

  2. 移动周报:十款最实用的Android UI设计工具

    上一周可以说是一个不断Mark周,从最实用的Android UI设计工具.免费移动应用测试框架推荐,到HTML5开发框架等等,各种开发工具.框架精彩丰呈,看得小伙伴们是不亦乐乎.当然,还有不容错过的M ...

  3. 21个免费的UI设计工具和资源网站,不管是web,js,android都

    本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lum ...

  4. 【转】App开发者必备的运营、原型、UI设计工具整理

    一.运营类 1. APPVIEW,网址:http://lab.hakim.se/appview/ 帮助iOS 应用开发者追踪所有地区App Store最近的用户评论,可以按时间.评分.地区排序,缺点是 ...

  5. App开发者必备的运营、原型、UI设计工具整理

    移动应用开发者们,Attention please!在接下来的内容里,我们将介绍一些能够提高你们的应用的知名度和品质水平的工具. 仔细看看,下面这些工具你们都知道吗,用过吗?如果你还不知道,或许可以尝 ...

  6. 好用的UI设计工具

    51yuansu  好用的在线画UI图工具    51yuansu.com processon.com processon在线画图工具,程序流程图及UI设计原型图,脑图等 draw.io的PC版画图工 ...

  7. 国外一些好用的UX/UI设计工具和资源介绍

    你今天使用的设计工具也许不再适合以后的网页和APP设计项目了.新的工具不断的推出市场,目标只有一个,让你的工作更快.更容易而且工作成效更好.以下就是各种工具的介绍入口,当您点击标题就会看到各种很好的工 ...

  8. 产品原型 UI 设计工具

    产品原型设计工具 Balsamiq Mockups Axure RP 图像处理.绘制工具 ps,AI 跨平台 UI开发工具 QT , Unity3D

  9. 【转】21个免费的UI界面设计工具、资源及网站

    本文将介绍21个免费的UI界面设计工具.资源及网站,如果你在做用户体验设计.界面设计.产品设计.JS前段开发.手机产品设计以及iPad和平板电脑产品设计,不妨来看看. AD: 2013云计算架构师峰会 ...

随机推荐

  1. hibernate 对 sql server 2005 分页改进

    Hibernate 可以实现分页查询 如下 Query q = session.createQuery("from Cat as c"); q.setFirstResult(100 ...

  2. 关于static静态

    静态属性与方法可以在不实例化类的情况下调用,直接使用类名::方法名的方式进行调用.静态属性不允许对象使用->操作符调用. class Car { private static $speed = ...

  3. php面向对象编程之构造方法__construct()

    php中构造方法是对象创建完成后第一个被对象自动调用的方法.在每个类中都有一个构造方法,如果没有显示地声明它,那么类中都会默认存在一个没有参数且内容为空的构造方法. 构造方法的作用 通常构造方法被用来 ...

  4. [转]Jquery中AJAX错误信息调试参考

    下面是Jquery中AJAX参数详细列表: 参数名 类型 描述 url String (默认: 当前页地址) 发送请求的地址. type String (默认: "GET") 请求 ...

  5. POJ 3450 Corporate Identity (KMP+暴搞)

    题意: 给定N个字符串,寻找最长的公共字串,如果长度相同,则输出字典序最小的那个. 找其中一个字符串,枚举它的所有的字串,然后,逐个kmp比较.......相当暴力,可二分优化. #include & ...

  6. poj 3009 Curling 2.0 (dfs )

    Curling 2.0 Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 11879   Accepted: 5028 Desc ...

  7. Android开源代码解读-基于SackOfViewAdapter类实现类似状态通知栏的布局

    一般来说,ListView的列表项都会采用相同的布局,只是填充的内容不同而已,这种情况下,Android提供了convertView帮我们缓存列表项,达到循环利用的目的,开发者也会使用ViewHold ...

  8. ulimit 参数介绍

    Linux对于每个用户,系统限制其最大进程数.为提高性能,可以根据设备资源情况,设置各linux 用户的最大进程数 可以用ulimit -a 来显示当前的各种用户进程限制.下面我把某linux用户的最 ...

  9. DEV GridControl 导出到Excel

    SaveFileDialog saveFileDialog = new SaveFileDialog(); saveFileDialog.Title = "导出Excel"; sa ...

  10. F# 越用越喜欢

    F# 越用越喜欢 最近由于需要,把遗忘了几年的F#又捡了起来.说捡了起来,倒不如说是从头学习,原来学的早已经忘了!所谓学过,只不过看过一本<F# 语言程序设计> (郑宇军 凌海风 编著 - ...