设计导航

设计导航是由设计达人维护的设计师网址导航，面向需要查找设计网站、工具和学习资料的用户，集中整理了免费高清图库、设计软件、UI设计、配色、设计教程、设计素材和灵感等内容。网站资源由设计达人添加，来自其“10多年珍藏”并得到设计师推荐，页面通过分类和导航链接帮助用户快速定位目标资源。与单一设计工具或内容文章不同，设计导航将多个设计相关网站汇集在同一页面，并明确标注资源类别；官网还强调不放任何图像广告，并持续更新和维护资源。

核心功能

设计素材与图库导航

网站提供“UI干货”“网站模板”“图标”“矢量图 / 笔刷 / 纹理”“字体下载”等分类，收录了 Icon Finder、Flaticon、Freepik、字体家等设计资源入口。用户可以按素材类型查找图标、矢量图、笔刷、纹理、字体和网页模板。图库部分还区分“免费高清图片”“付费图片素材”和“高清视频素材”，便于根据素材类型和使用需求选择不同网站。

设计灵感与作品参考

“WEB”“移动APP UI”“动效设计”“海报设计”和“综合推荐”等栏目，用于查找网页设计、移动端界面、交互动效、海报和品牌案例。页面收录 Dribbble、Behance、Awwwards、CSS Design Awards 等作品和灵感网站，也整理了中文字体设计、英文字体设计、网页设计、APP UI 等具体主题。部分条目会附带内容说明，例如网站的设计领域、更新特点或访问条件，帮助用户判断入口用途。

配色与设计规范工具

网站单独整理了“配色工具”“配色素材”“Google Material Design 系列”和“配色灵感”等栏目。相关入口包括在线配色、从图片获取配色方案、生成色板、查看 Material Design 颜色，以及中国传统色、日本传统色和品牌颜色等参考资料。设计规范部分覆盖 App UI、平面设计尺寸、设备屏幕尺寸、自媒体平台尺寸、Apple Vision OS、包装设计和大屏设计等主题，并收录苹果、谷歌、微软、微信小程序、支付宝小程序等官方规范入口。

在线设计与辅助工具

“在线设计工具”栏目整理了在线作图、设计协作、在线 PS、AI 抠图、笔记和原型相关工具；“辅助”栏目则包含黄金比计算、图片压缩、网格生成、比例计算、字体格式转换、图片转矢量、信息图表制作和设备尺寸查询等入口。网站还设有“在线转换·压缩”分类，收录图片、音视频、PDF、文档及其他格式的转换或压缩工具，覆盖 JPG、PNG、GIF、MP3、视频、PDF、CSS、HTML 等内容。

教程、前端与协作资源

设计导航提供“设计类视频教程”“设计软件教程”“视觉设计教程库”和设计教程频道，内容涉及 PS、AI、PR、AE、C4D、AIGC、包装和 UI 等方向。对于前端和产品设计人员，网站还整理了前端工具、前端 UI 框架、团队协作·效率、官方规范及 UX 资源，包括 HTML/CSS/JS 在线编辑、CSS 工具、Vue 组件库、设计系统、团队项目管理和用户体验资源。页面同时提供设计类游戏、设计团队、设计公司和设计师案例等延伸入口。

使用方式

设计导航以网页形式提供服务，用户可直接打开导航页面，按页面中的分类查找并进入对应网站。官网写明“设为浏览器主页体验更佳”，因此也支持作为浏览器主页使用。页面还提供建筑导航、设计书籍和相关导航入口。正文没有提到注册、客户端、浏览器插件、开放 API 或统一导入导出功能；各资源网站是否需要注册、收费或使用特定服务，需要以对应网站的说明为准。

适用人群与场景

平面设计师可以通过字体、图库、图标、矢量、纹理和配色栏目寻找制作素材；UI 和交互设计师可以查看移动 App UI、动效、设计规范、原型和协作工具；网页和前端设计人员可以使用网页设计灵感、前端工具、UI 框架及官方设计系统入口；设计学习者则可以从设计教程、设计软件教程、设计游戏和案例分享中寻找学习资料。需要快速查找设计类网站，而不是寻找单一软件功能的用户，也可以使用该导航按分类浏览资源。

注意事项

网站说明资源由设计达人添加，并由专人不断更新和维护；同时声明“本站数据均由设计达人添加，禁止任何形式复制或制作副本”。导航页面收录的第三方网站类型和服务规则各不相同，部分条目可能涉及付费素材、付费工具或特定访问条件，页面中的资源说明应与对应网站的实际规则一并参考。