
UI / UX 设计
极简开发者个人作品集界面模型
在桌面浏览器窗口中生成瑞士网格风格的开发者作品集界面模型。修改括号内的姓名、标题、简介与元数据即可快速个性化定制。
作品集ui设计网页设计极简主义瑞士风格线框图开发者
浏览相似提示词UI界面设计 AI 提示词
提示词
{
"type": "极简个人作品集网站首页设计草稿的桌面浏览器截图",
"style": "瑞士网格系统,野兽派极简主义,黑白单色调,微弱的技术蓝图辅助线,细灰边框,充足的留白,等宽微型标签与加粗几何无衬线大标题的混合排版",
"canvas": {
"aspect_ratio": "宽屏 16:9",
"environment": "在类似于 Chrome 的桌面浏览器窗口中展示,地址为 localhost:5173,包含可见的标签页、书签栏和地址栏",
"background": "#ffffff"
},
"brand": {
"logo": "带有首字母 NRS 的方形线框标志",
"name": "[Naufaldi Rafif S.]"
},
"header": {
"position": "浏览器边框下方的顶部固定导航栏",
"height": "64px",
"left_brand": "NRS 标志后跟 [Naufaldi Rafif S.]",
"navigation": {
"count": 6,
"items": [
"HOME",
"BLOG",
"PROJECTS",
"ABOUT",
"SPEAKER",
"带下箭头的 OTHER"
],
"active_item": "带细线矩形外框的高亮 HOME 标签"
},
"actions": {
"count": 3,
"items": [
"白色线框 Contact 按钮",
"带箭头的黑色实体 Download CV 按钮",
"小方形主题切换图标按钮"
]
}
},
"layout": {
"main_container": "居中的大型矩形网格容器,带有微妙的纵横参考线、坐标标签和发丝细线边框",
"technical_annotations": {
"count": 7,
"labels": [
"X-1440",
"X-768",
"X-0",
"X-1024",
"X-768",
"X-480",
"Y-0 / Y-360 / Y-720 坐标标记"
]
}
},
"sections": [
{
"title": "01 // INTRO",
"position": "左侧主内容栏",
"count": 1,
"content": "分为两行的巨大黑体全大写标题 [NAUFALDI RAFIF S.],带有方框结构"
},
{
"title": "professional summary",
"position": "左栏大标题下方",
"count": 3,
"items": [
"副标题: [Software Engineer & Mentor]",
"专长标签: PRODUCT SYSTEMS | BACKEND FOUNDATIONS | ENGINEERING MENTORSHIP",
"段落: [My foundation is frontend, but the direction is broader: backend ownership, product architecture, and end-to-end software delivery.]"
]
},
{
"title": "02 // ROUTES",
"position": "右侧边栏,由细垂直线隔开",
"count": 3,
"items": [
"01 View projects,带有代码图标和右箭头的黑色选中卡片",
"02 Get in touch,带有右箭头的白色行",
"03 Download CV,带有右箭头的白色行"
]
},
{
"title": "bottom status strip",
"position": "边框容器底部的状态栏",
"count": 4,
"items": [
"OPEN TO WORK",
"7 YRS EXPERIENCE",
"1000+ MENTEES",
"BEKASI, INDONESIA"
]
}
],
"footer_meta": "底栏右侧显示 BUILD:2026 和 PRD:01",
"typography": {
"headline": "巨大全大写粗体几何无衬线字体,紧凑字距",
"body": "清晰易读的无衬线正文字体",
"microcopy": "大写等宽紧凑微文字,较宽字间距"
},
"color_palette": {
"primary": "#0b0d0e 接近纯黑",
"background": "#ffffff",
"border": "#e8e8e8 浅灰",
"guides": "#edf2ef 极淡绿灰",
"accent": "活动卡片上的微弱绿色指示线条"
},
"composition_notes": "整体呈现为专业严谨的数字化设计系统画板草图,突出像素级精确对齐、结构辅助线、技术坐标标注及现代工程师作品集的美学风格。"
}可以替换的部分
生成前,把提示词里的这些部分换成你自己的主题或文案。
[Naufaldi Rafif S.]占位符[NAUFALDI RAFIF S.]占位符[Software Engineer & Mentor]占位符
提示词信息
- 模型
- GPT IMAGE 2
- 每张图消耗
- 1K:43 积分 · 2K:86 积分 · 4K:143 积分
- 画幅比例
- 16:9
- 收录时间