Refto

这个简洁灵感收集网站 Refto 做得挺舒服的，而且收集的内容颜值也比较在线，很适合时长去看看有没有好看的网站设计，或者是当你想设计一个站点时候没有思路的时候很适合

Refto是什么

Refero 是一个 UI/UX 设计灵感研究平台，提供最大的网页和 iOS 设计参考库，包含真实产品的截图，完美组织以激发创造力。网站不仅展示设计案例，还提供强大的筛选和搜索功能，支持按 Page Types（页面类型）、Flows（用户流程）、UX Patterns（UX 模式）、UI Elements（UI 元素）、Sites（网站）、Fonts（字体）等多种维度筛选。网站还提供 Figma 插件，可以直接在 Figma 中访问设计参考，无需切换标签页。网站提供免费和付费版本，免费用户可以访问部分内容，付费用户可以访问完整库和高级功能。

如何使用Refto

浏览设计参考 - 在首页查看最新的设计参考案例，支持网页和 iOS 设计
按页面类型筛选 - 使用 Page Types 筛选，如 Dashboard、Product Page & Landing、Paywall & Subscription、Log In、Product Details、Profile & Account、404 Page 等
按用户流程筛选 - 使用 Flows 筛选，如 Signing Up & Onboarding、Exploring Tutorial、Logging In、Subscribing、Adding to Cart 等
按 UX 模式筛选 - 使用 UX Patterns 筛选，如 Testimonials、Filter & Sorting、Reviews & Rating、Stats、Searching 等
按 UI 元素筛选 - 使用 UI Elements 筛选，如 Dialog & Modal Window、Cards & Tiles、Color Picker、Map、Table、Tabs 等
按字体筛选 - 使用 Fonts 筛选，如 Inter、San Francisco、Open Sans、Proxima Nova、Poppins、Roboto 等
使用 Figma 插件 - 安装 Figma 插件，直接在 Figma 中访问设计参考，无需切换标签页

Refto 的特色

最大的设计参考库

提供最大的网页和 iOS 设计参考库，包含真实产品的截图

多维度筛选

支持按 Page Types、Flows、UX Patterns、UI Elements、Sites、Fonts 等多种维度筛选

Figma 插件

提供 Figma 插件，可以直接在 Figma 中访问设计参考，无需切换标签页

真实产品截图

所有参考都来自真实产品，学习价值高

完美组织

内容完美组织，方便快速找到所需的设计参考

每周更新

网站每周更新，保持内容的新鲜度

Refto 的使用场景

设计参考查找

在设计和开发特定页面或功能时，快速找到相关的设计参考

用户流程学习

通过查看 Flows，学习各种用户流程的设计方法

UX 模式参考

通过查看 UX Patterns，学习各种 UX 模式的设计方法

UI 元素学习

通过查看 UI Elements，学习各种 UI 元素的设计方法

字体选择参考

通过查看 Fonts，了解不同字体在实际产品中的应用

Refto 优缺点

优点

最大的设计参考库，内容极其丰富

多维度筛选系统，支持多种筛选方式

Figma 插件，提高工作效率

真实产品截图，学习价值高

完美组织，方便快速查找

每周更新，保持内容新鲜

缺点

部分高级功能需要付费

内容库庞大，可能需要较多时间浏览

Figma 插件需要付费版本

缺乏详细的设计教程和制作指导

Refto 常见问题

Q1: Refero 是免费的吗？

网站提供免费和付费版本。免费用户可以访问部分内容，付费用户可以访问完整库和高级功能，包括 Figma 插件等。

Q2: 如何按页面类型筛选？

使用 Page Types 筛选，可以选择 Dashboard、Product Page & Landing、Paywall & Subscription、Log In、Product Details、Profile & Account、404 Page 等页面类型。

Q3: Figma 插件如何使用？

在 Figma 中安装 Refero 插件，可以直接在 Figma 中访问设计参考，无需切换标签页，提高工作效率。

Q4: 网站多久更新一次？

网站每周更新，保持内容的新鲜度。