作为一名设计师,无论是UI/UX、平面、网页还是工业设计,拥有一个强大的线上资源库至关重要,这些网站不仅能提供灵感、学习新技能,还能找到素材、提升效率。

我将这些网站分为几大类,方便你按需查找。
灵感与作品集
这类网站是设计师的“充电站”,用于激发创意、了解行业趋势和寻找标杆。
-
Dribbble
- 简介:全球最大的设计师社区,以发布高质量的设计“快照”(Shots)而闻名,是寻找UI、插画、动效、品牌设计等灵感的绝佳去处。
- 特点:视觉冲击力强,风格多样,适合快速浏览和获取流行趋势。
-
Behance
(图片来源网络,侵删)- 简介:Adobe旗下的设计师社区,更侧重于展示完整的项目过程和作品集。
- 特点:不仅仅是最终效果图,还包括项目背景、设计思路、过程稿,适合深入学习一个项目是如何从0到1完成的。
-
Pinterest
- 简介:一个以图片为核心的社交媒体,是“视觉搜索引擎”,通过创建“画板”(Board)来组织和收集灵感。
- 特点:覆盖面极广,从设计、艺术、摄影到生活、时尚无所不包,非常适合进行情绪板(Moodboard)的制作和前期调研。
-
Awwwards
- 简介:专注于评选和展示全球最优秀的网页设计。
- 特点:标准极高,不仅看视觉,还注重创新性、用户体验和代码实现,是学习前沿网页设计和交互的宝库。
-
SiteInspire
- 简介:与Awwwards类似,也是一个展示顶级网页设计的网站,但更侧重于筛选和分类。
- 特点:可以按行业(如电商、科技、艺术)、技术(如Parallax, Video Background)等维度筛选,目标性更强。
-
Niice.co
(图片来源网络,侵删)- 简介:一个为创意工作者设计的搜索引擎,整合了Pinterest、Dribbble、Behance等多个平台的灵感。
- 特点:界面简洁,搜索功能强大,可以根据颜色、关键词等进行筛选,节省跨平台搜索的时间。
UI/UX 设计与原型
这类网站专注于界面设计、用户体验和交互原型,是UI/UX设计师的必备工具。
-
Figma
- 简介:目前最流行的云端协作UI/UX设计工具。
- 特点:免费版功能强大,支持实时协作,拥有丰富的社区插件和资源库(Figma Community),是设计师的首选。
-
Sketch
- 简介:macOS平台的老牌UI设计神器。
- 特点:性能稳定,插件生态成熟,尤其适合需要处理大量复杂界面的设计师。
-
Adobe XD
- 简介:Adobe推出的响应式网页和移动应用设计工具。
- 特点:与Adobe Creative Cloud(PS, AI等)无缝集成,适合习惯使用Adobe全家桶的设计师。
-
Principle / Framer
- 简介:专注于制作高保真交互动效和原型的工具。
- 特点:可以实现媲美真实应用的复杂动画和交互,适合制作产品演示和概念原型。
素材资源
高质量的设计素材能让你的作品事半功倍。
-
免费图标库
- Flaticon:提供海量的矢量图标,支持多种格式,可自定义颜色。
- Iconfont (阿里巴巴矢量图标库):国内设计师常用的图标库,支持在线调整和下载。
- Feather Icons / Heroicons:风格统一、简洁的线性图标,非常适合现代UI设计。
-
免费图片/摄影图库
- Unsplash:高质量、艺术感的免费摄影图片,非常适合作为网站或App的背景图。
- Pexels:与Unsplash类似,提供大量免费、可商用的照片和视频。
- Pixabay更广泛,包括插画、矢量图、视频等,全部免费。
-
免费插画库
- Undraw:提供可自定义颜色的开放源插画,风格现代、简洁,非常适合产品介绍页面。
- DrawKit:提供免费的插画包和图标,风格多样,质量很高。
-
3D模型与渲染
- Sketchfab:全球最大的3D模型库,可以在线预览和交互,是寻找3D素材和学习3D展示的好地方。
- Poly Haven:提供免费的HDRI(高动态范围图像)、纹理和3D模型,用于逼真的渲染效果。
学习与教程
持续学习是设计师的核心竞争力。
-
Udemy / Coursera
- 简介:综合性的在线课程平台,有大量付费和免费的设计课程,从软件技能到设计理论应有尽有。
- 特点:课程系统性强,适合从入门到精通的系统性学习。
-
YouTube
- 简介:免费视频教程的海洋。
- 推荐频道:
- The Futur:设计商业、职业发展方面的深度内容。
- Mackolik:UI设计教程,内容非常实用。
- Flux:专注于UI/UX设计和动效。
-
Medium (UX Collective, UX Planet)
- 简介:设计师们分享深度文章、案例分析和个人思考的平台。
- 特点:文章质量高,能帮助你理解设计背后的逻辑和思考方式,而不仅仅是“怎么做”。
-
国内平台
- 站酷:国内最大的设计师社区,有大量作品、教程和行业资讯。
- 优设网:专注于设计教程、资源和行业文章,更新频繁。
- 腾讯ISUX:腾讯的官方用户体验设计团队,分享大量深度案例和设计规范。
工具与效率
提升工作效率,让设计流程更顺畅。
-
色彩搭配
- Coolors.co:快速生成和探索配色方案,支持按图片取色,非常高效。
- Adobe Color:Adobe官方的色彩工具,可以创建和分享色彩主题,与Adobe软件联动。
- Color Hunt:精选的配色方案集合,灵感来源。
-
字体
- Google Fonts:海量免费、可商用的网络字体,可以直接在网站中使用。
- Adobe Fonts:随Creative Cloud订阅提供的海量高质量字体库。
- 字由:国内优秀的字体工具和资源平台,帮助设计师更好地管理和使用字体。
-
原型与用户测试
- InVision:早期的原型工具,支持制作可交互的原型和进行简单的用户测试。
- UserTesting:平台,可以招募真实用户来测试你的产品,获取反馈。
-
设计规范与组件库
- Material Design / Apple Human Interface Guidelines:Google和Apple官方的设计规范,是学习平台设计标准的必读文档。
- Ant Design / Element UI:流行的开源UI组件库,可以直接使用其设计规范和组件。
设计社区与招聘
- 站酷 / UI中国:国内设计师聚集地,除了作品展示,也是招聘和接单的重要平台。
- LinkedIn (领英):专业的职业社交平台,建立个人品牌、寻找工作机会、与行业大牛交流。
- Dribbble Jobs / Behance Jobs:发布和寻找设计相关职位,尤其是创意类岗位。
- Boss直聘 / 猎聘:国内主流的招聘平台,可以找到大量设计岗位。
总结建议
- 不要只看不练:灵感网站是“输入”,但真正的成长来自于“输出”,尝试模仿优秀作品,并融入自己的思考。
- 建立自己的资源库:使用浏览器书签、Notion或专门的工具(如Niice)来整理你喜欢的网站和素材,形成个人知识库。
- 保持好奇心:设计领域变化很快,多关注新工具、新趋势,保持学习的热情。
希望这份清单能对你的设计之路有所帮助!
