`
jguangyou
  • 浏览: 377796 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

web ui 设计资源

阅读更多

每个 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

分享到:
评论

相关推荐

    webUI 4.27版本的插件

    这包括如何配置Web服务器,如何将HTML、CSS和JavaScript资源导入到UE4,以及如何在蓝图中调用WebUI功能。 在实际应用中,WebUI 4.27版本可以用于创建诸如游戏启动器、排行榜、商店、教程、成就系统等多种用户界面。...

    Spark应用程序WebUI详解.docx

    ### Spark Web UI 详解 #### 一、Spark Web UI 概览 Spark Web UI 是一个图形化的用户界面,用于监控正在运行的 Spark 应用程序的状态。它提供了丰富的信息,帮助用户了解应用程序的运行情况、性能瓶颈以及资源...

    webui图标素材

    标签"webui设计 图标素材"进一步明确了这个压缩包的主要内容,即与Web用户界面设计相关的图标资源。WebUI设计注重的是界面的清晰度、易用性和美观性,而图标作为设计的重要组成部分,能够有效地传达信息,提高用户的...

    个人收集的二十多个管理系统的webui效果图

    WebUI设计在管理系统中至关重要,因为它直接影响到用户的操作体验,好的WebUI设计能提升工作效率,降低用户学习成本。 【文件名称列表】 虽然没有具体的文件名提供,但我们可以推断压缩包"WebUI"中可能包含了一系列...

    易语言网站后台管理UI界面源码 CEFUI WEBUI 自适应

    WEBUI设计是指使用Web技术来构建用户界面,这种方式的优点在于可以充分利用Web开发者已有的技能和工具,同时也可以使界面在不同设备和屏幕尺寸上具有良好的自适应性。在本源码中,WEBUI设计的实现可能包括响应式布局...

    WebUI编程资源--弹出框口

    弹出框作为WebUI设计中的关键元素,对于交互设计而言不可或缺。弹出框不仅仅是对话框,更是与用户进行沟通的重要桥梁,其设计的优劣,会直接影响用户的操作体验。因此,设计一款既美观又实用的弹出框,对于提升网站...

    webui及登录页绝对好用

    在本资源中,"webui及登录页绝对好用"这一标题暗示了提供的WebUI设计和登录页面模板非常实用,易于集成到各种项目中。 描述中提到的经典WebUI和登录窗口,意味着这可能是一个经过时间考验、具有良好用户反馈的设计...

    sd-webui-mov2mov.zip

    【标题】"sd-webui-mov2mov.zip" 指的可能是一个包含Web用户界面(Web UI)的项目,其主要功能可能是处理视频转换,特别是从一种名为"mov"的视频格式转换到同名的另一种格式。这个压缩包可能包含了项目的源代码、...

    WebUI-4.23.zip

    3. **WebUI**:这个目录可能包含了插件的核心代码和其他相关资源,如CSS样式表、图片和其他静态文件,这些都是构建Web界面所必需的。开发者可以通过查看这些文件了解插件的工作原理,也可以在此基础上定制自己的Web...

    WebUI4Angular

    【标题】"WebUI4Angular" 是一个专为Angular框架设计的开源Web用户界面库,由国内开发者创建。这个库提供了丰富的组件和样式,旨在帮助开发者快速构建美观且功能完善的前端应用。 【描述】"国人开源的Angular开发...

    【虚幻引擎UE】UE5实现WEB和UE通讯方法(基于WEBUI插件)

    本篇文章将详细讲解如何在UE5中实现与Web的通讯,利用WEBUI插件来搭建桥梁,使得游戏或应用能够与网页进行数据交换,提升用户体验和互动性。 首先,我们需要理解虚幻引擎UE5中的通信机制。UE5支持多种通信方式,...

    web UI 设计样式,无版权限制

    一个优秀的Web UI设计不仅能够提升用户体验,使用户在使用过程中感到舒适和便捷,还能够体现品牌特色,增强企业的形象。"web UI 设计样式,无版权限制" 提供了一种资源集合,供设计师们参考和借鉴,以创建出吸引眼球...

    WEBUI窗口.rar

    WEBUI窗口技术是一种在网页应用中模拟传统桌面应用程序界面的技术,它使得用户可以在浏览器中享受到类似桌面应用的交互体验。这种技术通常结合HTML、CSS和JavaScript等Web前端技术实现,有时也会利用到框架如React、...

    Ollama+WebUI+AnythingLLM构建个人/企业知识库

    Ollama WebUI 和 AnythingLLM 提供了一种解决方案,帮助用户在本地构建自己的知识库,以替代依赖云端的大型语言模型如ChatGPT。 Ollama 是一个专门设计用于在本地环境搭建知识库的工具,它允许企业或个人在自己的...

    WEBUI支持库

    "WEBUI支持库"是一个专为Web用户界面(WEBUI)设计和开发提供辅助功能的软件库。这个库通常包含了各种组件、工具和框架,帮助开发者更高效地创建交互式的网页应用。它能够提高开发效率,减少代码重复,并提供统一的...

    易语言WEBUI窗口源码.rar

    WEBUI,全称为Web User Interface,即Web用户界面,是一种基于网页技术的用户交互界面设计。在移动应用开发中,特别是iOS开发,WEBUI技术常用于构建轻量级的App或混合式应用,它能够结合Web技术和原生平台的优点,...

    Web开发者欣喜若狂的40个UI设计工具和资源

    标题与描述中的关键词“Web开发者欣喜若狂的40个UI设计工具和资源”提示了文章的核心内容,即为Web开发者提供一系列UI设计工具和资源的汇总,旨在帮助他们提升设计效率,跟进最新趋势,以及激发创新灵感。...

    手机web ui框架

    《手机Web UI框架详解——以layer.mobile-v1.2为例》 在当今互联网技术日新月异的时代,手机Web UI框架扮演着至关重要的角色。它们为开发者提供了构建响应式、高性能且用户友好的手机网站的工具,大大提升了开发...

    NickLee.Web.UI.dll

    UI是任何应用程序与用户交互的窗口,其设计和功能直接影响到用户的体验和系统的可用性。 在.NET框架下,DLL文件常被用来组织和封装自定义控件、业务逻辑或数据访问层。NickLee.Web.UI.dll可能包含了一些自定义的Web...

    UI设计师面试考试题(带答案).docx

    #### 五、网页设计WebUI的标准尺寸 在现代网页设计中,为了适应主流浏览器的显示尺寸,常见的页面宽度设置为**960px、970px、980px、990px、1000px**(A)。这样的尺寸既能确保设计的美观性,也能兼容不同设备的显示...

Global site tag (gtag.js) - Google Analytics