把图文卡片玩出新花样，我用 DrawLink 做了这些尝试
多图预警。如果你懒得读完本文，可以直接前往 DrawL.ink 自己探索。
在这个信息过载的时代，一张精心设计的图片往往比千言万语更有效。研究表明，人类可以在 13 毫秒内识别一张图片的基本内容1。小小的方寸屏幕上，图片总会比文字先抓住我们的注意力。
而链接的信息往往都「隐藏」在背后的服务器中，直接通过文字难以预见其内容，于是就诞生了很多链接可视化方案，包括：
- Safari 长按链接可以弹出预览小窗。
- 朋友圈、微博等通过抓取标题、图片等源信息，展示一个固定样式的卡片。
- 飞书 IM 会对特定链接展示特殊的预览卡片，例如飞书文档、飞书待办等。
这样做最大的原因就是：对于未知的链接，尤其是缺乏上下文的情况下，人们往往是不愿意点击的。而这样做的一个附加的好处就是：提高链接点击率。
本文将结合 DrawLink，与大家一起探索普通的链接的无数种展示与玩法，以图文卡片为载体，将链接背后蕴藏的无限信息通过创意释放。
基础使用
想象一下，当你想分享一个链接时，不再是枯燥的蓝色文字，而是一张精美的卡片。DrawLink 的使用非常简单：
- 复制你想分享的链接
- 粘贴到 DrawLink
- 选择模板风格
- 保存或者分享卡片（支持一键复制）
此外，部分模版支持一键添加二维码，可以为图片写入更多的信息，同时适合移动端的传播。如果对自动抓取的链接内容不满意，你还可以手动调整内容。
还有个更快速的生成方法：只需要在任何链接前加上 drawl.ink/#/ 前缀即可快速获得卡片，如下图所示。
进阶使用
除了基础的卡片制作，DrawLink 还有一些进阶能力，拓展能力边界，包括：
- 🔗 生成动态图片直链，可以嵌入 GitHub 的 Markdown 或者你的文章中。
- ⚡️ 生成动态嵌入代码，可以嵌入 HTML 页面或者 Notion 中（如下图所示）因为图片是动态生成的，所以不用担心链接内容变化。结合 Notion 丰富的布局能力，可以创造出漂亮的 Notion 页面。
- 🎨 设计稿状态与当前页面链接同步，直接把链接分享给他人，TA 们就可以查看、修改你的设计。下面会介绍一些玩法，就是通过这个方法允许读者自由编辑。
接下来再分享一些我探索出的特殊玩法。
玩法｜分享 Apple Music 上的音乐
得益于 Apple Music 优秀的 Web 端体验，你可以直接把歌曲链接放入 DrawLink。
当你听到一首让人心动的音乐，想要分享给朋友时，分享 Apple Music 的链接可能显得很普通（直接在 iMessage 分享除外）。而通过 DrawLink，你可以生成一张包含专辑封面、歌手名称和歌名的精美卡片，让你的音乐分享更有格调。
玩法｜结合古诗词网分享诗词
古诗词的魅力不仅在于文字，更在于意境。你可以将诗词网站的链接转化为充满中国传统美学的视觉卡片。以古诗词网为例，效果如下：
玩法｜结合 App Store 或 Play Store 分享产品
对于开发者或产品爱好者，分享一个好用的 App 或者产品时，你可以用 DrawLink 生成一张包含 App 图标、名称和简介的精美卡片，让你的产品更惹眼。
目前对 App Store 和 Play Store 的支持已经过我测试，你只需要输入分享链接即可。你还可以输入你的产品落地页，如果 SEO 完善，那么也会有很好的展示效果（即使不完善，你仍然可以手动填入内容）。
玩法｜结合图片直链美化照片
有时候，一张普通的照片可能缺少点什么。DrawLink 支持图片直链转换，你可以为照片添加精美的边框、文字说明，让照片讲述更完整的故事。
在互联网上看到好看的图片，右键复制图片链接，再粘贴到 DrawLink，就可以立马得到带边框的图片。
当然，你也可以上传本地图片，把它作为一个图片美化工具使用，再分享到社交媒体。
玩法｜为 YouTube 视频生成卡片
如果你直接输入 YouTube 的视频链接，再搭配使用 YouTube 模版，就可以得到让人一眼看出上下文的卡片，你可以用它分享你自己的视频，或者你喜欢的视频。这个模版对其他链接也适用。
下一步
对我个人而言，DrawLink 给我带来了许多的练习设计机会。我不是专业的设计师，从一张张的卡片的设计中，我可以不断磨炼自己的设计水平，这也是我的初衷。
而对每一个用户而言，我希望 DrawLink 能帮助你放大链接的价值，让你的链接更惹眼。
我会继续探索一个链接背后的无数种可能，带来更多的卡片设计和体验。如果你有好的设计或者想法，可以直接在评论区告诉我，或者把设计稿发给我，一起来丰富玩法。
目前 DrawLink 已经有了不错的移动端适配，你可以在手机上轻松进行创作。如果我的精力允许，可能还会有个原生 App。
DrawLink 是如何诞生的？
感谢你阅读到这里，我很乐意和你分享一下我的制作过程。
十一月的一天下午，坐地铁的我突然萌生了这个想法，于是我在地铁上思考产品并买下了域名，借助 Cursor，当天晚上就完成了 MVP 的开发以及上线。
之后的几天，我快速完善、迭代，同时在互联网上分享、获取反馈。到今天发文，DrawLink 才诞生不到半个月。现在，AI 可以是每个人的创意加速器。
🧑🎨 关于作者
00 后，创业者 & 设计工程师，喜欢做简洁又能改变生活方式的产品。做了 ClipMemo / Dali / FlowFerry / DrawLink / Geekits。目前在字节跳动做软件工程师。
欢迎在评论区交流你对 DrawLink 或者图文卡片的创意和见解！
© 本文著作权归作者所有，并授权少数派独家使用，未经少数派许可，不得转载使用。