扫码登录 我要学设计网
设计师的职业进阶课堂

微信扫码登录 | 方便安全省心

时隔一年,重新感受新拟态设计风格

设计的纬度 2021年03月27日 发布 / 778 次阅读

曾经被狂热追捧的新拟态设计风格,如今的应用情况如何?体验了十余款移动端应用之后,选择其中四款与大家奉献。


Alexander Plyuto https://dribbble.com/shots/7994421-Skeuomorph-Mobile-Banking


2019年底新拟态设计风格横空出世并逐渐为大家熟知,至今已有一年多。从新拟态诞生之初设计圈的狂热,到后来大家逐渐发现新拟态的局限性,渐渐地新拟态设计的热度慢慢下降。似乎这种设计风格更多地只是存在于概念稿之中,与复杂的商业项目格格不入。


但庆幸的是有一批设计师及团队仍然在坚持探索,默默寻求新拟态风格与商业项目更好的结合方式,为UI界面设计行业带来更多的方向与灵感。


在这里与大家分享一些目前应用了新拟态风格的移动端应用。




有道云笔记

工具 笔记类/iOS版本7.0.0


产品体验:有道云笔记是一款多平台记录工具,同时自带扫描,语音输入,Markdown,收藏等诸多辅助功能。有道云笔记为了适应多种工作场景,多种工具平台,本身功能及界面已经相对复杂,这为新拟态风格的应用带来了不小的挑战。


产品截图:



设计思考:虽然新拟态风格自身有一定的局限性,但是可以看到有道云笔记并没有放弃新拟态风格应用的探索,并且以一种平衡,克制的手法表现在界面上。有道云笔记采用新拟态与简洁扁平结合的方式,在局部功能按钮或者顶部栏使用了新拟态设计风格,给用户带来细节上的惊喜,同时保证了界面的可读性以及视觉层级的区分。


这是一种新拟态设计应用的思路,避开了新拟态弱对比、层级不清晰的缺点。有道云笔记在复杂的页面保持克制,在简单的页面则更多地运用新拟态风格,这是一次考虑权衡充分的风格尝试。


风格混合的方式也带来了一些新的思考,我们在做界面设计时要多加斟酌:如何保证两种风格兼容,不突兀?同一页面,使用新拟态的部分明显更吸引用户注意,这是我们想要的吗?




谜底时钟

工具 时钟类/iOS版本1.4


产品体验:谜底时钟是一款精美的时钟应用,是一款设计简约的工具类应用。工具类的设计上使用新拟态风格会比较讨巧,通常都有不错的效果。


产品截图:



设计思考:从视觉层面上看,谜底时钟的风格应用全面,与功能结合得比较好,同时也做了一些动效的结合。同时避免了新拟态的隐喻方面的一些问题。



左图是我体验的另外一款时钟类工具。在我体验左侧应用的时候,我把中间四块区域都点击了好几遍(尤其是周五及日期那两块),结果并没有任何反应。后来我才发现这款应用所有功能都收在右上角的设置里面,中间区域并没有任何点击热区。


导致我这么操作的原因主要有两个,一个是功能的层级太深。另外一个是新拟态风格有一定隐喻性,它会引导用户点击或者让人觉得这是一个功能按钮/卡片/容器,按照我目前的理解,这个区域要么足够大(针对于卡片/容器作用),要么足够小(针对于功能按钮)。介于两者之间则容易让用户误会或者忽略。




什么天气


工具 天气类/iOS版本1.2.3


产品体验:谜底时钟是一款精美的时钟应用,是一款设计简约的工具类应用。工具类的设计上使用新拟态风格会比较讨巧,通常都有不错的效果。


产品截图:



设计思考:这款应用将天气信息与新拟态风格生动的结合,尤其是天气图标动效的结合,使得界面变得生动富有趣味性。同时通过新拟态的设计风格,天气信息也被高效地传递给用户




万能遥控器

工具 遥控类/iOS版本1.0.3


产品体验:万能遥控器是一款万能遥控器,用户可以通过该应用链接各种家电设备。


产品截图:



设计思考:这是一个功能稍微复杂点的工具应用。界面复杂就容易出现层级不清晰的问题。这款应用主页面将新拟态与卡片相结合,借助卡片加强界面的层级落差,目前来看结合的效果不错。从整体来看,这款应用风格应用比较全面类似于新拟态的分割线、输入框。主页的时间区域也用凹陷处理,就是为了避免误会。



以上就是筛选出来并被体验过的新拟态移动端应用,大家如果有好的案例可以留言告知,一起学习一起进步!




新拟态风格设计目前还需要注意的点


1. 复杂页面或者复杂控件需要慎重/克制使用新拟态设计风格;

2. 如果是混合使用新拟态设计风格,需要多多考虑风格兼容以及视觉重心的问题;

3. 新拟态凸起的形态有一定的隐喻性,应避免让用户误解。



作者:设计的纬度, 公众号:设计的纬度