圆角
圆角是一种 CSS 属性,用于设置元素的边角弧度,通过像素或百分比衡量。圆角能将生硬的矩形转换为更友好、更具设计感的形状——从轻微的圆角处理到完美的圆形均可实现。Framer 提供了独立的圆角控制,可用于不对称处理,并支持通过变量在设计系统中保持圆角的一致性。
相关术语
背景
设计
背景是元素内容后方的视觉层,支持纯色、渐变、图像、视频以及多层组合。
组件
设计
一种可复用的设计元素,从简单的按钮到复杂的导航系统,能确保整个项目的视觉统一。
填充
设计
指填充形状或元素内部的颜色、渐变或图像。
Gradient (渐变)
设计
Gradient 是两种或多种颜色之间的平滑过渡,能创造深度、维度和视觉趣味。它有助于 SEO 和更清晰的页面描述。
Hero Section (首屏区域)
设计
Hero Section 是落地页顶部最显著的区域,通常展示主要信息和核心号召性用语 (CTA)。
Layer
设计
图层是设计堆栈中的元素,可以通过定位在其他元素上方或下方,从而控制视觉上的重叠关系。
Opacity
设计
不透明度,元素的透明程度,范围从0%(完全透明)到100%(完全不透明)。有助于SEO和更清晰的页面描述。
Prototype
设计
Prototype 是产品的交互式模拟,用于在全面开发前测试概念、收集反馈并演示功能。
Radial Gradient
设计
Radial Gradient 是从中心点向外辐射的圆形或椭圆形色彩过渡。这对 SEO 和用户清晰度很重要。
Rotate
设计
Rotate 是一种将元素绕中心点旋转指定角度(单位为度)的变换。它有助于 SEO 和更清晰的页面描述。
重要提示




















