跳到主要内容

8个最小的UI设计及其工作原理

使用代码在优质图像上节省15%15 ISTOCK

在UI中有很多关于极简主义的讨论,但究竟是什么意思呢?理解极简主义与简单性不同是很重要的。事实上,最小的界面实际上可以包含很多复杂性。

极简主义的关键不在于简化界面本身。这就是让它变得如此简单需要是。换句话说,它意味着剥离不必要的元素,并且只保留网站或应用程序运行所必需的内容。

在这篇文章中,我们将向您展示一些知名应用程序如何将此原则付诸实践的示例。

01.谷歌日历

Google’s Calendar app presents complex information with the minimum of visual clutter

Google的日历应用程序以最少的视觉混乱呈现复杂的信息

现在市场上有大量的日历应用程序。但由于其演示的清晰性和简洁性,谷歌的免费应用程序仍然击败了大多数人。

例如,它不是使用分割线来分割每条信息,而是优雅地使用空白区域,对比色和不同类型大小来构建细微的层次结构。通过这种方式,它成功地清晰,快速地传达了大量细节,而不会让您感到慌乱。

02. Instagram

Instagram has stripped its UI to the bare essentials, bringing the content to the fore

Instagram已将其用户界面剥离到最基本的要素,将内容放在首位

当Instagram经历了一次重新设计去年,大多数设计界的注意力集中在其标志的变化上。但是,界面的更微妙的变化(一个流程数字代理商Swarm NY称之为建设性还原论)可以说更加重要的是让用户体验更加顺畅和容易。

简而言之,Instagram已经删除了一大堆颜色和杂乱,以便将注意力集中在用户上传的内容上。它已经如此成功地完成了这项工作,很难记住之前现在没有的东西。当然,这是极简主义UI的本质?

03.爱彼迎

With Airbnb’s app you can set your start and end date with just two taps

使用Airbnb的应用程序,您只需轻点两下即可设置开始和结束日期

短期住宿服务制作的Airbnb是最近获得重新设计治疗的另一个受欢迎的应用程序。和Instagram一样,它受益于更简洁易用的界面。

有超过60,000个属性可以在应用程序中进行搜索,因此必须让用户免费旅行。但与此同时,客户希望了解有关他们将留在哪里的大量信息。因此,应用程序必须执行平衡操作:让人们感兴趣,而不要让他们觉得他们正在做出一个统一的决定。

Airbnb通过尽可能简化流程的每个阶段来实现这一诀窍。例如,您只需点击两个相关日期,然后按保存即可设置开始日期和结束日期(如上所示)。

在整个应用程序中,与之前版本的视觉杂音相比,视觉效果也经过磨练,营造出一种平静的感觉。现在每个属性只有一个图像,而清晰的排版层次系统和大量的空白区域用于将所有无数细节分成可管理的一口大小的碎片。

04. BBC IPlayer Radio

A responsive scrolling dial provides a minimal but powerful way of navigating the BBC iPlayer radio app

响应式滚动拨号提供了一种最小但功能强大的导航BBC IPlayer无线电应用程序的方式

在创建BBC IPlayer的广播版本时,设计师需要吸引年龄较大的人群,其中许多人对技术的了解程度低于普通的许可证付款人。因此,界面必须尽可能直观,同时提供对19个不同电台的大量节目的访问。

以响应式滚动拨号的形式找到了一种解决方案,它模仿传统的模拟收音机,并允许您浏览整个时间表。这具有额外的好处,即让听众发现他们可能没有遇到的新内容,并使他们能够通过他们的社交渠道轻松地共享内容。

05.推特

Well-crafted icons and varying colours and type styles make the blizzard of information thrown up by Twitter more manageable

精心设计的图标和不同的颜色和类型样式使得Twitter推出的信息更加易于管理

Twitter的移动应用程序是极简主义并不总是意味着简单的原则的一个很好的例子。它实际上提供了大量复杂的功能,从追赶最新新闻和体育故事到生成自己的QR码,以及您期望的所有常见的喜好,发推,搜索和关注。

即使您只使用该应用程序执行一两件事,其余功能也不会打扰您,因为使用一系列精心设计且经过仔细考虑的图标,屏幕上的混乱程度会降至最低。

例如,无论您是要搜索Twitter还是查看趋势主题,您只需点击右上角的放大镜图标即可。当涉及到您的实际流时,使用颜色和类型大小很好地划分了不同类型的信息,并且包含的URL的屏幕抓取分解了本来可能是暴风雪的文本。因此,即使是混乱的Twitterstorm也很容易理解;好吧,至少你的眼睛容易...

06. Google Drive

还记得在经营自己的企业,甚至只是跟踪你的个人事务时,是否意味着在软件和存储上投入了大量资金?现在有Google Drive,Google提供的免费服务,可让您创建文档和电子表格,以及存储照片和视频。

它能够处理各种各样的文件格式,而且它无法处理,它几乎总能指向一个方便的第三方插件来填补空白。最有用的是,它是与协作者共享大型文件和文件夹的简单方法:您不必发送整个内容,只需发送一个链接。

简而言之,Google云端硬盘非常实用且功能丰富,令人惊讶的是其移动应用界面的最小化程度。这一切都指出了它背后的系统是如何精心组织和思考的,重点在于最终用户。

在手机上查找您要查找的内容很简单:您可以滚动浏览整个列表,按照多个条件对其进行排序,或者只使用搜索栏。汉堡菜单提供了更广泛的功能,整个应用程序的单色,无忧无虑的设计使您的文件工作变得轻而易举。

07.中等

Medium.com offers a beautiful reading experience for blog posts

Medium.com为博客文章提供了美妙的阅读体验

到2012年,互联网不需要的是另一个博客平台。但它所需要的是一个设计精美的设计。因此Twitter联合创始人Ev Williams不得不推出Medium,并且多年来利用大量的风险投资将其发展成为读者和作家的最佳视觉体验。

最近一次重新设计的Medium应用程序允许您个性化您在Feed中收到的博客帖子,并在其主页上提供一系列“热门新闻”和“编辑选择”。但它真正融入其中的是阅读体验,这种体验优雅而巧妙地为轻松愉快的阅读而设计。

当然,如果不提供任何广告,或者根本没有任何明确的商业模式,目前尚不清楚Medium可以继续运营这种服务多长时间。但就目前而言,至少,它是一个很好的例子,说明用户最友好的阅读体验如何。

08. Shazam

Shazam performs a simple task within a simple interface

Shazam在简单的界面中执行简单的任务

Shazam做了一件事,而且做得很好:它可以让你把手机拿到你不认识的音乐上,而且它会让你想要这首曲子。设计的简洁性使服务的简洁性与之相得益彰。

即使是最技术性的智能手机用户也可以使用此应用。开启屏幕不仅有一个简单的指令(“点击Shazam”)和一个很好的大按钮,但有问题的按钮会轻轻地产生脉动,清楚地表明它想要按下。

Shazam的另一个次要用途是在包含Shazam徽标的印刷材料上显示信息,QR码样式。这是使用主按钮下方较小的相机图标完成的。

您可能会觉得不包含此按钮的任何文本可能会让用户感到困惑。但也可以提出相反的论点;如果您要扫描Shazam徽标,那么如何操作的说明将包含在该印刷材料中;所以在应用程序的屏幕上重复它将是不必要的重复。



翻译字数超限