4. 透明度

常用于背景色复杂的场景，目的是为不破坏背景页面的整体效果，在视觉上更和谐。

5. 无外框

用于风格简洁的大留白的页面。下图腾讯视频的搜索功能去除了外框，这样设计会比有外框的搜索框在搜索面积上显得更大，彩色的放大镜图标把没有外框的搜索框的优先级提升到仅次于「精选」的级别。

目前整理的搜索框圆角大小共包含四种类型：

• 直角

• 圆角矩形

• 胶囊

• 异形

这四种类型的圆角大小在选择时需要考虑品牌定位和页面的整体风格。

1. 直角

天猫本身的定位就比较品牌化，所以首页的底部图标采用了直角，并且我们还可以从天猫的品牌 Logo 中观察到猫头其实是一个矩形变形而来，线条较为笔直。所以，他的搜索框选择了直角与整体的品牌风格一致。以此类推，后面的圆角矩形，胶囊，异形都是同样的道理。

2. 圆角矩形

通常以4~8px最为常用，此方案适用于多数产品风格，不会出错。