经典的版式,永恒的设计:最小日历如何使用Adobe XD来创建美观而集中的日历应用

看一看最小日历,一个新的日历应用程序现在在iOS上可用,你知道它是由设计师为设计师和设计爱好者创建的。它的流线型和视觉吸引力,与奉献其字体,将使印刷术爱好者欢呼雀跃。不出所料,鉴于它的名字,它的创造者相信精简但有效的用户体验的力量;虽然“简约”这个词和它的名字很像,但“简约日历”的设计者强调,它绝不仅仅是追随一种设计潮流。对他来说,关键是要有意识地做什么,不做什么。

“我们不认为极简主义是某种拜物教的术语,它通常可以,”设计极简日历的基本原理公司的创始人和创意总监肖恩·沃尔科特(Sean Wolcott)说。“我认为,真的,去掉所有(来自其他日历体验的)废话,只会得到最少的体验。它并不是要把某件事做得微不足道。它是关于创造一个美丽、专注的日历体验。”

Side by side view of the minimal calendar apps display options for months organized by year and days organized by month.
Minimal Calendar.

对肖恩来说,制作最小的日历是一项长期的爱好。五年前的草图、涂鸦和纸线框图现在已经变成了他设计意图的完整表达,现在可以在App Store上买到。为了实现创建“美丽、专注”日历体验的目标,他求助于adobexd来设计和原型化该应用程序。下面是最小日历的故事,以及Sean和他的团队如何将adobexd工作到他们的工作流中来创建它。

在数字体验中,重现最好的印刷日历的清晰度和美感
最小日历诞生于肖恩对印刷日历的喜爱,以及五年前他对iPhone日历应用程序的不满。“如果你看看2013年的数字日历,你会发誓你看到的是中世纪之类的东西。它只是令人震惊。我想我们忘记了在过去的六年里,一切都有了多大的发展。”

“我想要一种数字体验,能与我在最好的印刷日历中找到的清晰度和美感相匹配。正如我自己的设计导师马西莫·维格内利(Massimo Vignelli)所说,“如果你找不到,就去设计它。”’”就在那时,肖恩开始构思最小日历,但最终还是把注意力放在了客户的工作上。时间快进到2018年,肖恩全职经营他的设计公司rational,他决定专注于用最少的日历完成工作。

A side by side comparison of the minimal calendar app versus an older version of the iOS calendar app.
肖恩·沃尔科特(Sean Wolcott)设计了最小日历,作为对过去几年其他数字日历应用的回应。
“好的、聪明的、合理的设计,使用颜色、比例和排版为人们的工作创造有意义的体验。五年前是这样,现在依然如此。【简约日历】把你不需要的大部分东西都扔掉。在这个意义上,我们为特定的受众做了一些东西,也就是我们自己,但我们知道它会吸引很多其他非设计师,他们不需要所有的花哨的东西。对我们来说,通过从本质上排除边缘案例,让核心体验变得更好,我们能够以一种感觉有意义的方式真正专注于某件事,”他说。

使用adobexd设计美学和焦点
在从头开始设计一个新应用程序时,能够“专注于”设计过程,以确保每个细节都是有意的、直观的和有目的的,这一点尤为重要。对于Sean和他在rational的团队来说尤其如此,他们开始创建一个日历应用程序,每个特性都要经过严格的审查,以确保在不造成混乱的情况下改善用户体验。minimalcalendar背后的许多设计原则与adobexd背后的设计原则是相同的,所以Sean说选择它作为他们的设计和原型设计工具感觉很自然。

“在美学上,Adobe XD的焦点与我们的应用程序的焦点一致。它只提供你需要的东西,当你需要它的时候。”这对我们很有吸引力。在经历了这个过程之后,XD的无杂乱界面真的让我们能够专注于使最小的日历无杂乱,”Sean说。

A side profile of Sean Wolcott, designing the Minimal Calendar App in Adobe XD.
肖恩沃尔科特设计最小的日历在Adobe XD。
同样重要的是,rational团队能够在桌面上进行设计,并且毫不费力地将他们的设计转换为手机上的交互原型。Sean补充说,adobexd能够快速完成这一任务,这使他们能够更好地了解自己的设计是如何与创建易于导航和有意选择功能的日历应用程序的目标相冲突的。

然而,Sean最喜欢的XD功能之一是智能导航系统。除了正方形网格外,adobexd在其智能向导系统中还有一个布局网格,与对象和画板的几何形状相关联。对于Sean来说,方形网格对于最小的日历来说太细了。一个完整的布局网格使他和他的团队能够以一种有效的方式使事物尽可能具有美感。

A screenshot demonstrating the use of Adobe XD's layout grid in the design of the Minimal Calendar App.
为了确保最低限度的日历在其体验中确定所需的美学和清晰度,基本原理团队使用了Adobe XD的布局网格。
“从某种意义上说,‘最小日历’是一种数字优先的体验,但它在很大程度上借鉴了印刷时代基于网格的布局原则,并将它们带入了数字领域。”我认为很多过去开发过数字工具的人不了解这些东西,所以他们被产品忽略了。我们很高兴在adobexd中找到这种想法,”Sean说。

印刷术在最小日历中的重要性
我们都知道文字和它们在数字产品中的出现很重要,但在日历应用程序中,它们对于用户是否觉得这种体验有用至关重要,因为它们通常缺乏象形图,而且依赖于文本。最小日历使用Neue Haas怪诞字体,这是原Helvetica字体的精确形式。使用这种字体,并密切注意它的比例,是将最小日历与其他日历应用程序区别开来的一个关键因素。

A screenshot of the use of Neue Haas Grotesk typeface in the month view Adobe XD artboard for the Minimal Calendar App.
最小日历使用Neue Haas怪诞字体。

“对我们来说,我们在排版上非常具体,考虑得很周到,比例也很高,大号的字体相当于前面三行字体的大小。这种类型,与adobexd中的布局网格相结合,帮助我们实现了清晰而有效的比例感。字体的渲染和我们在设备上立即看到它的能力也帮助我们快速迭代。”肖恩说道。

“只是做一些用起来很有趣的东西”
现在最小的日历已经可以在应用程序商店中使用了,Sean说他已经从用户那里得到了非常积极的反馈,他们喜欢“视觉新鲜空气的呼吸”。然而,他并没有固步自封,他说他对未来五年的最小日历感到兴奋。他计划和他的团队继续使用Adobe XD来迭代和更新应用程序。

A photograph of the minimal calendar default view presented on an iPhone X.

“我认为现在就数字产品而言,事物比以往任何时候都更具侵入性和令人上瘾。我们在这里通过很多方式抵消了这一点,”他说。人们已经意识到其他日历应用程序的混乱程度,并且通过简化,在功能方面没有任何缺失。我认为,为了简单起见,这实际上与简单无关。这只是要制作一种使用起来很有趣的东西。”

对于Sean和Rationale的团队来说,其数字设计公司的座右铭是“针对临时屏幕的永恒设计”,其目标是创建一款经得起时间考验的应用程序,这要归功于以人为本的设计原则和精美的版式。Adobe为我们的多功能UX / UI工具帮助他们做到这一点而感到自豪。

要了解有关最小日历的更多信息,请访问Rationale的网站,并将UX见解直接发送到您的收件箱,请注册Adobe的体验设计新闻

本站所有素材均来自网络,如果侵犯了您的版权,就随时联系我们的客服。
Adobe XD中文网 » 经典的版式,永恒的设计:最小日历如何使用Adobe XD来创建美观而集中的日历应用

Adobe XD中文网

立即查看 了解详情