发布时间:2024-08-16 20:19:33 浏览量:205次
新拟态设计与扁平化设计截然不同,它给界面元素增加高光、渐变和阴影,为UI元素赋予更真实的感觉。本文围绕新拟态设计展开讨论,希望可以给您带来启发。
在新拟态设计出现之前,产品普遍采用扁平化设计风格,扁平化设计强调将界面元素扁平化处理,特点是去除高光、渐变、阴影等元素。
新拟态设计是一种具有流线感的设计风格,介于扁平化和投影之间,强调元素增加高光、渐变和阴影,赋予UI元素真实感。
新拟态风格特点:
①投影和高光形成立体感,元素具厚度但边缘柔和,呈现无纹理的拟物风。
②色彩使用克制;
③整体元素只有一个光源照射,产生明暗对比。
④元素与背景色相近,视觉柔和。
⑤按钮状态表现为凹凸效果,呈现选中状态的内阴影处理。
新拟态设计风格常见样式简洁,有时会采用渐变呈现元素质感。
继续阅读关于新拟态设计的内容,请点击点击咨询
新拟态设计虽然赋予界面真实感,但也存在一些明显局限性,例如弱清晰度、尺度把握难度高、视觉层级关系不明确等问题。
新拟态设计对视力等方面有特殊要求,设计时需兼顾各类用户需求。
综上所述,新拟态设计在特定情境下适用,但在复杂页面或控件中需谨慎使用,同时要注意隐喻性和残障人士使用情况。
新拟态设计适用于工具型产品,如笔记类、天气类、时钟类等固定场景产品,但在复杂页面中应慎用,保持风格兼容性。
针对新拟态设计的具体应用案例,可关注下一篇文章的相关内容。
由@产品秘阁原创发布,未经许可,禁止转载
图片来源:Unsplash,基于CC0协议
想了解更多关于UI设计相关信息,请点击火星时代教育进行咨询
热门资讯
想要了解iPhone6界面设计的尺寸规范吗?这里为您详细介绍iPhone6的UI设计尺寸规范,包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
3. 移动端UI设计中常见的5种APP界面类型,你get到了吗?
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型,帮助大家更好地了解UI设计的基本知识
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程,以及培训后的职业发展机会。
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
想了解武汉UI设计培训班的费用是多少吗?不知道学UI设计要花多少钱?不妨看看这篇文章,了解UI设计培训班的学费价格以及学习内容。
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
同学您好!