Loading [MathJax]/jax/output/CommonHTML/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >谈一谈手机UI设计发展趋势【萧蕊冰】

谈一谈手机UI设计发展趋势【萧蕊冰】

原创
作者头像
萧蕊冰
修改于 2020-06-24 06:41:16
修改于 2020-06-24 06:41:16
9360
举报
文章被收录于专栏:UI设计-萧蕊冰UI设计-萧蕊冰

今天这篇文章是浅谈一下手机UI设计发展趋势。移动端的UI设计是UI设计的一个分类,而手机则是移动端最重要的一种,那么随着互联网时代的发展,手机的UI设计也是在不断的适应这样的快速发展,下面萧蕊冰来说一下未来的一个手机UI设计发展趋势。

其实我们日常看到的大多数设计元素都来自印刷出版物和美学先驱,如果要追溯扁平化设计的起源时间及地点,可能有些难度。而在UI设计发展的历史上,拟物化与扁平化经常发生对立,各持一方,孰优孰劣应该交给时间来评论。就目前而言,UI设计似乎都在朝着扁平化的风格方向发展,似乎这也预示着信息化的发展。

扁平化

在数字领域,Metro Design是平面设计领域最经典的案例,是微软基于设计语言设计的一种界面风格,最早用于微软的Zune播放器,后在微软的Windows Phone 7同样使用了该设计,后来的windows 8也使用该设计来适应平板触控设备。Metro作为一种文字导向(typography-based)的设计,比起其他UI设计风格更加注重字体。

微软Metro Design

说到谷歌material design的中文译名有多种,“材料设计”、“材料学设计”等等,但最准确的应该是“质感设计”,目前这种设计语言在手机、平板电脑、台式机和“其他平台”提供更一致、更广泛的“外观和感觉”。可以让颜色更鲜艳,动画效果更突出,谷歌的想法是让谷歌平台上的开发者掌握这个新框架,让所有应用拥有一个统一的外观,让用户得到连贯体验。

Material Design

自从苹果发布iPhone 5s同时推出iOS 7系统以来,苹果系统扁平化的风格就随之而来。这个设计灵感来自德国已故传奇设计师Otl Aicher,由Jonathan Ive主导的iOS 7,完全抛弃了立体、逼真、细节,取而代之的是扁平、线条简单、色调明亮的色块。不过苹果的设计里,阴影,渐变,高光甚至纹理很多效果都依然还在,所以苹果的“扁平化”并非真正的“扁平化”。

拟物化

所谓拟物,必须是现实世界中已经有的物体,而且是人们日常的生活中经常使用的物品。人们生活中使用过的东西都在或多或少地模拟现实世界出现的同类事物,这就是“拟物化”。这种拟物设计的初衷是让人们更好更形象地理解系统所要表达的功能,它会花额外的精力描绘UI细节和装饰。这类设计不仅体现在图标的拟物化思路上,还可以用动态过程表达出来。

拟物在UI设计上的精髓在于帮助用户理解某款应用或某个按钮的功能,拟物在数字世界中的应用可以追溯到上世纪80年代,虽然并非苹果首创,不过却是1984年苹果商用的首款用户GUI向大家很好地诠释了具有拟物特色的桌面和图标——它们与现实世界中的文件夹、纸张非常相似,随后这种设计思路一直被沿用至今,成为数字世界中的主流设计。

在iOS6之前的版本,已经把拟物推到了一个非常高的高度,视觉上每一处的纹理、阴影、质感,每一个细节都经过精雕细琢,堪称完美。这个时候想要有所超越,尤其是想要在拟物这条路上有所超越,已经非常困难。而且人们生活中的东西是非常有限的,而我们熟知的日常物品也在不断被替代,应用的功能创新,很难找到现实生活中的物来拟,拟物的风格会限制住创新应用的发展。

拟物化向扁平化转变

在功能机盛行的时代,拟物化风格大受欢迎,由于一部功能机并不像现在智能机那样拥有那么多功能和软件拓展性,功能机通常只需要相机、指南针、时钟、收音机、录音机等等常见的功能加上打电话发短信这些必备的功能即可,所以拟物化可以很轻松让大家接受,包括早期的iOS系统Icon设计也是偏拟物的设计,这个设计一直延续到iOS 6达到一个顶峰。

拟物化设计在功能机年代对于老人小孩非常喜欢,几乎不用学习就会使用。随着智能机和数码设备的普及,一个万能的手机获得了更多人的青睐,成了拟物化没落的起始点。在2013年WWDC大会上,苹果发布了基于扁平化风格设计的操作系统iOS 7,新的设计去除了之前的拟物化纹理和质感,将细致细微的动态效果和功能图融为一体,使界面更简洁。

还有一个不可忽略的因素就是审美疲劳,那个功能机时代,GUI设计是普遍认可的设计美学。网页中广受欢迎的产品通常都有一些类似的设计美学,比如一些立体、内阴影、外阴影等。对设计师来说,他们会以实现这种界面感到自豪。不过设计通常都是简久必繁,繁久必简。 不管是制作方还是用户,都会审美疲劳。就算不疲劳,有些产品需要标新立异,与众不同。

最终,随着时代的变迁,拟物化的设计属性越来越少,从而慢慢变成为一种视觉装饰风格,作为一种设计,拟物化的好处会越来越少,而随之带来的开发成本增加、审美疲劳等问题,使得用它的理由越来越少了。不过拟物化并没有消失,一方面风格这东西不存在好坏,总会有一部分人喜欢,另一方面个别程序需要趣味和亲和力,也确实有必要用到拟物化。

未来——场景化

“场景”无处不在,特定的时间,地点和人物存在特定的场景关系。随着互联网平台间竞争的日益加剧,产品同质化现象越来越严重。竞争日益胶着的行业现状,促使一些平台开始向场景化方向发力,寻求新的突破。随着各种模式的不断完善,让更多基于衣、食、住、行的各种各样的场景被创造出来,这种“场景化”趋势也成为了未来的发展方向。

未来,真正具有场景化的产品必须能主动感知场景的到来,将时间碎片整合。举例来说,现有很多运动类的APP,这些APP能够根据GPS、传感器记录步速、距离等信息,帮助用户合理规划运动,不过,目前的大多数软件都需要先手动启动APP。前段时间,美国已有一家公司基于“场景感知”的理念,开发出了新一代跑步APP可感知场景从而进行相应的操作。

当然,就目前而言,扁平化的极简风格还是迎合了大家的审美很难被取代。不过还是那个道理,随着时代的发展、科技的进步,加上人们审美疲劳,未来扁平化风格必然会调整方向甚至被其他设计所取代。设计风格和其所在时代的技术息息相关,大趋势还是简化,例如近些年提出的3D全息UI概念,3D化的界面比2D更贴近真实,能更好的完成交互。

任何领域,从繁到简都是一个趋势,UI设计只是一种表达,更重要的是其背后的人机交互。不得不说,一项好的产品必须能够做到在恰当的时间、恰当的地点将恰当的信息推送给需要的用户。场景化设计现在看来还太美好,但相信科技的发展,未来一旦实现场景化,那时的人机交互将会变得非常简单。

以上就是今天的手机UI设计发展趋势相关分享内容。关于未来的手机UI设计,会随着互联网的发展而迅速变化,场景化算是未来手机UI设计发展趋势之一,这是一个大趋势,随着科技的发展,这个趋势会变得越来越明显,我们也可以在这个大趋势中实现自己的设计目标。本篇就分享到这里,更多UI设计相关分享经验可以持续关注萧蕊冰

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
工具推荐03|发现惊艳设计,审美快速升级
第一期工具推荐节目提到了“利用工具,将一个人打造成一支互联网团队“,介绍了互联网公司的主要角色:产品经理,开发,设计,运营,测试。为了每个人都可以独立创造一款移动互联网产品,我们需要想办法让自己变成一个“设计师”,那我们先来看看设计师是如何工作的。
用户2559057
2018/08/27
6400
工具推荐03|发现惊艳设计,审美快速升级
设计师会编程、程序员懂艺术:Semi Flat Design
本公众号定期更新关于 设计师、程序员发挥创意 互相融合的指南、作品。 主要技术栈: nodejs、react native、electron 本号正在更新的系列有: 写给设计师的人工智能指南 移动App设计之xxxx 数据爬取及可视化系列 技能之xxxx 读书笔记 还有其他杂文。 欢迎关注,转发~ 本文为系列文章: 设计师会编程、程序员懂艺术 的第2篇。 往期直达: 01设计师会编程、程序员懂艺术:设计规范 以下为正文 ---- Semi Flat Design 半扁平化设计 设计师、程序员需要了解的最
mixlab
2018/04/17
2.5K0
设计师会编程、程序员懂艺术:Semi Flat Design
UI设计丨一款没有美感的产品真的能拿出手吗?
视觉作品本身带着很强的个人属性,除了审美问题,更让人头疼的是,很多人为了模仿而模仿,而不是按照自己的产品需求设计版面,最终呈现的作品既没有自己的风格,也没有别人的舒适。
齿轮易创说互联网
2019/03/15
7370
Material 还是扁平化?开发者还有第三个答案
2011年,拉里·佩奇担纲谷歌CEO之后,改变谷歌工程师主导的文化,其中一项重要行动便是,下令谷歌设计师将谷歌旗下所有产品重新设计。谷歌启动“肯尼迪”项目,召集公司里的骨干设计师,重新设计Google的每一项产品,寻找一种共同的设计语言。三年后即2014年的Google I/O大会上,MaterialDesign被隆重介绍,MaterialDesign提取自卡片的材质和真实的光影,在UI 设计上提取出具体的物理细节,只保留物理特效、光影和层次,能够实现不错的动画效果,它在繁复的拟物化设计与极简的扁平化设计之
罗超频道
2018/04/27
1K0
Material  还是扁平化?开发者还有第三个答案
2020年最值得关注的10个UI设计趋势
这篇文章来自 UI 设计师 Diana Malewicz,她在日常工作中会非常注意 UI设计的流行趋势,而这篇总结就是她梳理总结的10个小趋势。它们更多的是偏向 UI 视觉方面,并不涉及到体验和交互。
用户1730674
2020/06/17
5440
十大令人振奋的移动端APP设计趋势
原文出处: Medium 译文出处:优设网 - @陈子木 从 移动端兴起,主流设计风格定型,再到Uber、Vine等现象级APP的崛起,移动端的APP设计直到现在才渐入佳境。促成这一切的影响因素很多,比如社 会发展趋势的变化、共享经济的大热、新技术的积累,等等等等。这些事物的出现需要时间积累,这也是为什么这些应用到现在才火起来。 同样的,今年我们要关注的是定型了的巨屏手机和逐渐沉淀下来的可穿戴设备。 随着日常生活中所涉及到的移动端应用的增加,用户在这些东西上的所耗费的精神和脑力也越来越多。查看邮件、
wangxl
2018/03/07
9910
玻璃拟态(Glassmorphism)会成为 UI 的新趋势吗?
静电说:继新拟物在2020年成功吸引设计师的目光之后,另一种“拟态”--玻璃拟态(Glassmorphism),再次拉回设计师的眼球。静电仔细一看,这不就是前几年的毛玻璃效果加上更多的“磨砂”感吗?好吧,可能我理解的还有偏差,那么什么是玻璃拟态呢?来读一读这篇Boxi翻译的文章,一探究竟。
用户5009027
2021/02/05
1.6K0
为什么大家都爱极简主义设计
简约并不意味着原始,这是两个截然不同的概念。而极简主义设计种大量的留白也并不等同于空。
宇相
2018/08/06
7160
为什么大家都爱极简主义设计
5个要点,帮你打造爆款轻量级APP
在移动互联网去中心化发展的大背景下,近年不少轻量化产品大热,界面设计的轻量化可谓是一个主流趋势。轻量化不光意味着风格简约,更为重要的是轻量化使得界面中的信息传达更加准确直观,层次感与结构性更加分明。 闲话休提,接下来小编就给大家介绍轻量化设计的五大干货! 一、极简配色 2016年秋发布的亮黑色iPhone7为何成为黄牛争相炒作的对象?两个字:纯净。这个道理放在设计领域也是同样,五彩缤纷的时代已经过去,设计师需要以干净的界面抓住用户,就必须在配色上非常审慎。所谓极简配色,设计师需要从三方面着手考虑: 1. 此
BestSDK
2018/02/28
9940
5个要点,帮你打造爆款轻量级APP
再见Metro,Windows 10通用应用设计趋势分析 - 腾讯ISUX
众所周知,当初微软在Windows 8上做了非常大胆的变革,除了开创性的Metro设计语言,传统桌面和平板两种模式的融合也是一大特色,可这两种操作模式在使用体验上的不一致也成为Windows 8饱受用户诟病的原因之一,但微软自始至终都朝着平台大融合的目标坚定前行着。 经过一路探索,微软终于通过在Windows 10系统的公布,展示了一个更加清晰明了的战略方向:构建一个面向全部Windows设备的核心操作系统。下面,本文就通过系统新特性和已公布的通用应用,来简单分析一下Windows 10通用应用的设计趋势。
腾讯ISUX
2018/06/29
1.2K0
新拟物化UI设计
新拟物化,是在扁平的基础上呈现真实物体质感的设计风格, 核心思想是模拟光的斜向照射效果 ,用阴影显出“高光”和“阴影”。 新拟物界面设计(Neomorphic UI Design)是2020年在互联网上非常火热的一种前端界面设计方式, 这种设计风格在传统的扁平的基础上增加了拟物的投影效果,从而提升了界面的立体感,又比拟物的效果更加轻盈、简洁,因此整体视觉体验是简约但又有惊喜。
不愿意做鱼的小鲸鱼
2022/09/26
1.1K0
新拟物化UI设计
2018年3大UI设计趋势,你知道吗?
以下内容由Mockplus团队翻译整理,仅供学习交流,Mockplus是更快更简单的原型设计工具。
奔跑的小鹿
2018/02/12
8860
2018年3大UI设计趋势,你知道吗?
游戏UI与手机UI设计有什么区别-萧蕊冰
本篇讲的是有关游戏UI与手机UI设计的,主要是两者之间的区别有哪些。游戏行业现在已经成为国内最有前途的行业之一,从事这一行业的人也不在少数。而游戏行业中的UI设计师又是最热门的一个岗位之一。现在,手机已经成为人们每天的必备品,用户的需求正在井喷式蔓延,炫酷的手机游戏、高端的界面享受,UI界面是俘获用户的关键。今天就谈一下游戏UI与手机UI设计有什么区别。
萧蕊冰
2020/06/24
1.6K0
iOS 15 要来了!UI 焕然一新,分屏显示,iPhone 7以下机型不支持
---- 新智元报道   来源:macrumors 编辑:yaxin、LQ 【新智元导读】苹果官宣,WWDC21 全球开发者大会将于北京时间 6 月 8 日凌晨 1 点开幕。本次大会上,苹果带来了众多软件的更新,尤其iOS 15。此外,爆料消息称,全新MacBook Pro即将亮相。 「转眼就到」 6月8日,又要熬一波夜了。 今日,苹果官方宣布,WWDC21 全球开发者大会将在将于北京时间 6 月 8 日凌晨 1 点开幕。 在 2021 年的 WWDC 上,苹果将正式宣布其下一轮的软件更新,包括 i
新智元
2023/05/22
5530
iOS 15 要来了!UI 焕然一新,分屏显示,iPhone 7以下机型不支持
PHPer 学产品[2]|扁平化设计
概念 ---- 所谓扁平化设计,国际上流行的称呼叫“Flat Design”,其实比较适宜的称呼应该是“Minimal Design”,或“Honest Design”。此设计的目的在于去除冗余、厚重和繁杂的装饰效果。而具体表现在去掉了多余的透视、纹理、渐变以及能做出3D效果的元素,这样可以让“信息”本身重新作为核心被凸显出来。同时在设计元素上,则强调了抽象、极简和符号化。 案例 ---- 微软的 Metro Design,后因为商标问题,更名为Modern Design,它还有一个主页:htt
猿哥
2019/07/25
7880
触摸未来:为什么说AR是未来最重要的人机界面?
在我小时候,对二郎神这个角色甚是喜欢,尤其是他眉心之上的第三只天眼。不仅仅具备遥望千里之外的超视距能力,更能洞察周遭一切,连孙悟空变化出来的幻相,也能最视真实。我知道,人们一直希望在感官能力上有所突破,获得天眼通般超视距的能力,以及透视眼窥其事物本质的能力。事实上,今天的手机,已经让我们具备了千里传音的能力。那么在感官方面,或许AR技术已经帮我们达到了新的境界。 AR,Augmented Reality,增强现实,也叫做扩增实境。它是在现实上叠加一层虚拟现实,进而扩展人类感官,与现实产生更深刻互动的一项
小莹莹
2018/04/20
7810
触摸未来:为什么说AR是未来最重要的人机界面?
了解这些知识点,扁平化UI设计轻松搞定
在当今信息爆炸的文化背景下,人们每天要通过过手机APP接触巨大的信息流,然后再持续的进行评估、过滤并且再加工,具有认知上的负担,扁平化UI设计更加适合信息碎片化的传递方式。
用户5009027
2019/09/03
9980
了解这些知识点,扁平化UI设计轻松搞定
2018 UI + 交互 流行趋势(案例)汇总
设计趋势往往会受到当今主流媒体,技术的发展,时尚趋势等等影响,设计趋势一般是慢慢形成的,循序渐进的。当然,随着时间的交替也会以同样新旧交替的形式变得落后。2018年的设计趋势将继续延续2017的设计形式,同时也增加了许多新的方式,下面我们就一起来扯一扯。
宇相
2018/08/06
7510
2018  UI + 交互 流行趋势(案例)汇总
全网Bento和3D?点评2024年UX/UI设计趋势
2024年已经到来,对于UX/UI设计领域来说,这可能是过去若干年来UI / UX趋势最统一、最确定的一年。在接下来的文章中,笔者将在点评各个设计趋势的同时,分析现象背后的原因,并给新入行的设计师一些成长的建议。
奔跑的小鹿
2024/02/18
5100
全网Bento和3D?点评2024年UX/UI设计趋势
扁平化≠简单,详解扁平化界面设计的套路
扁平化并不是简单的删除多余的修饰效果,毕竟用几根简单的线条和几个色块来表达主题,并没有用模拟真实物体表达来的那么直观、容易。简约的界面设计需要设计师,拥有更加准确的视觉传达能力,要运用抽象而又严谨的逻辑思维方式,加上精准的归纳总结才可以完美的表现出来。
用户5009027
2019/06/02
1.4K0
推荐阅读
相关推荐
工具推荐03|发现惊艳设计,审美快速升级
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档