作品集简历网站 UI 设计 AI图片提示词
为 Saeedur Rahman 设计一个现代、高转化率的作品集兼简历网站 UI。他是位于孟加拉国达卡的品牌与社交媒体营销策略师 / 电商运营者。完整桌面端布局,单页滚动,干净且具编辑感——斯堪的纳维亚极简主义遇上 Apple 级产品呈现,并带有 Linear 或 Vercel 营销网站那种带边框面板结构。 STYLE 浅色主题。米白画布(#FAFAF7),近黑墨色文字(#16150F),柔和灰色次要文字,细发丝边框(#E3E0D6)。仅两种强调色,克制使用:深青(#1F6F63)与暖琥珀(#C98A3D)——只在两者交汇处出现一次小面积渐变,别处不再使用。不要重阴影,不要玻璃拟态,不要繁杂渐变。充足留白,自信的字号层级,安静的色彩。 TYPOGRAPHY 标题使用几何无衬线展示字体(Space Grotesk 风格)。正文使用干净的人文主义无衬线字体(Inter 风格)。等宽字体(JetBrains Mono 风格)用于数字、标签、标记和区块眉题——为整页带来“系统/账本”的底色,因为这个人以自动化表格为生。 LAYOUT / SECTIONS, TOP TO BOTTOM 1. 浮动导航栏——左侧品牌字标,中右部区块链接,最右侧实心胶囊 CTA 按钮。 2. Hero——小眉题标签,大号两行标题(其中一个词用渐变强调),副标题段落,两个胶囊 CTA 按钮,下方一条 4 列数据条(数字用等宽字体),再下面是两张并排的描边“下一步”卡片。 3. Hero 正下方一条细横向滚动条,品牌名从左向右滚动,上下带边框。 4. About——双栏:左侧个人简介文案,右侧按小号等宽标签分组的技能标签集群。 5. Experience——垂直时间线或堆叠卡片:职位、公司、日期,每项 2–3 行描述。 6. Education——紧凑的单张卡片或一行。 7. Ventures——不是卡片网格。而是一张表格式“账本”:每个品牌是一行横向条目,包含小色点、品牌名、品类标签、一行描述和“visit”箭头链接。悬停时该行以自身品牌色高亮。 8. Selected work——3 个可展开的手风琴行,每行展开为三栏:Problem / Built / Result。 9. Showcase——两个独立的横向图片轮播,带箭头导航,分别标注为 “Brand & product visuals” 和 “Social & content design”,每个 5–6 张圆角图片块。 10. Services——3 栏描边面板网格,每栏为图标 + 标题 + 描述 + 文字链接。 11. Contact——通栏深色反色面板(近黑背景、米白文字),居中标题,两个 CTA 按钮(WhatsApp 主按钮,Email 描边按钮)。 12. Footer——左侧版权,右侧社交链接(Facebook、Fiverr、LinkedIn)。 SIGNATURE DETAILS TO INCLUDE 每个标题前都有等宽字体的编号区块标签(“01 · About”、“02 · Ventures” 等),一致的胶囊形按钮,外角圆润但内部分隔线为直角的描边网格面板,区块之间充足的垂直节奏,Hero 文字后方渗出的微妙柔焦色彩光晕。 MOOD KEYWORDS 高级、克制、自信、编辑感、系统思维、可信,不企业化、不模板化、不浮夸。 OUTPUT 一张单一、连贯的全页 UI 效果图,桌面宽度(1440px),适合作为前端开发的直接视觉参考。
内容: 公式:网站UI主体(作品集兼简历)+桌面单页滚动场景+极简/Apple/Linear面板风格+12区块纵向构图+米白墨色底与青琥珀双强调色+发丝边框描边面板+几何无衬线/人文无衬线/等宽字体+1440px。
优点: 分区详尽、可直接落地;字体与配色克制统一。
缺点: 区块偏多易显拥挤;未给出字号、间距等具体数值。
参考图: 不明显依赖参考图
参考公开创作案例整理,提示词与点评经本站整理编辑;如有权利问题,请联系我们处理。 版权与隐私
