先按使用目的建立网站清单

如果你正在寻找高质量宝藏网站推荐，优先收藏国家图书馆、国家哲学社会科学文献中心、中国大学MOOC、MDN Web Docs、GitHub、Google Arts & Culture、Wikimedi💫a Commons和Our World in Data。这些平台分别覆盖资料检索、课程学习、编程实践、视觉创作、文化探索与🎯数据理解，适合学生、职场人和希望长期提升信息素养的用户。

编程学习型网站中，MDN Web Docs适合查询HTML、CSS、JavaScript及浏览器相关技术的规范说明和示例。MDN Web Docs的优势在于概念、语法和兼容性信息相对集中，遇到代码问题时，先查官方文档，再参考社区讨论，通常比直接复制搜索结果更稳妥。

界面参考型网站中，Figma Community可以帮助设计师查看组件、页面模板和交互案例。参考作品时应学习信息层级、布局逻辑和交互结构，不要直接复制完整界面或未经⭐许可重新发布资源。建立自己的灵感库时，可以为每个案例标记“配色、导航、表单、动效或排版”等具🎨体观察点。

数据与开放知识：看图表之前先看统计口径

配色工具型网站中，Coolors适合快速生成和调整色板，适合海报、网页、演示文稿和品牌草案。配色方案进入😎正式项目后，还要检查文字与背景的对比度、不同屏幕上的显示差异，以及色盲🌅用户的识别情况。颜色数量越多，不代表视觉层次越清晰。