首页 > 策划 > 关键词 > 界面布局最新资讯 > 正文

界面布局中的“极简主义”

2018-12-26 09:33 · 稿源:王M争

策划.jpg

图片来源图虫:已授站长之家使用

站长之家注:本文由作者王M争(微信号:Wang-Michael-Zheng)授权站长之家发布,未经原作者同意请勿转载。

前段时间有一个朋友微信问我有没有看到过哪款产品把搜索功能放在界面中间的,然后给我发了一张原型图。我第一眼看到这个原型图就觉得界面的信息布局很乱,像是把两三个页面的内容强行塞到一个页面。

界面里信息太多不知道怎么布局,我相信这个问题大家在日常工作也经常会遇到。内容获取难度的降低,意味着内容筛选难度的提高。产品不断的迭代,功能越来越多。如何使产品避免在界面布局上越来越臃肿?——极简主义”或许是这个问题的答案。

什么是极简主义?从字面上理解:极致简约。设计上的简约可以分为两种:内容简约形式简约。以上面的那个例子来说,搜索功能是内容,搜索框是搜索功能的展示形式。最近腾讯推出了新的产品:MOO音乐,所以我这篇文章正好借着分析这款产品来聊一聊界面布局中的极简主义。


内容简约

我们给一个页面做简化,第一步应该确定界面中每一个元素存在的必要性。界面中元素那么多,但并不是每一个元素都有存在的必要,存在不一定合理。弄清楚界面中每一个元素的实际作用,进行评估,对于一些作用有限的纯装饰性元素,为了界面的简洁,我们可以删除。

1)旋转唱片

几款常用的音乐类应用播放界面的主体都是一个旋转的唱片,而MOO音乐直接去掉了这个唱片。为什么?因为这个“唱片”占据了界面大约一半的空间,导致切换歌曲、调整播放进度、查看歌词/歌手/专辑分享这些常用功能必须在剩下的空间里排布,显得很拥挤。

去除这个虚拟的“唱片”给我们带来不仅仅是视觉上的轻量感,更意味着易用性上提升。用户在MOO音乐中切换歌曲、调整播放进度、返回上一级页面等都可以通过滑动手势来完成。并且它是几款音乐产品中,唯一一个支持上下滑动切换歌曲的,网易云音乐是左右滑动切换歌曲,而QQ音乐直接不支持,用户必须点击才能切换歌曲。我在之前的文章用户体验之点击和滑动也提到过,滑动手势比点击更容易受到用户的青睐。

当然可能会有人反驳,你看网易云音乐也是有唱片,但是它还是支持滑动的。脱离手指落点去谈手势都是耍流氓。网易云音乐中手指落点在唱片内是切换歌曲,落点在唱片外是返回上一级页面,落点稍有不慎就会造成误操作。而MOO音乐是上下滑动切换歌曲,左滑动返回上一界面。手指落点更模糊,用户也就可以减少找位置的时间,用户体验更好。

此外网易云音乐中用户要播放/暂停歌曲必须点击播放/暂停按钮,而MOO音乐中你只要点击屏幕中任何位置就可以完成这一操作。为什么MOO音乐可以这么任性?因为空间大,不怕用户会误操作。

2)去线化

去线化设计是极简主义的一大特征。在MOO音乐中,我没有找到一条分割线。要知道为什么MOO音乐可以选择去除分割线,我们首先要弄清楚分割线在界面布局中到底起什么作用。分割线主要是帮助用户区分界面中不同级别和维度的内容,完成信息层级的构建。

分割线可以分为两种:通栏分割线非通栏分割线。通栏分割线顾名思义就是指分割线贯穿整个屏幕,而非通栏分割线一般会留有缺口。要了解这俩的区别,我们可以看虎扑,虎扑之前的版本就是通栏分割线,而最新的版本中改成了非通栏分割线。

通栏分割线因为“分割”了整个屏幕,所以在内容区分上更加的明显,更能表现不同的模块之间的独立性。但是它的缺点在于线条的存在会阻碍用户的浏览视线,影响信息的获取效率。

  • 相关推荐
  • 大家在看
  • 做红人直播风口下的长期主义者

    距离 618 没几天了,红人直播行业已经进入最新一波的浪潮之巅。有人靠实力冲击新的高度,有人热闹中意外翻船,有人长线布局,有人投机取巧。众声喧哗之中,你我该如何找准方向、踩准节奏?

  • Facebook:白人种族主义账户因与危险组织有关被封杀

    Facebook星期二表示,它已暂时封杀与白人种族主义组织有关的账户,原因是宣扬暴力。被删除的白人种族主义账户与Proud Boys和另一个名为American Guard的组织有关存在关联。Proud Boys和American Guard已被Facebook定义为危险组织。此外,Facebook还删除了虚假声称效忠极左翼政治运动的账户,这些账户的目的是破坏极左翼政治运动的声誉。但Facebook高管表示采取?

  • 亚马逊CEO贝佐斯:取消所有会议纪念奴隶解放节 种族主义仍在

    亚马逊公司CEO杰夫·贝佐斯(Jeff Bezos)周二在一封发给全公司的邮件中称,他将在周五的“六月节”取消所有会议安排,并鼓励亚马逊员工也这么做,以拿出时间来“反思、学习以及彼此支持”。“六月节”时间为6月19日,旨在庆祝美国德州废除奴隶制。贝佐斯称,奴隶制很久之前就已经废除了,但种族主义依旧存在。(作者/箫雨)

  • 入门级录音笔 搜狗C1实用主义更值得首选

    6 月 1 日,讯飞发布智能录音笔AI,定位恰是入门级的录音笔。而早在 2019 年 3 月,搜狗就推出了智能录音笔C1,C1 更是 “智能录音笔”这一品类的开山之作。C1 虽然上市已一年之久,但依旧备受追捧,在京东/天猫双平台AI录音笔品类中是销量最高的单品,成为入门级录音笔的推荐的首选。同样都是定位入门级录音笔的讯飞AI 和搜狗C1 究竟谁更值得用户的首选呢?复古磁带机VS传统背夹式讯飞A1 采用了磁带机的复古外观设计,还赠送了四款

  • 亚马逊仓库工人怒指公司种族主义:无带薪假期只有鸡肉和华夫饼

    亚马逊包裹凤凰网科技讯 北京时间6月20日消息,亚马逊公司位于芝加哥的DCH1仓库为工人们提供了一份由鸡肉和华夫饼组成的“正宗餐点”来庆祝“六月节”,这让工人们十分愤怒。“六月节”旨在庆祝美国废除奴隶制。亚马逊DCH1仓库周四通知工人,他们将通过支持黑人企业的方式向黑人社区表达敬意,会在“六月节”当天为工人提供鸡肉和华夫饼。这份文件似乎被投放到了工人休息室的电视上。在亚马逊芝加哥工人的一个私下在线群里,工人们

  • 大发地产精准布局 构筑美好

    5 月 26 日,中国房地产业协会、上海易居房地产研究院中国房地产测评中心联合发布《 2020 中国房地产上市公司测评研究报告》,通过对房地产上市公司综合实力、盈利能力、抗风险能力、投资潜力和成长能力的综合评估,报告重磅发布 2020 中国房地产上市公司综合实力 100 强,大发地产凭借稳健发展实力荣膺“ 2020 中国房地产上市公司综合实力 100 强”第 70 位。财务严控 卓见成效大发地产一直追求稳健发展,密切监控各项财务指标,?

  • 苹果全新macOS界面大变 更像iOS生态融合趋势明显

    北京时间6月23日凌晨,苹果首次在线上举办全球开发者大会WWDC20。在本次大会上,苹果会照例对iOS、iPadOS、macOS、watchOS、tvOS进行更新,从每年WWDC的软件蓝图中,开发者和用户都能大致看到苹果未来产品的走向与大致定位,从今年的新iPad Pro定位直指电脑不难发现,苹果也势必会将旗下诸多OS做进一步融合。移动端设备介绍完之后,带来了macOS Big Sur全新电脑系统。这次更新非常巨大,将Mac原来的直觉?

  • Reddit禁止仇恨言论,删除2000个种族主义和暴力论坛

    Reddit周一在修订版禁止“煽动暴力或基于身份或脆弱性煽动仇恨”的群体或用户。它表示:“每个人都有权在没有骚扰、欺凌和暴力威胁的情况下使用Reddit。”

  • 大神重绘Win10锁屏界面:焕然一新

    一般电脑的开机流程往往经过BIOS界面、Windows载入界面,之后是锁屏和系统主界面。锁屏通常是大伙和Windows第一次交互的界面,尽管Win10对其进行了大刀阔斧的视觉调整,但依然没能俘获设计师v

  • 反种族主义紧要关头 苹果多样性和包容性事务副总裁离职

    苹果公司今天证实,公司负责多样性和包容性事务的副总裁克里斯蒂·史密斯(Christie Smith)将离职。眼下,美国非裔男子弗洛伊德之死已经引发全国性反种族主义抗议活动。史密斯在2017年加盟苹果,此前她在咨询公司德勤工作了16年。和她的前任直接向苹果CEO蒂姆·库克(Tim Cook)报告不同的是,史密斯向苹果零售业务和人力高级副总裁迪尔德丽·奥布莱恩(Deirdre O’Brien)报告。苹果在一份邮?

  • 索尼:PS5系统界面完全重构、与PS4 100%不同

    上周,公布了外形和首批游戏的PS5成了业内热门话题。会后,索尼一众高管也出面接受了采访、参与网上Q&A等,回答了不少发布会之外的疑问。其中,PlayStation UX设计高级副总裁Matt MacLa

  • 小米手机相册全量升级:14项更新 界面、动画大变

    今天下午,小米相机总监@Queena_小米,在个人微博提到,MIUI相册V2.2.16.4已全量发放,大家可以试用各种新功能。据了解,新版相册有14项更新内容,包括相册页支持切换列表样式、人物相册支持编

  • 华为Mate系列高端布局即将完成:Mate Watch、Mate Pod曝光

    Mate系列一直是华为高端产品系列的代名词。目前,除了Mate手机之外,华为还拓展了MateBook笔记本、MatePad平板等。最新消息显示,华为还将在下半年推出Mate Watch智能手表,还会有MatePod全新品

  • 芽芽故事布局品牌IP 独家上线“幼幼科学”系列

    近日,国内知名有声阅读平台懒人听书旗下早教绘本产品芽芽故事APP推出了一套集合了有声、动态、益智游戏多种元素的幼儿启蒙认知绘本——“幼幼科学”系列课程绘本。作为自制品牌IP的重磅内容,“幼幼科学”系列由芽芽故事专业团队倾心打造,结合权威早教理念与幼儿认知体系,科学设计故事内容,匠心打磨动态画面和互动游戏,一经上线就获得众多家长的好评。 科学分龄阅读,循序渐进启蒙孩子思维 据了解,“幼幼科学”系列课程绘本

  • 百度搜索界面改版 按钮变圆润页面更加整洁

    近日,有网友发现百度搜索首页以及百度搜索结果页出现了改版的情况,相比旧版,新版的百度搜索按钮更加的圆润,同时蓝色色值从#3385ff改成#4e71f2,并且搜索结果页面的区域划分更加明显。

  • 优酷APP 9.0正式发布:全新界面 将推出“优酷号”

    优酷APP 9. 0 版本正式发布,首页全面改版,重点凸显了PUGC(专业用户生产内容)、短视频等内容,以双瀑布流的形式展现。

  • 频繁布局的西瓜视频,能为视频创作者带来什么?

    用苏格拉底的“麦穗理论”和近代数学的“秘书问题”推导找到真命天子概率、用统计学算出考清华和中500万哪个更难、用费米悖论探讨外星人是否存在……<br/>

  • 稳健医疗:数字化建设、信息化布局助力“抗疫”

    6 月 12 日,深圳市政府新闻办公室在市政新闻发布厅举行(工业和信息化专场)新闻发布会。深圳市工信局局长贾兴东在会上介绍了深圳工业和信息化领域贯彻落实全国“两会”精神,落实“六稳”、“六保”的工作,推动产业发展有关情况,以及深圳工业和信息化领域抗击疫情工作中的亮点,并充分肯定了稳健医疗等企业在此次全球战疫中,贡献了“深圳力量”。新闻发布会现场稳健医疗用品股份有限公司董事长李建全受邀出席新闻发布会,并做

  • 全面布局无线化 Quick BI赋能企业“随时随地,智能决策”

    “Quick BI未来将更加聚焦与钉钉的协同合作。”在日前结束的阿里云线上峰会上,阿里巴巴集团副总裁、数据技术及产品部负责人朋新宇介绍了Quick BI的升级方向,并表示,升级后的Quick BI将进一步帮助企业实现“随时随地,智能决策”。组织在线+数据在线 Quick BI深度融合钉钉移动场景随着移动办公日渐常态化,越来越多的企业需要在移动场景下进行使用数据——但新的使用场景,也给企业带来了新的挑战。对大型企业而言,虽然能够通过

  • 微信开放MCN入驻,商业化布局再落一子

    ​微信的商业化场景日渐清晰,从产品形态上可区分为社交生态、内容生态、交易生态和开放生态。每个生态不仅有重合之处,而且都拥有巨大的资源供商家使用。近一年多以来,微信在商业化的道路上,步伐也迈得越来越大。

  • 参与评论
文明上网理性发言,请遵守新闻评论服务协议