UI 设计师的盛宴:Web UI 设计资源大系

设计师和前端必看:sRGB、Adobe RGB、P3色域在Web和UI设计中的色彩转换实战 本文深入解析sRGB、Adobe RGB和P3色域在Web和UI设计中的差异与应用,提供色彩转换实战指南。通过XYZ色彩空间作为中介,详细介绍设计工具到前端代码的色彩保真工作流,帮助设计师和开发者实现跨平台色彩一致性,提升用户体验。 阅读详情

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

中文翻译来源:锐商企业CMS 网站内容管理系统 官方网站

25套精选前端静态模板设计参考 本文还有配套的精品资源,点击获取 简介:静态模板是网页设计与开发中的重要资源,包含HTML、CSS和JavaScript等前端技术。本套模板集合覆盖多种设计风格,适用于不同类型的网站,如企业官网、博客等。静态模板的特点在于快速加载、易维护,不涉及服务器端动态生成。模板内可能包含响应式设计、常见网站组件,以及可能使用了Bootstrap和jQuery等前端框架和库。每套模板可... 阅读详情

相关推荐

TI MSPM0G3507 循迹小车强制寻黑线代码一

一个基于MSPM0微控制器的循迹小车控制系统。系统通过8路循迹传感器检测黑线位置偏差,使用PID算法计算电机控制量。主程序初始化中断、PWM等外设,在按键触发后进入循迹模式。传感器数据处理函数根据检测到的黑线位置返回偏差值(-7到7),PID控制器根据偏差调整左右电机速度。系统还包含限幅处理、中断服务等模块,实现稳定的自动循迹功能。代码结构清晰,展示了嵌入式系统中传感器数据处理、电机控制和PID算法的典型实现方式。

雾削木的优快云博客 1856

[資源]Web設計資源以及线框工具

Cnblog網頁設計新聞主題 UI 设计师的盛宴:Web UI 设计资源大系 120个非常优秀的CSS水平导航菜单 60个高质量的CSS、XHTML网页布局模板下载 免费的线框工具,UI设计工具,PDFs,资源等 精挑细选,9款基于Web浏览器的线框图绘制软件 (全英文)10款非常棒的web原型设计工具 转载于:https://www.c...

weixin_30547797的博客 90

汇川EASY521 PLC实战指南:从硬件选型到程序架构与故障排查

可编程逻辑控制器(PLC)是工业自动化系统的核心大脑,其工作原理基于循环扫描机制,持续读取输入、执行用户程序并更新输出。这种确定性控制方式,使其在逻辑控制、顺序控制和运动控制中具有不可替代的技术价值,广泛应用于机械设备、生产线和过程控制等场景。对于汇川EASY521这类紧凑型高性能PLC,其核心优势在于集成了运动控制与丰富通讯接口,为中小型设备提供了高性价比的一站式解决方案。在实际应用中,工程师常需处理如“汇川sv660n”伺服驱动器的集成调试,或利用“hslcommunication”等开源库实现C#上位

weixin_42525264的博客 743

开源管理后台模板,Horizon UI协助你快速开发精美简介的网站!

HorizonUI:创新设计,触手可及。打造未来感的Web应用-精选真开源,释放新价值。 概览 HorizonUIChakra是一个开源的、创新的前端框架,专为追求现代UI元素和美观网站的开发者设计。它集成了数百个设计元素、设计好的区块和完全编码的页面,旨在帮助开发者快速创建令人惊叹的网站和Web应用。Hor...

weixin_28931449的博客 404

微波技术仿真:微波谐振器分析_(2).微波谐振器理论

谐振器是一种能够在特定频率范围内存储和释放电磁能量的器件。在微波频段,谐振器通常用于滤波、频率选择和能量存储等应用。一个理想的谐振器在谐振频率下能够存储无限大的能量,但在实际应用中,由于损耗的存在,谐振器的性能会受到一定限制。微波谐振器在微波通信、雷达系统、微波测量和微波电路设计等领域中发挥着重要作用。谐振器的设计需要考虑多个因素,包括谐振频率的精确控制、损耗的最小化、频率稳定性的提高和小型化设计。通过理论分析和仿真工具的使用,可以有效优化谐振器的性能,满足实际应用的需求。

2401_87715305的博客 936

具身智能机器人算法控制研究进展综述

具身智能(Embodied Intelligence)作为人工智能与机器人学的交叉前沿领域,强调智能体通过物理身体与环境的持续交互涌现智能行为。近年来,随着基础模型(Foundation Models)、扩散策略(Diffusion Policy)、视觉-语言-动作(Vision-Language-Action, VLA)模型以及大规模机器人数据集(如Open X-Embodiment)的快速发展,具身智能机器人的算法控制范式正经历深刻变革。

VectorShift的博客 230

2024 热门前端 UI 组件库超全汇总!

Radix UI 是一个开源的UI组件库,专为快速开发、易于维护和可访问性优化而设计。它是一个无样式的组件库,允许开发者完全控制组件的样式,同时提供了一套全面的UI组件和工具,帮助开发者构建美观、易于访问且具有高性能的应用。在前端开发的过程中,UI 组件库扮演着至关重要的角色。它们不仅助力开发者迅速构建页面原型,还能确保页面风格的统一性,从而显著提升开发效率。本文就来盘点那些前端领域广泛认可且常用的 UI 组件库,为开发者提供参考。图片。

leyang0910的博客 1万+

Marvell 88Q6113 如何制作一个完整的量产固件88Q6113_flash.bin并进行烧录

本章节介绍如何基于Marvell工具链,制作一个完整的量产固件88Q6113_flash.bin,集成用户自定义的配置文件 config.bin,用于88Q6113的Flash烧录。注:Marvell 88Q5072 与 Marvell 88Q6113 的配置流程是一样的。

老板来份猪脚拼叉烧的博客 2013

推荐几个精致的web UI框架及常用前端UI框架,已拿offer附真题解析

整理面试题,不是让大家去只刷面试题,而是熟悉目前实际面试中常见的考察方式和知识点,做到心中有数,也可以用来自查及完善知识体系。《前端基础面试题》,《前端校招面试题精编解析大全》,《前端面试题宝典》,《前端面试题:常用算法》PDF完整版点击这里免费领取[外链图片转存中…(img-ykbcS3kb-1712367088794)][外链图片转存中…(img-t336d2wZ-1712367088794)][外链图片转存中…(img-9BRmZmld-1712367088794)]

2401_84093490的博客 3761

电磁兼容(EMC):一文读懂过电应力(EOS)

过电应力(EOS)是指元器件承受的电流或电压应力超过其允许的最大范围。产品的电磁兼容(EMC)失效的一种常见模型为过电应力(EOS),也是电子产品失效的最常见的情况之一。过电应力基本与半导体器件相关,EOS事件包括有:静电放电(ESD)、雷击、系统瞬态、电磁脉冲、充电等。本文将详细讨论一下产品设计中如何关注EOS设计。

linkking27的博客 6486

《S32系列芯片——Boot & HSE详解》持续更新中...

专栏总目录,将详细介绍S32系列芯片的Boot功能,最终给出HSE基于IVT的Secure Boot方案!!!

车载系统攻城狮 4388

【亲测免费】 精选252个UI组件:前端开发与游戏设计的完美素材库

精选252个UI组件:前端开发与游戏设计的完美素材库 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 在现代前端开发和游戏设计中,高质量的UI组件是提升用户体验和项目视觉效果的关键。为了满足开发者对精美UI组件的需求,我们精心打造了一个包含252个高质量UI组件的资源包。这些组件涵盖了按钮、图标、导航栏、表单元素、弹窗、进度条等多种常见的UI元素,旨在为开发者提供丰富的...

gitblog_09772的博客 973

【AutoSAR】【BootLoader】AutoSAR Bootloader 原理与流程

目录 一、HIS规范 二、BOOTLOADER软件架构 三、烧写流程 一、HIS规范 国外整车厂意识到在线刷新ECU的重要性,由奥迪公司、宝马公司、戴姆勒公司、保时捷公司、大众公司成立一个委员会,名为HIS委员会,专门负责帮助汽车制造商掌握微处理器控制单元软件和质量保证领域的原理和方法; HIS Bootloader的主要功能是通过标准的通信接口对ECU进行再编程 。 HIS Bootloader的软件设计基于AUTOSAR体系架构、ISO14229、ISO15765-2、HI...

专注汽车软件开发、AutoSAR、车载以太网、SOA、EE架构。 5251

UI 设计师的盛宴

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

loehuang的专栏 487

C# WinForm 基于DirectShow.dll编写的程序,可边预览边保存视频,音频和图片

基于微软的DirectShow.dll的二次开发1.自动识别连接的摄像头跟麦克风且可以对其进行选择(默认选中第一个)2.可录制wmv和avi两种格式的视频并且都带有音频,avi可以录制的分辨率和帧数进行选择,wmv默认进行了淸晰度优化如不喜欢可去除代码中有相关提示3.可在预览点开之后进行拍照,也可边录制视频边拍照4.添加了视频和音频的压缩功能(酌情使用)这次二次开发发现C#对DirectShow的相关信息太少,这次做完也不敢藏私共享出来,还望大家指正

visio安装包

Microsoft Office Visio 是一款专业的制图软件。利用经过更新的形状、协作工具和数据链接图表,创建专业级图表以简化复杂的信息。

UI设计师必备的工具与资源

用户界面设计在互联网领域越来越受到重视,发展也是越来越快。作为一个用户界面设计师必须高度关注相关的设计潮流、设计资源以及一些新技术的产生和使用。并且能够尽量将这些新东西应用到自己的设计中。 下面我们介绍的这些工具能够帮你做到一些比较新的设计,一些优秀的资源也能够给你的设计带来很多的方便之处,ok,好好享用我们为你准备的ui设计盛宴吧。 设计模式相关的资源和库 Use...

weixin_33985507的博客 136

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

200个WEB前端小游戏资源集:创意与技术融合的盛宴

200个WEB前端小游戏资源集:创意与技术融合的盛宴 去发现同类优质开源项目:https://gitcode.com/ 项目介绍 在数字化浪潮的推动下,WEB前端技术日益成熟,其在游戏开发领域的应用也日益广泛。今天,我们为您推荐的项目是“200个WEB前端小游戏资源集”,一个集合了200款创意丰富、技术精湛的小游戏资源库。这些游戏基于HTML5、CSS和JavaScript技术,完全开源,为开发者...

gitblog_06733的博客 444

Statistics and Machine Learning Toolbox

Statistics and Machine Learning Toolbox(带书签),MATLAB统计学习工具

Web前端开发人员和设计师必读文章推荐【系列十】

《Web前端开发人员和设计师必读文章推荐系列十》给大家带来最近两个个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注 前端开发 技术,展示最新 HTML5 和 CSS3 技术应用,分享实用的 jQuery 插件,推荐优秀的 网页设计 案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。 HTML5 & CSS3 应用

Tizian的专栏 641

Web前端开发人员和设计师必读文章【系列十】

  《Web前端开发人员和设计师必读文章推荐系列十》给大家带来最近两个个月发布在《梦想天空》的优秀文章,特别推荐给 Web 开发人员和设计师阅读。梦天空博客关注前端开发技术,展示最新HTML5和CSS3技术应用,分享实用的jQuery插件,推荐优秀的网页设计案例,共享精美的设计素材和优秀的 Web 开发工具。希望这些文章能帮助到您。 HTML5 &a...

weixin_33813128的博客 223
上一篇: CSS3 Media Query:移动 Web 的完美开端
下一篇: Web 领域那些阴魂不散的产品,技术与思想
comsharp
博客等级 码龄20年 1475粉丝 41原创
评论 4
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值