新拟态设计,你了解未来的设计趋势吗?

发布时间:2024-08-16 20:19:33 浏览量:205次

新拟态设计,你了解未来的设计趋势吗?

新拟态设计与扁平化设计截然不同,它给界面元素增加高光、渐变和阴影,为UI元素赋予更真实的感觉。本文围绕新拟态设计展开讨论,希望可以给您带来启发。

新拟态设计

一、设计师Alexander Plyuto的作品

Alexander Plyuto作品

在新拟态设计出现之前,产品普遍采用扁平化设计风格,扁平化设计强调将界面元素扁平化处理,特点是去除高光、渐变、阴影等元素。

扁平化设计

二、什么是新拟态设计

新拟态设计是一种具有流线感的设计风格,介于扁平化和投影之间,强调元素增加高光、渐变和阴影,赋予UI元素真实感。

三、新拟态特点

新拟态特点新拟态特点

新拟态风格特点:

①投影和高光形成立体感,元素具厚度但边缘柔和,呈现无纹理的拟物风。

②色彩使用克制;

③整体元素只有一个光源照射,产生明暗对比。

④元素与背景色相近,视觉柔和。

⑤按钮状态表现为凹凸效果,呈现选中状态的内阴影处理。

新拟态效果图

新拟态设计风格常见样式简洁,有时会采用渐变呈现元素质感。

继续阅读关于新拟态设计的内容,请点击点击咨询

四、新拟态的局限性

新拟态设计虽然赋予界面真实感,但也存在一些明显局限性,例如弱清晰度、尺度把握难度高、视觉层级关系不明确等问题。

新拟态设计对视力等方面有特殊要求,设计时需兼顾各类用户需求。

新拟态局限性

综上所述,新拟态设计在特定情境下适用,但在复杂页面或控件中需谨慎使用,同时要注意隐喻性和残障人士使用情况。

五、新拟态的适用性

新拟态设计适用于工具型产品,如笔记类、天气类、时钟类等固定场景产品,但在复杂页面中应慎用,保持风格兼容性。

针对新拟态设计的具体应用案例,可关注下一篇文章的相关内容。

由@产品秘阁原创发布,未经许可,禁止转载

图片来源:Unsplash,基于CC0协议

想了解更多关于UI设计相关信息,请点击火星时代教育进行咨询

热门课程推荐

热门资讯

请绑定手机号

x

同学您好!

您已成功报名0元试学活动,老师会在第一时间与您取得联系,请保持电话畅通!
确定