CQCM的协会资源网站设计用蓝、绿、珊瑚色与圆形照片建立友好识别。专题旁边有倡议标签，行动和新闻另有卡片，资源页再提供搜索与筛选。内容类型虽然多，主题可以成为贯穿这些页面的查找线索。
核心结论
- 专题与倡议标签相邻，行动新闻资源按类型保留阅读范围。
- 筛选应用与关闭需明确，搜索计数接到当前主题和条件。
专题和倡议放近，关系容易看见
Nos Dossiers蓝色开头之后，教育、技能发展与企业转移逐项展开，照片圆形裁切，附近INITIATIVES标签标出相关内容。桌面分组与手机纵向列表共享颜色和短标题。
专题是长期范围，倡议是具体行动，放在附近比全部排进按日期的信息流更容易理解。照片引入情境，标签给关系，正文仍要解释当前主题。
界达设计会先统一名称与标签，确保进入另一栏目后教育仍是同一对象。颜色可以形成系列，不能让换图换色就变成新分类。对于持续积累资源的网站，这种关系比一味追求新卡样式更有用。
行动分类和新闻日期，不共用含义
另一组图让Nos Initiatives与层叠分类色块并列，旁边新闻卡有Nouvelles、日期、照片与详情动作。共同颜色保持识别，各块文字说明不同内容类型。
行动页宜继续讲范围与相关资料，新闻页宜讲一次更新。分类名称与专题一致，查看入口也需要带着类型，不能都打开失去范围的通用网格。
筛选面板同时有Appliquer、重置与Fermer。待选条件和已应用结果应区别，关闭是保留还是放弃修改也要清楚。界达设计会在结果附近显示当前条件，让读者不必重新打开面板猜哪项已经生效。
搜索、筛选和计数挨在资源入口
Outils et Ressources首屏大蓝色块上有标题、人物照片与白圆点，下方Rechercher、Filtrer和工具计数在同一横向区域。查找没有被组织介绍挤走，入口很直接。
条件应用后，计数要说明是全部还是当前结果，并与列表同步。没有结果时仍保留条件与清除动作，主题、工具类型和搜索词也应能分别调整。
界达设计会从教育专题进入资源、加搜索词、打开一项再返回，检查主题与查询位置是否继续在。内容越多，关系越值得维护，鲜明色块才会服务于明确范围。
常见问题
资源计数应该表示全部还是筛选结果？
两种都可以，但名称应明确并与当前条件同步。读者应能知道这个数字对应哪一组资料。
设计检查清单
- 关闭筛选时明确未应用变化如何处理。
- 返回资源列表后保留主题与搜索词。
整理专题内容与资源查找
如果你的协会或机构网站需要组织长期主题、行动新闻和工具目录，可带着分类清单来讨论。
界达设计工作室（JVDS）提供UI/UX设计与网站设计、开发服务，可一起梳理页面内容、界面结构与实现需求。
