找回密码
 注册
搜索
热搜: 活动 交友
查看: 156|回复: 0

向同质化的转变

[复制链接]

2

主题

0

回帖

8

积分

新手上路

积分
8
发表于 2023-12-17 16:14:42 | 显示全部楼层 |阅读模式
以下原因可以很好地概括Neumorphism如何成为一种优秀的设计方法,可以为用户创造引人入胜的用户体验。 创建 Neumorphic 设计使用单色调色板来实现交互元素和背景。交互式元素包括开关、进度条、按钮等。内部和外部阴影用于实现类似渐变的效果,为各种元素提供提升、挤压的外观。这些阴影和效果创建了用户喜欢的 3D 交互 UI。 使用 Adob​​e XD 等设计软件创建 Neumorphic 效果。 CSS 代码还可用于实现 Web 应用程序的拟态布局。 允许您进行实验 如前所述,同态设计大多是单色的。不过,您可以通过向按钮、图标和开关添加不同的颜色来尝试设计,确保它们具有较低的对比度。低水平的阴影和对比度营造出可交互元素的印象。 只要您选择的颜色不会干扰设计,设计师就可以进行尝试,直到他们想要选择一种与调色板相匹配并吸引用户注意力的颜色。使用这种设计的主要目的是让按钮感觉栩栩如生。

UI设计的实现 由对比色、阴影和其他亮点制成 电话号码清单 的拟态设计可以有效地代表您的网站,并使用户愿意与之互动。只要阴影级别和对比度级别清晰传达,Neumorphic UI 设计通常在可访问性和可见性方面得分很高。这种 UI 设计可以使用深色和明亮的调色板来实现,从而使主题元素更加棘手。 简单的 UI 设计原型 在 Neumorphic 设计中,设计人员需要担心的参数很少。这使得设计人员可以非常轻松地快速为网站和应用程序制作Neumorphic UI 设计原型。这种 UI 设计的唯一危险是,如果您不知道如何完美地实现它,低可访问性和可见性可能会导致问题,例如 88% 的用户会拒绝访问您的网站或应用。 弥合 UI 和用户之间的差距 如果设计无法弥合用户和 UI 之间的差距,您仍然面临失去一半以上用户参与度的风险。 Neumorphic UI 区分了应用程序的可供性(用户如何与产品进行数字交互)和现实生活中的对应项。




将过渡或效果与正确类型的 Neumorphic 设计相结合时,您还可以自由地控制 3D 真实感。 拟态界面(软 UI)的设计技巧 现在您已经了解了更多细节来了解新拟态(也称为软 UI)的含义,是时候研究一下可以使用哪些不同的有用技术将新拟态应用到您的设计过程中了。 轻省 您可以使用同态来轻松突出显示某些特定的 UI 元素。这种设计可以轻松地用渐变和阴影样式淹没屏幕。尝试将用户的注意力吸引到屏幕的层次结构上。为此,请勿向每个组件添加相同的效果。 轻轻对碰 来源: Dribbble – Filip Legierski 作画 在照片上添加插图 如您所知,Neumorphism 给人一种 3D 界面的错觉。因此,简单的摄影并不适合整个幻觉。整合插图而不仅仅是图像对于提供一致的外观更有帮助。 在照片上添加插图 来源: Dribbble - Filip Legierski 作画 如果需要,可以制作动画 许多设计师和用户批评同态,因为它无法满足可访问性准则。

您需要登录后才可以回帖 登录 | 注册

本版积分规则

手机版|小黒屋|Quetzal Audio

GMT+9, 2025-2-25 00:11 , Processed in 0.413474 second(s), 18 queries .

Powered by Discuz! X3.5

Copyright © 2001-2025 Tencent Cloud.

快速回复 返回顶部 返回列表