Lovart人物介绍卡需先建800×1200像素画布,再依次添加圆形头像(240×240)、姓名标题(距头像24px)、三栏信息区块、引用语录及标签云,最后导出2x PNG。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

用Lovart设计人物介绍卡,需要先在画布中建立规范的图文布局框架,再通过组件拖拽与样式微调完成信息分层呈现,避免文字堆砌导致视觉混乱。
新建画布并设置基础尺寸
打开Lovart → 点击左上角「+ 新建」→ 选择「自定义尺寸」→ 输入宽度800像素、高度1200像素 → 点击「创建」。
这个尺寸适配手机竖屏浏览,也方便后续导出为PNG用于社交媒体发布。如果直接选「Instagram帖子」模板,顶部状态栏会占用空间,导致人物头像区域被压缩,影响主体表现力。
添加头像与主标题区域
从左侧组件栏拖入一个「圆形图片框」到画布顶部中央,尺寸设为240×240像素。
点击该组件 → 右侧「填充」面板中上传人物正面清晰照 → 开启「裁剪为圆形」开关 → 拖动照片调整脸部居中位置。
在圆形框正下方24像素处,拖入一个「文本框」→ 输入姓名 → 字体设为「HarmonyOS Sans Bold」→ 字号48 → 颜色#2D3748 → 居中对齐。
【头像与姓名间距必须固定为24像素,过小显得压迫,过大则割裂人像与身份的关联性】
组织核心信息区块
方法一:使用「卡片组」组件快速生成三栏式结构
拖入「卡片组」→ 在弹出面板中选择「3列等宽」布局 → 删除默认图标,依次在每张卡片内输入「职业」「所在地」「从业年限」→ 各卡片背景设为#F8FAFC,圆角8像素,内边距16像素。
方法二:手动排版获得更高控制精度
先拖入一个「分隔线」组件,放在姓名下方64像素处 → 设置粗细1像素、颜色#E2E8F0 → 再在其下方40像素处,依次横向排列三个「文本块」组件 → 分别输入「UI设计师」「杭州 · 5年」「前阿里P7」→ 统一字号20、行高1.6、颜色#4A5568 → 每个文本块左右留白28像素。
这一步操作起来很简单,直接把文件拖进去就行。但要注意:手动排版时若未开启画布「对齐辅助线」,三个文本块容易出现像素级错位,导出后在高清屏上会明显看出不齐。
插入个人语录与风格标签
第一步:在信息区块下方80像素处插入一个「引用框」组件。
第二步:输入一句有辨识度的个人主张,例如“好设计不是炫技,是让普通人一眼看懂”。
第三步:将引用框字体设为斜体、字号22、颜色#2B6CB0、左边缘加一条4像素宽的蓝色竖条。
第四步:在引用框右下角,用「标签云」组件添加3~5个关键词,如「用户研究」「动效设计」「无障碍」→ 标签字号统一为14,间距12像素,背景色设为淡蓝#EBF8FF,文字色#2B6CB0。
标签数量不能超过5个,否则视觉焦点分散,失去提炼重点的作用。
导出为可分享卡片
点击右上角「导出」按钮 → 选择格式「PNG」→ 分辨率选「2x」→ 勾选「透明背景」→ 点击「下载」。
这一步不可跳过「2x」选项,否则在iPhone或MacBook等Retina屏幕上显示模糊,人物发丝和文字边缘会出现锯齿。


















