创建圆形图像是一种简单而有效的设计技术,可以增强页面的视觉吸引力。
通过设置一个 边界半径为 50%,您可以将方形或矩形图像转换为完美的圆形,为您的设计增添时尚现代的外观。
圆形图像在页面设计中的用例
圆形图像不仅增添了现代时尚的外观,还有助于吸引人们注意关键视觉效果。通过应用 边界半径 设置,您可以将标准图像转换为引人注目的圆形。

常见用例包括:
- 个人资料照片:营造专业、友好的形象。
- 图标或徽标:以简约而精致的方式突出品牌标识。
- 装饰元素:添加微妙的设计风格,摆脱方形布局。
这个简单的设计技巧可以确保您的页面感觉更加平衡、更具吸引力和视觉吸引力。
在 GemPages 中设计一个具有 50% 边框半径的圆形图像
按照以下步骤在 GemPages Editor v7 中创建圆形图像。
步骤 1:访问 GemPages 编辑器
- 登录您的 Shopify 管理员并导航至 GemPages 构建器 下的应用程序 应用 部分。
- 在MyCAD中点击 软件更新 前往 然后点击目标页面进入编辑器。

步骤 2:添加图像元素
- 进入 GemPages 编辑器后,搜索“图片”在搜索栏中。
- 从左侧边栏,将图像元素拖放到页面上的所需位置。

- 点击图片打开 个人设置 面板。找到 来源 部分来为该元素分配图像。

您可以从媒体库(Shopify 文件)中选择或上传一个新的。
- 在下面 尺寸 部分,设置 车架 至 广场 确保宽度和高度相等。

根据您的喜好调整高度和宽度值。
步骤 3:应用边框半径
向下滚动到 形状 部分,然后单击 角落 字段打开角半径设置面板。

从这里开始,调整角半径,直到找到最适合您的图像和品牌的角半径。

提示: 如果您希望图像呈现完美的圆形,请向上滚动到 样式 部分并选择 圆 以便快速设置。

圆形图像的最佳技巧
- 使用高分辨率图像 以避免裁剪时出现像素化。
- 保持主题居中 因此重要的部分不会被切断。
- 添加边框或阴影 以获得额外的对比度和干净、突出的外观。
- 坚持 1:1 的比例 (宽度和高度相等)以保持完美的圆形。
谢谢您的意见