用 AI 做作品集网站,先挑出最好的项目、图片和一段简短的个人介绍,再描述你想要的版式和气质。生成器会做出项目页面、关于页面,以及一个能保存留言的联系表单。之后你可以在私密的管理后台里添加新作品,并把网站发布到你自己的域名上。
- 八到十二个有分量的项目,每个配一段简短的故事,比把做过的所有东西都堆进作品墙更能接到活。
- 描述网站时附上你自己的图片(每个文件最大 25 MB)。WisyLink 会原样使用它们,不会生成照片。
- 要求每个项目都有一个网址简洁的独立页面;之后在管理后台添加的项目无需重新构建就能上线。
- 联系表单会保存每一条留言。邮件提醒需要你自己的 SMTP 账户,在“集成”中添加一次即可。
- 免费链接保留 30 天。付费计划能让网站持续在线;你自己的域名则在包括免费计划在内的所有计划上都能绑定。
能赢得客户的作品集需要什么
作品集网站只有一个任务:让对的人来联系你。这个人通常是艺术总监、招聘经理或企业主,他们往往一口气浏览好几份作品集,很快就会判断三件事:你做不做他们需要的那类工作、作品好不好看、联系你方不方便。网站上的一切都应该为这三个判断服务。
| 组成部分 | 作用 | 建议 |
|---|---|---|
| 定位语 | 说明你帮谁、怎么帮 | “为独立餐厅打造品牌视觉”胜过“创意设计师” |
| 精选作品网格 | 一眼看出你的广度和水准 | 把最接近你想多接的那类工作的项目放在最前面 |
| 项目页面 | 证明你怎么思考,而不只是做得好不好看 | 背景、你的角色、过程、结果 |
| 关于 | 让人信任作品背后的那个人 | 一张你本人的真实照片,加三四句话 |
| 服务与流程 | 回答“合作起来会是什么样” | 列出你交付什么,以及一个项目大致怎么推进 |
| 客户评价 | 来自第三方的证明 | 只用真实的原话,并征得客户同意 |
| 联系表单 | 把兴趣变成一次对话 | 询问项目类型和时间安排,便于筛选咨询 |
| 分享卡片 | 让你的链接在聊天中看起来用心而专业 | 上线前把链接粘贴到聊天应用里检查一遍 |
准备作品:图片、简短案例与个人简介
决定成品质量的,更多是准备工作而不是提示词。打开对话之前,先花一个晚上把它做好。
图片
先选定项目,再把图片导出为适合网页的尺寸,格式用 JPEG、PNG 或 WebP,并起一个能说明内容的文件名,比如 harbour-cafe-menu-cover.jpg,而不是 IMG_0412.jpg。附在对话里的每个文件最大 25 MB,常见图片格式、PDF、Word 文档和 MP4 等都可以。摄影师最好每个项目选一组照片,而不是单张,并确认与客户的协议和模特授权允许公开使用。
可以上传自己的图片和视频吗?
可以。你附上的文件会被原样使用,生成器绝不会用生成的图片替换你的作品。25 MB 以内的 MP4 短片可以作为网站上的文件使用,但每次上传都会计入你所在计划的存储和带宽。如果是作品集锦(showreel)或大量长视频,就把视频托管在视频平台上,再让生成器嵌入到项目页面中。
案例与个人简介
每个案例分五个小部分来写:客户与背景、问题、你做了什么、结果,以及署名(团队项目中你的角色)。每个项目三到六句话就够了。关于页面,如果你独立工作就用第一人称,如果展示的是工作室就用第三人称。把所有内容放进一个文档并附在对话里,省得全部敲进提示词。
动手搭建:提示词模板
如果你从没用这种方式做过网站,用 AI 做网站的分步指南讲解了基础知识。做作品集,流程是这样的:
- 在 Community 计划上注册一个免费账户,新建一个对话。
- 附上图片和案例文档。
- 粘贴下面的提示词,填上你自己的信息。
- 如果 Wisy 提问就回答。它每一轮要么问一个简短的问题,要么开始构建。
- 构建过程中留意任务列表,完成后分别在手机和笔记本电脑上打开在线链接。
- 提出具体的修改,每条消息只说一个主题:“把项目标题放大,客户名称移到标题下方”比“做得好看一点”有效得多。
- 在“集成”中填写 SMTP 信息,让新留言送达你的收件箱。
- 准备上线时,绑定你的域名(任何计划都行),并升级计划让网站持续在线。
为 [你的名字] 做一个作品集网站,[他/她] 是一名常驻 [城市] 的 [专业方向],主要服务 [客户类型]。
页面:首页展示定位语“[定位语]”和精选作品网格;作品页列出全部项目,并可按 [分类列表] 筛选;每个项目一个页面,地址为 /work/[项目名称],包含案例文字、我附上的图片,以及上一个、下一个项目的链接;关于页面放我的简介和照片;联系页面。
联系表单字段:姓名、邮箱、项目类型、时间安排、留言。保存每一条留言,并在私密的管理后台中显示。每收到一条新留言就给我发邮件。
管理后台:只有我能登录,可以添加、编辑、排序和隐藏项目,并上传项目图片。
视觉风格:[三个形容词],[配色偏好],字体给人 [例如:杂志感、沉静] 的感觉。让图片唱主角,文字保持简短。
用具体的词描述风格,而不是“现代”或“简洁”,因为这两个词每个人理解都不一样。更多写法见 AI 建站提示词模板。在免费计划上,Wisy 会把每次构建控制在一个简短的第一版,所以如果第一次的结果没有管理后台,就在第二条消息里提出来。
每个项目一个页面,网址简洁
三个项目放在一个长页面里没问题,再多就该给每个项目一个独立页面了。像 /work/harbour-cafe-rebrand 这样的项目页面,可以直接发给想看餐饮类作品的潜在客户,在搜索结果中有自己的标题和描述,还能针对自己的主题获得排名,比如“精酿啤酒厂包装设计”。
在 WisyLink 上,你以记录形式添加的每个项目都会有一个可被搜索引擎抓取的独立页面,由你保存的数据渲染而成。新项目发布后约一分钟内,就会出现在作品页、它自己的网址和网站的站点地图中,无需重新构建。让每个项目页面说的比卡片更多:背景、两三张过程图、成果和署名。一个只重复标题和一张照片的页面,无论访客还是搜索引擎都没有理由停留。
项目地址要简短、能说明内容,并且一旦确定就不要改。如果在分享链接之后给项目改了名,请要求从旧地址做重定向,让之前的链接继续有效。
能保存留言并发邮件通知你的联系表单(SMTP)
联系表单会把每次提交保存在网站自己的数据库里,你在管理后台中查看。这一部分从第一次构建起就能用。邮件提醒还需要多一步:网站通过你自己的 SMTP 账户发信,也就是邮件服务商提供给你的发信服务器设置。你在“集成”中粘贴主机、端口、用户名、密码和发件地址,这些信息会被加密,并且永不再显示。在设置之前,留言照样会保存,只是你不会收到邮件通知。永远不要把密码粘贴到对话里。
有三个细节能让表单更好用:
- 用于筛选的字段。项目类型和时间安排能让你几秒钟就判断出该先回复哪条咨询。预算区间在某些行业很好用,在另一些行业则会把人吓跑;拿不准就别加。
- 防垃圾限制。让生成器限制同一邮箱地址的重复提交,这样脚本就无法塞满你的收件箱或数据库。
- 使用你自己域名的发件地址。绑定域名后,把发件地址设为 hello@yourname.com 这样的地址,尤其是当你还要求给留言人自动发送确认邮件时。
上线前,给自己发一条测试留言,确认它同时出现在管理后台和你的收件箱里(也看看垃圾邮件文件夹)。
快速、易分享、易被搜到:社交卡片与 SEO 基础
每个 WisyLink 网站都在服务端渲染,搜索引擎和链接预览在第一次请求时就能看到完整的页面。每个页面都有自己的标题、元描述和规范网址(canonical),以及 Open Graph 和 Twitter 卡片标签、结构化数据、网站图标(favicon)、/sitemap.xml 和 /robots.txt。首次构建还会为网站设计一张分享图,这样你把链接粘贴进聊天时,显示的是一张精心设计的卡片,而不是一个空白框。
要知道一个限制:分享卡片是整个网站共用的一张矢量图形,不会显示你自己的照片。想换个样子,就在对话里描述你要的修改。
剩下的是内容,这部分要靠你:
- 替代文字(alt text)。用平实的语言描述每张图片的内容:“为海边咖啡馆手绘字体设计的菜单封面”。Google 的图片 SEO 最佳实践把替代文字称为图片元数据中最重要的属性,它还能让使用屏幕阅读器的人正常浏览网站。
- 项目页面上的文字。搜索引擎读的是文字,不是像素。写明客户类型、交付物,如果你做本地业务,再写上地点:“吉隆坡婚礼摄影师”。
- 图片尺寸。按网页尺寸导出,能让页面在手机上保持流畅,而潜在客户常常是在手机上打开别人转发的链接。
在管理后台添加新项目
一份从不更新的作品集,看起来就像被遗弃了。在第一条或第二条消息里就要求一个私密的管理后台,每个项目配一张表单:标题、地址、摘要、案例文字、封面图、图集、分类、显示顺序,以及一个“已发布”开关。
不重新构建网站,也能添加新项目吗?
能。项目是保存的数据,不是代码,所以在管理后台添加项目不会触发构建,也不会消耗你的构建额度。新页面约一分钟内就会呈现给访客。只有当你想改设计或加功能(比如一排客户标志,或一条“目前可接新项目”的横幅)时,才需要回到对话里。
通过管理后台上传的图片会作为公开文件存储,加载很快,每个最大 25 MB。公开上传不接受 SVG 文件,所以标志请导出为 PNG。构建最后的说明会告诉你如何进入管理后台:通常第一个注册的账户会成为管理员,或者说明里会给出登录信息。登录、测试,并把任何初始密码换成你自己的。
自有域名与上线
你的网站一开始的地址类似 https://<id>.wisylink.com,非常适合测试。在免费的 Community 计划上,链接保留 30 天,之后再标记为待删除一周,然后被移除。把作品集放到 yourname.com 上在任何计划上都行;要让它一直在线,就升级到付费计划;Starter 每月 7 美元(见计划)。
在“域名”中,你可以绑定你已有的域名;如果还没有域名,请先在任意域名注册商处注册一个。用一条 DNS 记录绑定,不会影响你的邮箱;把域名服务器指向 WisyLink,则会替换所有现有的 DNS 记录(包括邮箱记录),所以只有在你准备好重新创建这些记录时才选这种方式。域名验证通过后,HTTPS 会自动配置。完整步骤见如何为 AI 构建的网站绑定自定义域名。
在大范围分享链接之前:
- 用手机打开每个项目页面,检查图片裁切。
- 发一条测试咨询,确认管理后台和邮件里都能看到。
- 把链接粘贴到聊天应用里,检查预览卡片。
- 把每个字再读一遍;作品集上的错别字,代价比任何地方都高。
- 把链接加到邮件签名、社交账号简介和发票上。
一条消息做出你的作品集
最难的部分你已经有了:作品本身。挑出最好的项目,每个写五行介绍,附上图片,再把上面的提示词模板填好粘贴进去。在手机上检查第一版,提出真正重要的修改,觉得合适了再绑定域名。
这一切都可以免费试:从 Community 开始,无需绑卡,等作品集准备好在你自己的域名上长期在线时再升级。
F.A.Q.
