网页设计

WebGradients

webgradients.com

免费渐变背景素材集合网站，提供180种精选线性渐变背景方案，每种渐变可一键复制CSS代码直接用于网页设计，免费供商业和个人使用，涵盖温暖、清新、冷淡、柔和等多种风格，是网页设计师快速获取渐变背景灵感的高效工具。

Simple Icons

simpleicons.org

专注商用品牌图标素材工具，提供极简扁平SVG图标、CC0免费商用授权、全品类品牌素材，覆盖UI界面设计、前端页面开发、PPT演示制作等场景，累计收录超4万款合规图标，无需标注来源即可直接下载使用，帮用户快速获取风格统一的品牌视觉素材。

Haikei

haikei.app

背景素材生成服务，支持风格选择、参数微调、SVG导出、动画背景、代码嵌入等功能，覆盖个人博客、电商落地页、品牌宣传页、UI设计稿等场景，累计服务超8万创作者，可节省90%素材查找与适配时间，让背景制作更高效便捷

Material Palette

www.materialpalette.com

专注Material Design配色工具，支持标准色板生成、自定义配色调整、多格式色值导出，覆盖UI界面设计、品牌视觉搭建、移动端界面配色等场景，累计服务超20万设计师，可节省85%配色核对与合规调整时间

Page Collective

pagecollective.com

专注网页设计灵感参考的创意工具，聚合全球设计师、品牌运营者上传的一手真实设计案例，支持按视觉风格、所属行业、页面类型多维度精准筛选，覆盖品牌官网、活动落地页、电商详情页等全场景设计需求，目前已收录12万+优质可参考案例

FontPair

fontpair.co

专注Google Fonts排版配对工具，提供字体组合生成、实时预览、代码导出功能，覆盖网页设计、品牌视觉、UI界面等场景，累计服务超8万设计师，可节省70%字体调试时间，帮助新手快速完成协调美观的网页字体排版。

Readymag

readymag.com

专注无代码网页创作工具，支持拖拽组件排版、自定义动效配置、多终端自适应布局，覆盖求职作品集、工作室展示、小型活动落地页等场景，累计服务超80万创作者，可节省90%页面搭建时间，无需编写代码即可完成专业级网页制作。

Lucide Icons

lucide.dev

专注开源SVG图标工具，提供1750+款统一风格图标、多方式快速引入、自定义样式与按需加载功能，覆盖前端项目开发、UI组件库搭建、网页视觉设计等场景，帮助开发者统一图标风格，避免打包冗余代码，提升项目开发效率。

Tabler Icons

tabler-icons.io

专注开源矢量图标工具，提供统一风格图标库、多框架适配、样式自定义功能，覆盖前端页面开发、海报设计、UI组件搭建等场景，现有六千余枚标准化图标，个人与商业项目可无授权直接使用，帮助用户快速匹配适配需求，节省图标选型与适配成本。

Adobe Express配色工具

color.adobe.com

专注配色工具创作与设计，支持图片取色、渐变生成、色彩对比度检测，覆盖海报设计、网页排版、包装设计等场景，累计服务超200万设计师与创作者，可快速生成协调色板并同步至Creative Cloud库，帮助用户高效获取专业配色方案。

Justinmind

www.justinmind.com

面向网页与移动端的原型设计工具，支持无代码创建高保真交互原型、表单模拟、多端预览功能，覆盖产品需求梳理、交互逻辑验证、设计方案对齐、上线前效果测试等多个场景，已服务全球数十万产品设计从业者，可有效降低沟通成本、减少开发返工

A List Apart

alistapart.com

聚焦网页设计、前端开发、用户体验领域的专业内容平台，提供经过行业资深从业者验证的实践指南、可直接复用的落地方法与全球前沿趋势深度解读，覆盖从项目需求拆解、技术方案选型到交互体验优化、上线效果复盘全工作场景