墨刀AI怎么用？新手生成原型图

更新时间:2026-10-12 07:15:57 发布时间:5小时前阅读:6次

我第一次用墨刀AI时没有设计基础，只想做出登录页和首页，能点开、能讲清流程就行。墨刀AI的上手方式，就是用自然语言生成原型初稿，再手动检查和修改。实际操作是先确定手机端和页面范围，再把需求写进提示词，生成后预览、进工作台调整，做完分享给同事看。

还没账号？立即注册

墨刀AI怎么用新手生成原型图

动手前先想清楚这几件事

我做的是手机App，所以在描述里明确写了”手机端登录页和首页”。这句话看起来简单，却能减少画布比例和导航形式跑偏的情况。网页项目则要说明是桌面端还是移动网页，是否需要顶部导航、侧边栏或响应式布局。

新手常会直接输入”做一个好看的登录页”。我第一次也这么写，结果页面风格和布局都比较随意。后来补上设备类型、目标用户和页面用途，生成结果才接近我想要的方向。

我把范围压到两个页面：登录页和登录后的首页。登录页包括手机号输入框、验证码输入框、登录按钮和协议提示；首页包括欢迎语、功能入口和近期记录。先做一条最短主流程，检查起来更轻松。

我会按”产品类型＋用户＋页面＋组件＋交互＋风格”来写。下面是我实际采用的简化版本：

“制作一款面向新用户的手机端生活服务App，生成登录页和首页。登录页包含手机号输入框、验证码输入框、获取验证码按钮、登录按钮和用户协议提示；点击登录后进入首页。首页有欢迎语、三个常用功能入口和近期记录列表。整体采用简洁浅色风格，按钮清晰，文字适合手机阅读。”

页面要求写成清单，比堆很多形容词更管用。我还会注明哪些内容不需要，例如”首页不生成底部广告栏”，避免多出不需要的模块。

我踩的第一个坑就是提示词只有”做一个生活服务App”。生成稿里出现了我没提过的营销卡片，登录页也缺少验证码入口。问题不在操作步骤，而是需求描述没有交代页面组成和页面跳转。

我的修正办法是把需求拆成短句，每句话只说一类信息：要哪些页面、页面放什么、按钮做什么、页面采用什么风格。一次补清楚，比生成后再猜AI为什么这样排更省事。

生成完成后，我先不急着改颜色，先检查页面是否齐全、登录页字段是否漏掉、登录按钮是否能进入首页。再看页面内容有没有重复，重要按钮是否容易找到。墨刀AI支持根据文字描述生成原型，生成内容可以继续编辑；具体入口和可用选项以工作区当前页面为准。

第二个坑是首页看起来内容很多，实际缺了登录成功后的用户状态。我回到页面清单，补上欢迎语和近期记录，再重新检查从登录页到首页的连接。页面”看起来完整”不代表流程已经完整。

我不会只写”重新生成好看一点”。我会指出具体问题，例如：”保留登录页字段，把验证码按钮放在验证码输入框右侧；首页删掉促销卡片，三个功能入口改成同尺寸卡片。”每轮只处理一两项，方便判断修改有没有生效。

第三个坑是一次要求改布局、配色、文案和图标，结果生成后很难看出哪项起了作用。我改成分轮调整：先修页面结构，再统一颜色和文字，最后检查图标与间距。

初稿进入编辑状态后，我先改最影响理解的文字。登录按钮写成”登录并进入”，验证码按钮写成”获取验证码”，首页入口直接使用功能名称。文案越具体，同事评审时越容易围绕真实操作提意见。

我还检查了占位文字和错误提示。输入框里放”请输入手机号”，比只放”手机号”更清楚；验证码为空时，也应该能看出用户接下来需要做什么。原型里有这些状态，讨论流程会更顺。

我踩过一个小坑：只改了登录按钮颜色，首页入口卡片却保留着另一套强调色，两个页面像是不同产品。我先选定主色，再逐个检查按钮、链接和功能入口；页面间距则保持相近，避免登录页紧凑、首页松散。

调整时先处理组件尺寸和位置，再看字体、颜色等细节。输入框、按钮保持同一宽度，卡片之间留出相近空隙。改完后回到预览状态检查手机屏幕上的阅读效果，长文字和按钮边缘都要看一遍。

原型流程检查好后，我从项目的分享或预览入口生成链接，再发给同事。我会在消息里说明评审范围：”请看登录页字段、登录后是否进入首页、首页三个功能入口是否清楚。”给出具体检查点，收到的意见更容易落到页面修改上。

发出前我自己完整点了一遍：填写手机号和验证码，点击登录，确认进入首页。第四个踩坑是我只看了静态页面，没发现登录按钮没有连到首页。把主流程走完，才发现并修正了这个连接问题。

评审时，我让同事把意见落在具体页面和位置上，比如”登录按钮与协议说明距离太近”，比只在聊天里说”页面有点挤”更容易处理。收到意见后，我按页面逐条修改，再分享更新后的版本，请大家复看有变动的区域。

标签：