资讯频道 → Web前端
阅读更多

92顶
2踩

Web前端

转载新闻 UI 设计师的盛宴：Web UI 设计资源大系

2010-07-26 11:51 by 资深编辑 wutao0603 评论(19) 有32428人浏览
UI Web

每个 Web 设计师都在 UI 设计上费尽了心血，即使这样，资源的匮乏，视野的狭窄，也常常让他们的呕心沥血之作并不为人看好，事实上，UI 设计并不需要闭门造车，很多 UI 元素是通用的。本文收集了 20 套非常前端的 UI 元素库，它们多数是可以后期修改的 PSD 或 SVG 版。

Modern Web UI Set (.psd)

这套 UI 库包括了从按钮，到渐变，到文字各种 UI 元素，非常整齐地存放在不同目录下，由于是 PSD 矢量分格式，里面的任何元素都是可以修改的。

Massive Web UI & Button Set (.psd)

这套 UI 元素库包含3种风格，水晶，渐变色，单色，渐变色还包含7种颜色组合。

Web UI Element Pack (.psd)

包含 19 个 UI 元素，从加载进度条，到按钮，到页码，到滑动条。

Web UI Wireframe Kit (.psd)

这套 UI 库中的元素全部基于 Photoshop 矢量图案。

Browser Form Elements (.psd)

如果你想设计浏览器，会发现这套 UI 很有用（设计浏览器在国内很时髦，是不是）。

Web Page Elements (for Omnigraffle)

这套 UI 库几乎包含了全部常用 Web 元素，Header，表单元素，图标等等。

Wireframe Kit (Google Drawings)

这是一套用于 Google Drawing 的 UI 库。

Sketching & Wireframing Kit (.ai, .eps, .pdf & .svg)

这是一套用于原型草图设计的 UI 库，包含的元素有表单，图标，指示器，反馈消息，工具提示，导航元素，图片框，内嵌视频，滑动条以及广告 Banner，包括 Illustrator 和 SVG 两种矢量格式。

Wireframe Symbols (.ai)

这套 UI 包含一个 Illustrator 符号库和一个 Illustrator 文件，可以用来创建设计原型。

Yahoo Design Stencils (.xml, .pdf, .svg, .png and Omnigraffle)

Yahoo! 为 Web 设计师们贡献过很多好东西，包括著名的 YUI 框架，还有这套 UI 元素库，包括广告单元，日历，图表，表单，网格，菜单，按钮，导航等等，提供多种矢量和非矢量格式。

Ext JS v3.0 Stencil (for Omnigraffle)

这是一套用于可以著名 JavaScript 框架 Ext JS 的 UI 库。

165 Vector Icons in 5 Colours (.ai, .jpg and .svg)

这套来自 Liquidicity 海量图标库包括 5 种不同配色。

Flex 3 Stencil (for Omnigraffle)

这套流程图 UI 包含 Flex 3 风格的面板，表格，按钮，链接，菜单，滚动条，手风琴式菜单，选项卡等等。

Twitter Widget Stencil (for Omnigraffle)

Twitter 相关的 UI 图库。

Web Designer Toolkit (.psd)

这个 PSD 格式的 UI 库包含非常整洁的 Web 元素库。

Facebook GUI (.psd)

大名鼎鼎的 Facebook UI

Facebook Applications (Omnigraffle)

如果你要创建 Facebook 应用，这套 UI 库非常有用。

Web Elements Kit (.psd)

这套 Web 元素库包括 17 个模块，每个模块包含四种配色。

Flex Darkskin UI (.psd)

漂亮的 Flex UI 皮肤。

WEB UI Treasure Chest

非常值得收藏的 Web 元素库，卷边效果很漂亮。

 

本文国际来源：speckyboy.com 20 Free Web UI Element Kits and Stencils

92
顶
2
踩
评论 共 19 条 请登录后发表评论
19 楼 奥大帅 2010-09-08 15:32
非常不错的资源
18 楼 hxz_allen 2010-09-07 14:23
很是迷糊。。
17 楼 gange 2010-08-31 04:45
风格还是趋于美式的, 我喜欢简洁一点的
16 楼 ren00317574 2010-08-27 14:01
挺好，万恶的字数
15 楼 nmwangyf 2010-08-24 14:38
[align=center][color=olive][size=xx-large][img][/img][url][/url][flash=200,200][/flash]
引用
[u][/u][i][/i][b][/b][/color][/size][/align          ]





  
14 楼 有事没事上QQ 2010-08-18 10:16  

  
flex






  
13 楼 有事没事上QQ 2010-08-18 10:15  

  
flexba





  
12 楼 johnicesea 2010-08-13 15:34  

  
zcool是个好地方





  
11 楼 viperasi 2010-08-11 12:57  

  
好东西啊～～～不过有些见到过。。。比如zcool





  
10 楼 davepkxxx 2010-08-11 10:35  

  
下拉框、单选框、复选框的设计如何用上？





  
9 楼 nophaern 2010-08-10 08:34  

  
  





  
8 楼 Amur 2010-08-09 18:55  

  
很多风格都不错





  
7 楼 karina 2010-08-05 15:57  

  
 谢谢分享！都挺不错的，几乎都跑过去下载了哈，慢慢琢磨自己学做。。





  
6 楼 weiqiang.yang 2010-07-27 11:27  

  
漂亮~~~~





  
5 楼 rogerer 2010-07-27 07:32  

  
看起来很炫啊 





  
4 楼 xiaochong4 2010-07-26 23:49  

  
看起来非常不错,谢谢分享,在哪里可以下载呢？





  
3 楼 kiven 2010-07-26 15:56  

  
真好看，啥时候我也能设计出来这么好看的UI呢，哎~！
无限伤感中 





  
2 楼 ejzhang 2010-07-26 13:30  

  
在哪里下载呢？





  
1 楼 fight_bird 2010-07-26 13:15  

  
好资料！收藏备用了。

鬼佬的审美和国人有很大的不同




    
    
  

  
发表评论

  
  
  您还没有登录,请您登录后再发表评论 




 
  

    

      
相关推荐

      
    
        
          
          
    
            
    
              
              
    
                
                  
                  
                  
  • 
                    大型网站的架构设计图分享
                    
    个人这两天一直在搜集各大型网站的架构设计图，一为了一饱眼福，领略各类大型网站架构设计的精彩之外，二来也可供闲时反复琢磨体会，何乐而不为呢?特此，总结整理了诸如国外wikipedia，Facebook，Yahoo！，YouT
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    大型网站的架构设计图分享-转
                    
    大型网站的架构设计图分享-转    近段时间以来，通过接触有关海量数据处理和搜索引擎的诸多技术，常常见识到不少精妙绝伦的架构图。除了每每感叹于每幅图表面上的绘制的精细之外，更为架构图背后所隐藏的设计思想所...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    大型网站的架构设计图
                    
    个人这两天一直在搜集各大型网站的架构设计图，一为了一饱眼福，领略各类大型网站架构设计的精彩之外，二来也可供闲时反复琢磨体会，何乐而不为呢?特此，总结整理了诸如国外wikipedia，Facebook，Yahoo！，YouTub
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    《响应式网页设计》系列分享专栏
                    
    前端开发：淘宝响应式WebUI设计实践     响应式WEB设计：将导航菜单转换成下拉菜单以适应小屏幕设备     推荐20个精美的响应式设计（Responsive Design）网站作品     20个优秀的响应式布局网页设计案例     37个极...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    【stable-diffusion使用扩展+插件和模型资源（下）】
                    
    来到webui，上传照片，声音（太长可能处理不了），右边的参数很少，就是选择分辨率，和裁剪方式，是否启用面部修复（效果不一定好），直接生成就行，推荐256，裁剪。就是比自带的预设多了很多选择，比如采样方法，...
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    大型网站的架构设计详解4
                    
    个人这两天一直在搜集各大型网站的架构设计图，一为了一饱眼福，领略各类大型网站架构设计的精彩之外，二来也可供闲时反复琢磨体会，何乐而不为呢?特此，总结整理了诸如国外wikipedia，Facebook，Yahoo！，YouTub
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    大型网站架构设计
                    
    个人这两天一直在搜集各大型网站的架构设计图，一为了一饱眼福，领略各类大型网站架构设计的精彩之外，二来也可供闲时反复琢磨体会，何乐而不为呢?特此，总结整理了诸如国外wikipedia，Facebook，Yahoo！，YouT
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    酷开电视P50 Pro系列:为品质青年打造PRO之选
                    
    随着现代社会的发展和消费观念的转变,越来越多的年轻人更注重追求品质生活。不仅如此,年轻人也更加注重性价比关注国货品牌,对既注重品质和...酷开电视P50 Pro 系列第一大亮点是使用了新一代金属全面屏,这是全面屏的一.
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    node-v0.8.10-sunos-x64.tar.gz
                    
    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。

Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。

Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。

在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    
                  
    • 
                  
                
                  
                  
                  
  • 
                    【课程设计】实现的金融风控贷款违约预测python源码.zip
                    
    【课程设计】实现的金融风控贷款违约预测python源码.zip
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    node-v0.10.27-x86.msi
                    
    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。

Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。

Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。

在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    
                  
    • 
                  
                
                  
                  
                  
  • 
                    课设毕设基于SSM的高校二手交易平台-LW+PPT+源码可运行.zip
                    
    课设毕设基于SSM的高校二手交易平台--LW+PPT+源码可运行
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    c++,冒险游戏，可供学习
                    
    冒险游戏，可供学习                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    node-v0.11.7-sunos-x64.tar.gz
                    
    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。

Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。

Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。

在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。


    
                  
    • 
                  
                
                  
                  
                  
  • 
                    node-v0.8.6-sunos-x64.tar.gz
                    
    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。

Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。

Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。

在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    
                  
    • 
                  
                
                  
                  
                  
  • 
                    基于C语言的天气客户端的实现.zip
                    
    基于C语言的天气客户端的实现.zip
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    internet_download_manager_6.42.3.zip
                    
    internet_download_manager_6.42.3
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    第一版商业计划书(1).doc
                    
    第一版商业计划书(1).doc
    
                  
    • 
                  
                
                  
                  
                  
  • 
                    node-v0.8.28-linux-x64.tar.gz
                    
    Node.js，简称Node，是一个开源且跨平台的JavaScript运行时环境，它允许在浏览器外运行JavaScript代码。Node.js于2009年由Ryan Dahl创立，旨在创建高性能的Web服务器和网络应用程序。它基于Google Chrome的V8 JavaScript引擎，可以在Windows、Linux、Unix、Mac OS X等操作系统上运行。

Node.js的特点之一是事件驱动和非阻塞I/O模型，这使得它非常适合处理大量并发连接，从而在构建实时应用程序如在线游戏、聊天应用以及实时通讯服务时表现卓越。此外，Node.js使用了模块化的架构，通过npm（Node package manager，Node包管理器）,社区成员可以共享和复用代码，极大地促进了Node.js生态系统的发展和扩张。

Node.js不仅用于服务器端开发。随着技术的发展，它也被用于构建工具链、开发桌面应用程序、物联网设备等。Node.js能够处理文件系统、操作数据库、处理网络请求等，因此，开发者可以用JavaScript编写全栈应用程序，这一点大大提高了开发效率和便捷性。

在实践中，许多大型企业和组织已经采用Node.js作为其Web应用程序的开发平台，如Netflix、PayPal和Walmart等。它们利用Node.js提高了应用性能，简化了开发流程，并且能更快地响应市场需求。

    
                  
    • 
                  
                
              
    
            
    
          
    
        
      

    

  








        

        

                      
  
  
  
  


  

  
  
  
  
  
    
    
    
  

          


          

        

        





      

      

    

    



   Global site tag (gtag.js) - Google Analytics