初稿提示词
初稿提示词
通过上述内容相信你已经对提示词有了一些基本的了解,接下来我们看一下让AI帮我们设计界面初稿时,我们该用怎样的提示词设计出效果不错的页面。
一般的页面描述会包含业务场景、页面布局、关键功能交互、风格四个核心要素
- 按页面给出需求
避免给 AI 一次性提出庞大的需求,例如“开发整个功能”。
- **业务场景 **
说明你要设计一个什么页面(简单说一下这是一个什么页面就可以了,不要有负担,想怎么说就怎么说)
设计一个库存管理系统首页
- 页面布局(可选)
要是在心里对页面有一个明确的基本布局要求了,就可以加进去,没有的话也没关系,AI会自动帮你设计布局的
顶部导航区(固定定位)
左侧:企业Logo + 系统名称
中部:全局搜索栏
右侧:用户中心(含消息通知、个人设置、退出登录)
智能仪表盘(首屏核心区)
预警看板:库存周转率、临期商品数、低库存预警
实时数据总览:总SKU数/总库存值/今日出入库数
快速操作区:入库/出库/调拨/盘点四大高频功能快捷入口
左侧功能导航(可折叠)
一级菜单:库存看板/商品管理/入库管理/出库管理/库存调拨/库存盘点/报表中心/系统设置
二级菜单采用手风琴式展开
中央工作区(动态内容区)
商品列表页:
顶部过滤条
表格
分页控制+批量操作悬浮栏
- 关键功能交互(可选)
说明页面里有哪些功能交互。一开始没想好的话可以不用写,后续修改的时候再逐步加入即可。有时候就算没有写,AI也会自动生成。
入库交互示例:
点击"新建入库单"按钮,弹出入库单弹窗,
填写基础信息(供应商、入库类型)
填写各商品数量、批次、生产日期等信息
提交审核/直接入库,
关闭弹窗
表格新增一条入库数据
- 风格(可选)
通过一些风格关键词可以快速定义界面的视觉外观,如果暂时没想到合适的风格,可以不用填,AI会根据业务场景自动应用合适的风格
极简优雅风:
温暖与中性的色调,极简主义及优雅的风格,轻阴影,页面大气注重呼吸感及留白多,字体大小适中,整体间距宽敞,高斯模糊,头部标题适当一行,适当背景,样式精致,字体考究
蓝珀拟态风:
新拟态风格,主色调为浅灰蓝+ 卡片珍珠白+ 背景淡蓝灰,中圆角,低饱和度天蓝作为交互色,带渐变图表,柔和科技感。
...
更多风格示例可以在平台的风格模版中 选择