文章分析了 UI 从无到有的流行趋势过程,从最初的拟态设计到当下设计,给出发生设计趋势变化的背景和原因,帮助大家理解设计在每一个时期与人们需求之间的关联,随着人们在每一个时期需求的不同,设计趋势也随之改变。文章还尝试预测新的UI界面趋势,大胆提出变形设备的想法,给予设计者一些关于未来新的思考和指引。
从拟态到当代设计等等:
01 如何破冰?当之一部 iPhone 推出时,使用多点触摸手势与小型设备进行交互的想法非常新颖。为了使人们与界面交互更加舒适,最初的设计使用 Skeuomorphi *** (拟物化)设计 UI 界面。
往昔时光的设计:它可能看起来“过时”,但绝对可爱。
基本上,拟物化意味着采用了“现实世界”元素,例如,书籍的木制书架,笔记本的皮革装订和翻盖式 CD 封面,这些物理世界的常见元素会帮助你快速理解数字世界。通过使用熟悉的对象,它降低了新用户的进入门槛。该界面与你之前见过的任何东西都不相同,但是你依然感到很熟悉。
02 人们习惯了触摸设备当人们渐渐习惯了使用手机,(在手机上的)木头,金属和皮革元素开始显得过时和无聊。我们渴望新鲜而灵活流畅的、更接近数字化的新事物。
更加扁平化吗?我们之所以有这样的需求,归结为我们了解手机屏幕是“平面”的这一事实。伪 3D 元素和真实世界的纹理在心理上与这种“平面”产生了冲突,从而产生了不和谐。
由于我们手机的玻璃是100%平面的,因此界面看起来像是内置的立体模型
03 扁平化来了!所以随着 2013 年 iOS 7 的发布,Apple 决定“走扁平化”风格。大多数阴影都消失了。现在,按钮大多只是文本链接。一切都是二维的,没有伪 3D 模型。
人们讨厌它!扁平化的想法来源于我们认为界面本就是平面的 —— 一堆像素显示在平坦的表面上。尽管准确而当代化,但人们意识到有些东西丢失了,失去了将按钮按下而不是触摸平坦表面的趣味。
Windows Phone 尝试了这种大胆的 *** (并且是以一种非常漂亮的方式),但是这种“无乐趣”的感觉以及几乎没有应用程序支持配合,导致了该平台被终止。
显然,我们喜欢那种错觉。
扁平化使界面更贴近玻璃,但缺少来好玩的趣味性
04 我们需要真实的“质感”Google 在 2014 年推出了“Material Design”(材料设计语言)。基于 Android 的数字产品设计系统的基本原则是使用层级的概念。它不再单纯依靠 X 和 Y 轴,而是又引入 Z 轴的概念。
与其他界面元素(例如按钮和表格堆叠在卡片上的设计概念,是对 iOS 7 单调乏味的扁平化进行了一次不错的升级。深度为界面元素赋予了层次和用途。它还有助于更快地使用户识别它们的含义。比起平坦的形状,投射阴影的按钮更容易识别为按钮。
从侧面看,我们可以看到每个对象在 Z 轴上占据了自己的空间
材料设计语言让一切变得简单为了更加简洁,它是扁平化和极简化(卡片)的结合,并从拟物体时代提炼了“深度“这一维度的概念。设计师不再试图假装我们的界面是由木头,皮革或金属制成的。它由“数字”卡制成,但具有空间感和深度感。
因此,在某种程度上,它既保留了极简主义又保持了清晰感,同时又添加了急需的“有趣”元素,既保留了以前的风格,又融合了两种风格。
由于它最初只有 Android 系统使用,因此我认为它并不是一个完整的趋势,而是向当前设计趋势的良好过渡,这个转变在当时是非常必要的。
在拥抱扁平化的变革时,大多数应用程序外观同质化的速度越来越快
05 然而,材料设计语言更快变得枯燥由于有严格,有据可查且易于遵循的规则,Material Design(材料设计语言)很快就被应用到几乎所有的 Android 系统上。
编辑导读:一个优秀的产物操盘手,对付产物的各个环节必然是清楚而且能落地执行的。本文作者从一次足疗店的体验之旅出发,对店家的销售环节举办了梳理阐明并总结了关于产物运营上的一些思考,一起来看看。 体验是...
编辑导读:直播带货从去年开始就不绝地在制造销量古迹,在人人都可以带货的海潮下,各大长视频平台也在朝着直播带货的偏向打击。长视频和短视频固然只差一个字,但其背后的贸易逻辑和偏重点完全差异,长视频平台想要...
编辑导语:智能家居,是以住宅为平台,操作综合布线技能、网络通信技能、 安详防御技能、自动节制技能、音视频技能将家居糊口有关的设施集成,构建高效的住宅设施与家庭日程事务的打点系统,晋升家居安详性、便利性...
随着互联网行业的发展,许多产品都实现了从0到1的过程,渐渐地,很多产品的重心,都转移至如何实现从1到100,到10000的过程。而AARRR模型作为一个经典的增长漏斗模型,也时常被人所提及讨论,本系列...
在《从 0 到 1 做短视频社区(1):初期起量阶段》一文中,详细的阐述了短视频社区在第一个阶段的经历和方法论。经过第一阶段,此时健康的短视频产品应该是数据上升期,但留存处于次留高,长留低的衰减曲线,...
编辑导语:产物设计类群面很常见,本文作者对一个产物设计口试题举办拆解,为我们阐明白后疫情时代的“在线集会会议”的办理方案,并阐释了拿到题目之后的思考偏向,但愿对你有所开导。 一、题目 1、疫情配景下...