4

注入情绪与故事,它想成为你的相片处理「最后一步」:卡片馆 2.0

 2 years ago
source link: https://sspai.com/post/72329
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client
注入情绪与故事,它想成为你的相片处理「最后一步」:卡片馆 2.0
1
注入情绪与故事,它想成为你的相片处理「最后一步」:卡片馆 2.0
19 小时前

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

1卡片馆 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卡片馆 1.41 和 2.01 版本代码文件对比

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

设计:各类风格的卡片

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

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

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

1简约分类卡片

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

1经典和胶片分类卡片

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

1情绪分类卡片

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

1信息分类卡片

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

1物件分类卡片

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

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

创作:把工具交给用户

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

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

1我的卡片馆创作室

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

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

1创作室的设计工具

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

1丰富的文字对齐方案

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

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

1使用与预设卡片完全一致

使用:这是轻盈的最后一步

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

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

1更改文字时一目了然

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

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

1卡片馆的文字替换功能

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

最后,谢谢你的阅读。

在评论区和我们一起聊聊你在用的修图 App,以及你对于卡片馆的想法与建议,下周三 (04.13) 选出 2 位读者送出卡片馆终身会员兑换码。

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

> 下载 少数派 2.0 客户端、关注 少数派公众号,解锁全新阅读体验 📰

> 实用、好用的 正版软件,少数派为你呈现 🚀


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK