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

时间: 2024-10-13 23:20:28

40个UI设计工具的相关文章

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

转:http://blog.csdn.net/jinzhu117/article/details/8194301 一.运营类 1. APPVIEW,网址:http://lab.hakim.se/appview/ 帮助iOS 应用开发者追踪所有地区App Store最近的用户评论,可以按时间.评分.地区排序,缺点是可能更新较慢,评论不全. 2. AppBrain,网址:http://www.appbrain.com/ 可以在此查看Android应用在应用商店的用户评论,更新及下载量变化. 3. a

UX/UI设计工具的选择:对设计师的重要选择标准

原作者信息:Tom Koszyk    资深设计师,自由的产品设计师, Pixology 艺术总监 . 音乐爱好者. 游戏爱好者. 原作者Medium地址:Tom Koszy的Medium 原文地址:The Perfect UX/UI design tool. 译者:UI设计爱好者一只,欢迎交流.第一次试译,欢迎指错. ||  Adobe Photoshop, Affinity Designer Sketch 3?-?UI设计三工具 多年之前,不管是做简单的网页,还是做复杂的原生APP,Phot

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

本帖最后由 hua631150873 于 2014-9-12 18:26 编辑 Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具. Mockingbird 官方地址:https://gomockingbird.com/ Mockingbird(中文名:百舌鸟)是一个在线工具,它使您轻松地创建UI界面模型,预览UI,并可以共享你的版面编排效果

关于Android开发的免费UI设计工具

推荐使用 http://pencil.evolus.vn/ 它在全平台上都可以安装使用,同时也包含了 Android Material Design 的一些组件库 非常方便使用与 APP 开发过程中的原型设计 提供两个 Material Design 的开源素材地址 Widgets(组件): https://github.com/nathanielw/Android-Lollipop-Pencil-Stencils Icons(图标): https://github.com/nathanielw

UI设计

摘要 源于ajlr项目的验收,过程中ui的设计被屡次提到.所以就有了这样一个思考,什么是ui设计?对于开发人员来说,ui设计是否很重要?以及如何来进行ui设计? ui设计? User Interface,简称UI.从字面上来理解,用户与程序交流的接口.对于一般的程序员开发来说,一般认为不过软件的界面尔尔.通常对于程序员来讲,更多的关注的是软件功能的实现和性能的优化.恰恰相反,对于用户来讲界面才是最终与客户见面的主体:而在使用程序过程中频繁和程序交互的中介.对于客户来讲程序使用何种数据库.什么算法

【干货分享】2014年UI设计类资源汇总

现在UI设计不仅仅是UI设计师的工作,程序员也需要学习,优质界面的重要性就不再赘述,博主简单盘点一下去年的UI设计资源. 在学习之前,先来看一看UI设计心理学,用户认可才是最重要的.了解了用户心理,新手要从最基础开始,可以看看菜鸟应该怎样学习UI设计,资深人士从咋看.咋想.咋做详细讲述新人学习技巧. 在UI设计方面,现在一骑绝尘的小米手机可以给我们一些启发,从2010年8月的MIUI 1到2014年8月的MIUI 6,MIUI正逐步走向扁平化. 那什么的用户界面才是优秀的呢,研究用户体验的设计机

Android原型界面设计工具

 第 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 Interfa

转载:21个免费的UI界面设计工具、资源及网站

我们刚刚介绍了移动设计初探:触屏网页设计.本文将介绍一些UI界面与设计使用的元素.软件和网站.内容很丰富,适合用户体验设计师.界面设计师.产品设计师.JS前段开发.手机产品设计以及iPad和平板电脑产品设计等使用. Lumzy 官方地址:http://www.lumzy.com/ Lumzy是一个网站应用和原型界面制作工具.使用Lumzy,您可以轻松创建UI模型并即时发送到客户电脑中. Lumzy还具有团队协作编辑工具. Mockingbird 官方地址:https://gomockingbir

Web开发人员不要错过的60款用户界面设计工具(中)

21. Dojo Dojo是一个用javascript语言实现的开源DHTML UI工具包,可实现高性能的桌面和移动应用程序开发,在国内亦有大量忠实用户. 22. Fivesecondtest Fivesecondtest可以优化你的登陆界面,并分析设计中最突出的元素. 23. Android UI Elements Set 集合了大量Android OS UI元素,并且全部都是免费的. 24. Massive Web UI and Button Set Massive Web UI and B