技术文章

了解最新技术文章

当前位置:首页>技术文章>技术文章
全部 111 常见问题 0 技术文章 111

Letterboxd如何 使用 Sketch 为影迷设计一个家

时间:2023-11-17   访问量:1015

Letterboxd 是一个用于草根电影讨论和发现的全球社交网络。您可以将其用作日记,在观看电影时记录和分享您对电影的看法,或者只是记录您过去看过的电影。您还可以在个人资料页面上展示您最喜欢的电影,在添加电影时对电影进行评分、评论和标签,并查找并关注您的朋友,看看他们喜欢什么。这就像电影的GoodReads  ,而且是用 Sketch 制作的😉

我们最近与联合创始人 Matthew Buchanan 进行了交谈,了解 Letterboxd 是如何诞生的以及他们如何作为一家独立公司取得成功。Matthew 还负责监督产品和创意方向,因此他能够分享他的团队如何使用 Sketch 将 Letterboxd 变为现实。


您会如何描述 Letterboxd?

Letterboxd 是一款带有社交组件的电影跟踪和列表制作应用程序(和网站)。就现有服务而言,它与图书跟踪服务 GoodReads 最相似。我们的会员记录他们观看的电影——无论是在电影院、流媒体还是其他地方——并发布他们的反应和评论,这些反应和评论会分享到他们的关注者的动态中,促进讨论和发现。他们还可以制作和共享列表(包括保留一个待将来观看的影片列表)、完成挑战、找出电影在哪里播放,并普遍交流他们对电影的共同热爱。

您是如何想到 Letterboxd 的想法的?

在 2000 年代,我使用 Mac 应用程序对我的 DVD 库进行编目。这是拟物化设计的顶峰:闪亮的塑料盒,里面装着木架子上呈现的海报艺术。该应用程序的创建者曾一度戏弄过一个在线组件,但它产生的只是一个 HTML 导出工具。最终,我们厌倦了等待别人构建一个优秀的社交电影应用程序。IMDb 已经存在十多年了,但无法在该平台上关注其他人。因此,我们开始想象这样的服务的外观和感觉,然后我们决定构建它。

用 Sketch 设计的 Letterboxd 电影页面截图

Letterboxd 提供的电影页面视图

我们听说 Letterboxd 是独立且自豪的。您能告诉我们更多这对您意味着什么吗?

创业时有几条路可以走,我们喜欢按照自己的节奏前进并随着时间的推移发展产品和社区。我们故事的一个重要部分是,我们能够资助 Letterboxd 的早期开发(通过我在 2001 年与他人共同创立的设计工作室),直到它凭借自己的能力成为一项可行的业务,并雇用了一支非常酷的小团队。人们,其中大多数人在成为员工之前都是该平台的超级用户。我对那次旅程感到非常自豪。

sketch-become-your-tool-of-choice" style="box-sizing: border-box; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-weight: inherit; font-stretch: inherit; font-size: 1.375rem; line-height: 1.875rem; font-family: "Marfa Mono", "SF Mono", "Source Code Pro", Consolas, Menlo, monospace; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 3.75rem 0px 1.25rem; padding: 0px; vertical-align: initial; letter-spacing: -1px; text-wrap: wrap;">Sketch 如何成为您选择的工具?

我永远无法掌握 Photoshop 进行UI 设计工作 - 总感觉即使是最简单的布局我也需要 50 层。当 Macromedia 发布第一版时,我开始使用 Fireworks,并且真正被当时一种独特的设计工具所吸引,它本身是基于矢量的,但也提供了用于位图编辑的基本工具。该产品在被 Adobe 收购后基本上被忽视了(并最终被杀掉),而 Sketch 的首次亮相恰逢 Fireworks 濒临死亡。这是完美的替代品,而且恰逢其时。

用 Sketch 设计的 Letterboxd 个人资料页面的屏幕截图

Letterboxd 提供的个人资料页面视图

sketch-are-there-any-particular-features-that-have-helped-to-make-your-workflow-easier" style="box-sizing: border-box; border: 0px; font-variant-numeric: inherit; font-variant-east-asian: inherit; font-variant-alternates: inherit; font-weight: inherit; font-stretch: inherit; font-size: 1.375rem; line-height: 1.875rem; font-family: "Marfa Mono", "SF Mono", "Source Code Pro", Consolas, Menlo, monospace; font-optical-sizing: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; margin: 3.75rem 0px 1.25rem; padding: 0px; vertical-align: initial; letter-spacing: -1px; text-wrap: wrap;">告诉我们在 Sketch 中设计 Letterboxd 的过程。是否有任何特定功能可以帮助您简化工作流程?

在线提供文件非常有用。我们一开始将源文件放在共享的 Dropbox 文件夹中(这是一个糟糕的主意),并在 Abstract 启动时采用它来帮助进行版本控制。现在 Sketch 的工具在该领域更加强大,我们可以完全依赖第一方产品来完成我们的需求。

我们的设计团队仍然只有两到三个人,因此我们很少同时处理同一个文件,但能够跟踪彼此的光标对于共享反馈会议非常有用我也喜欢拥有一个组件库来协助完成设计任务,尽管我们的组件库并不完整,所以有时我们最终会在屏幕截图的基础上进行设计更改,尤其是在时间有限的情况下。

在设计像 Letterboxd 这样的社交网络时,您面临哪些独特的挑战?

我不确定其中很多都太独特了!正如我怀疑许多其他产品团队的情况一样,我们正在设计对现有平台的扩展和修订,该平台拥有自己的业务逻辑和可视化方法,已经建立了十多年。有时,最好的前进方法是重新构想组件的工作方式,但我们并不总是有这种奢侈,因此在某些情况下,我们可能会根据现有的平台约定进行较小或不同的更改,并计划扩展或改进它将来。我们不断(重新)确定工作的优先顺序,以帮助我们的会员享受更好的体验,并帮助我们的团队更好地照顾我们的社区。

用 Sketch 设计的 Letterboxd 期刊存档页面的屏幕截图

Letterboxd 提供的期刊档案视图

为多个平台进行设计是什么感觉,尤其是在添加 Apple TV 时?

我享受挑战。特别是,我思考了很多关于我们是否应该尝试在所有地方呈现统一的外观,或者更多地遵循平台惯例,以便感觉更自在——并且对那组用户来说更本土化。我认为,我们更倾向于后一个方向,主要是出于务实的原因。即便如此,跟上最先进的技术水平仍然存在挑战。

我们的Android应用程序在某些领域没有使用最新的 Material Design 约定,我希望这成为我们关注的一个领域。Apple TV 应用程序的技术基础很快就融合在一起,但为该平台设计用户体验无疑是一个挑战,决定包含哪些功能是有意义的(例如,我们不提供日志记录,因为用户通过屏幕键盘速度慢得要命)。

您使用 Letterboxd 取得的最大成就是什么?

对我来说,这是从提出想法、构建私人测试版、公开发布,到九年后能够在我们的机构之外雇用我们的前两名全职员工的整个过程。那是一个重要的时刻。

你的下一个里程碑是什么?

我们不喜欢提前太早分享计划。目前,我们正在对我们的流媒体服务过滤器进行一些改进,以使其更加有用,并在我们的活动源上进行一些改进,以捆绑来自各个会员的多个条目。更进一步,我们已经公开承认,更好地支持电视剧是一个令人感兴趣的领域,而且并非没有一些非常具体的挑战。

最后,您现在正在看什么电影,您会推荐哪些电影?

我们与参与 Philippou 兄弟的《 Talk To Me》的制作公司之一保持着友好关系 ,该片由 A24 将于今年晚些时候在美国发行。我有机会和他们一起观看,如果你喜欢高度恐怖的话,这绝对是一场爆竹。我也很喜欢 黑麦巷

Letterboxd适用于 iOS、Android 和 Apple TV。


上一篇:如何 充分利用颜色变量

下一篇:iPhone 和 iPad 上的 Sketch 指南

发表评论:

评论记录:

未查询到任何数据!

免费通话

24小时免费咨询

请输入您的联系电话,座机请加区号

免费通话

微信扫一扫

微信联系
返回顶部