帮我生成一个这样的 UI 设计稿:
这是一个居中显示的模态框(Modal)或弹出窗口,用于展示用户的个性化邀请链接。整体风格简洁、现代,以黑白灰为主色调,辅以用户头像的色彩。模态框具有清晰的结构,从上到下依次为:关闭按钮、插画、标题、描述文本、操作按钮、链接文本、用户头像展示(社交证明)和统计信息。
详细元素描述:
背景 (Background):
页面背景色为非常浅的灰色,带有微妙的噪点或纹理质感。
背景上叠加了一层淡淡的网格线,由细微的浅灰色水平和垂直线条构成,形成方形网格。
模态框容器 (Modal Container):
形状:垂直方向的长方形,具有中等圆角半径。
背景色:纯白色。
边框:无明显边框。
阴影:具有柔和、弥散的下拉阴影 (Drop Shadow),使其与背景分离并产生悬浮感。
内边距 (Padding):容器内部元素周围有充足的留白。
关闭按钮 (Close Button):
位置:位于模态框右上角,在内边距区域内。
样式:一个简单的 “X” 形图标,颜色为深灰色或黑色。图标本身没有圆形或其他形状的背景。
插画 (Illustration):
位置:位于模态框顶部中心区域,关闭按钮下方。
风格:黑白线条画风格,略带手绘感和卡通效果。
内容:描绘了两个人物正在击掌(High-five),手掌碰撞处有放射状的“火花”或“冲击”效果图形,人物姿态充满活力和积极感。插画中可能运用了点画法(Stippling)来表现部分阴影或纹理。
标题 (Headline):
文本内容:“Your personalized invite link!”
位置:居中对齐,位于插画下方。
字体:使用了衬线字体 (Serif),字号相对较大,具有一定的优雅感。其中单词 \
