有奖｜照片处理的最后一步，用「卡片馆」为你的照片注入故事

2018 年，我刚开始入门学习 iOS 开发，那时候踉踉跄跄完成了卡片馆 1.0 版本并上线，从某些意义上来说，这是我开发的第一款 app，虽然在它之前还有一些更为简单、从学习目的出发而写的 app。

卡片馆 1.0 版本截图

那时候的卡片馆只提供了几款内置样式，编辑时可以更改背景颜色以及文字内容和字体，功能比较简单。当时我还写了一篇  关于自学 iOS 开发的文章 ，里面也有介绍卡片馆。

在卡片馆之后，我践行边做边学的方法，继续开发了几款简单 app，包括旧日历 2019、旧日历 2020 以及奇妙组件 1.0 版本。那阵子虽然时间不多，但 iOS 开发的探险就这样一直慢悠悠地进行着。

在 2020 年初的疫情期间，奇妙组件 1.0 版本上线后，我就开始写卡片馆 2.0 版本的代码，在当时的功能规划里，也完成了 50% 左右，但后来因为各种各样的事情，卡片馆的开发进程就搁置了。

再后来，因为 iOS 14 小组件的推出，我的开发精力就放到了奇妙组件上，先是适配新版小组件，然后是推出  奇妙组件 2.0 版本 。由于奇妙组件是一款小组件工具集，我在开发过程中面对了非常多陌生的东西，在借助搜索引擎的帮助下，完成奇妙组件 2.0 的开发使得我的代码经验涨了不少。

按照本来的规划，在奇妙组件 2.0 后，我就该重拾卡片馆 2.0 的开发工作。不过一开始面对卡片馆时，觉得 2.0 版本太复杂了，工作繁重，我想先写一个简单的 app 放松一下。于是，出于放松和研究 SwiftUI 的目的，我开发了  白云天气 。

在白云天气的开发完成后，我发觉自己对代码的理解又更进了一步。在一切准备得差不多后，我终于开始回头看向卡片馆，我决定完全重构它。

历经几个月时间，卡片馆 2.0 版本终于重构完成。我把 1.0 时期的代码几乎全部删改了，也包括 2020 年初写的 2.0 版本代码。所以，卡片馆 2.0 的开发，实际上就是写一款全新的 app。

卡片馆 1.41 和 2.01 版本代码文件对比

和之前一样，在卡片馆 2.0 完成之后，我回头看了看奇妙组件 2.0 和白云天气的代码，发现我对代码的理解又进步了一些。

▍ 设计：各类风格的卡片

所以，卡片馆到底能做什么呢？先来看看预设卡片，你会得到答案的一半。

卡片馆 2.0 预设了 50 款各类风格的卡片，我将它们分为简约、经典、胶片、情绪、信息和物件这 6 类。

简约分类，顾名思义就是一些相对简单的卡片，留白较多，没有文字或者文字内容较少。

简约分类卡片

在经典和胶片分类里，你可以制作拍立得和胶片风格相框的卡片。当前版本里，卡片馆提供了 20 来款高质量相框，并会在后期迭代里持续更新。

经典和胶片分类卡片

情绪分类里，我设计了一些类似海报风格的卡片，还有模拟电影截图的卡片。总的来说，情绪分类里的卡片排版更复杂一些。

情绪分类卡片

信息分类里，主要是体现卡片馆 2.0 版本的一个新功能：文字替换。这里的卡片样式默认文字大都用到了文字替换功能，当你制作卡片时，文字内容会根据相片提供的信息自动生成。

信息分类卡片

物件分类里，放置的是一些更真实的相框效果，例如真实的相纸、实木相框、胶带贴纸等，或者实现带壳截图的效果。

物件分类卡片

是的，你可以用卡片馆来给相片做简单签名水印、添加留白相框、附上拍摄地址和相机参数等，也可以套用上拍立得或胶片风格的相框，或者是做一张复杂些的海报风格卡片，再或者，套用上木纹相框等等。

卡片馆能做什么？我刚告诉了你一半答案，现在，我来聊聊另外一半。

▍ 创作：把工具交给用户

创作室是这次卡片馆 2.0 新推出的一个功能。创作室也许是一个 20% 用户才会用到的功能，但它是卡片馆的 100%。

如截图所示，卡片馆预设的 50 款卡片样式，都是我用创作室来完成设计的。也就是说，开发者设计内置样式的工具，和交给用户的创作工具，是完全一致的。

我的卡片馆创作室

在卡片馆 2.0 的开发工作里，我绝大部分时间都花在了创作室上，等创作室功能基本完善后，再利用创作室去设计预设的卡片样式。某种意义上，预设卡片是给用户做一个示范：你可以用创作室设计出什么样的卡片。

为了让设计自由度足够高，创作室提供的功能是多而杂，我不像以前设计功能那样克制，而是能实现什么就做什么。对于创作室，我可以进一步优化交互体验，但功能只会越来越复杂，它需要变得越来越强大，才能让用户设计出更多优质的卡片。

创作室的设计工具

在创作室里，比较特别的是文字对齐功能。在这里，文字的布局没有采用简单的拖拽方案来完成，而是设计了一个相对复杂的对齐方案，用户可以选择各种情况的对齐对象与方法，随后再设计间距等参数。

丰富的文字对齐方案

这样的好处是你可以真正完成一个相对严谨的卡片设计，而不是随意拖放，看起来差不多就行。更重要的是，在这样的方案下，文字拥有了自动布局的能力，在使用时，卡片的复用性也更高。

虽然创作室的设计卡片工具非常复杂，但这是一劳永逸的。在创作室里设计好的卡片，会保存到创作室首页中，当你使用它时，就和预设的卡片使用流程完全一致：轻松简单。

使用与预设卡片完全一致

▍ 使用：这是轻盈的最后一步

卡片馆是一款纯粹的卡片制作工具，它没有拍照和滤镜功能，因为我不认为在卡片馆里提供拍照功能，能让你获得比原生相机更好的体验，也不认为卡片馆可以提供一个质量高于 VSCO、Lightroom 等修图类软件的修图功能。

基于这个出发点，我将卡片馆定义为：相片处理的最后一步。既然是最后一步，我希望这一步可以尽可能轻松。我很害怕生成卡片时控件可以被拖来拖去，一不小心就乱了布局，所以卡片馆并不这样。

更改文字时一目了然

在卡片馆里，卡片的生成非常愉快：选择样式 - 从相册选择相片 - 直接导出卡片或是调整颜色、文字等信息。根据使用频率，我还将 .PNG 格式的保存选项放到了长按手势里，当然，你也可以在设置中进行更改。

在介绍信息分类卡片时，我有提到一个叫「文字替换」的功能。这个功能的设计初衷也是为了更轻松快速地生成卡片。当前预设的文字替换覆盖了相片相关的常用文字内容，在后续，卡片馆还会上线自定义文字替换功能。

卡片馆的文字替换功能

除了以上的介绍外，这次完全重构的更新还带来了渐变色、纹理色以及场景等新功能。卡片馆 2.0 只是一个开始，出于本身对拍照的兴趣，我个人对卡片馆都还有许多需求待完成，目前已规划了不少未来计划开发的功能。如果你有任何关于卡片馆的好建议，欢迎与我联系，帮助它变得更好。

最后，谢谢你的阅读。

🎁 福利

在评论区和我们一起聊聊你在用的修图 App，或者你对于卡片馆的想法与建议， 本周五 (04.15) 抽 2 位送出卡片馆终身会员兑换码 。

你可以在  App Store  免费下载卡片馆，年度订阅 38 元，永久买断 68 元。

原文链接：

https://sspai.com/post/72329?utm_source=wechat&utm_medium=social

作者：随你们去

责编：waychane

/ 更多热门文章 /