上海高级UI设计公司是怎么做新拟态UI设计

北京UI设计公司在做在深入研究新拟态设计之前,我们必须首先了解新拟态的历史。

你还记得 Apple 曾经有过看起来很像实物的图标吗?

以iOS笔记应用为例;如果你仔细观察,纸撕裂看起来很像真正的撕裂,让应用程序看起来像一个真正的记事本。

这是拟物化。


拟物化是设计中对材料的模仿,让用户对现实世界的物体产生熟悉感。

Neumorphism(新+拟物化),它只是拟物化的一种浓缩形式,是出现的一种趋势。

在这里,某些对象似乎被蚀刻,而其他对象似乎被浮雕。请记住,相同色调的阴影和光线最多只能产生这些错觉。


但是,它引出了一个问题,为什么这还没有出现在任何产品中?

好吧,这正是我当时向自己提出的问题,但无法回答。

所以我尝试了它,不是因为它很时髦,而是因为它适合我的品牌。

以下是我建立品牌时关于拟态 UI 的 5 个关键见解:

用户界面柔和,但不易阅读

当我开始使用这种风格时,我将光影运用到了极致,这样我就可以强调用户容易识别的形式。为什么?

因为在强烈或中等的自然光照下,很难识别最终会导致紧张并成为用户主要问题的元素。


在整个产品中使用新拟态?

无论我们是不是设计师,我们都能识别产品的主题并将其与竞争对手区分开来。然而,由于软UI不能在自然环境中使用,我们可以尝试将其与其他设计元素相结合,例如平面设计或某些地方的材料。


软用户界面可能很棘手!

是的,因为软 UI 完全是关于光影的发挥,它的 UI 元素可能会让用户感到困惑。

我们来玩个小游戏吧。看下面的正方形


如果您按连续顺序查看这三个图像,您对压花和蚀刻的概念可能会以频繁的间隔发生变化。因此,用户的另一个痛点,尤其是那些有视力障碍的用户。


新拟态 需要添加效果,如光照和阴影,给用户一个柔和和简单的外观,但作为设计师,我们知道情况根本不是这样,因为在原型制作过程中,它必须渲染很多元素!这意味着一点也不流畅。更重要的是,如果我们将其提供给开发人员,他或她可能会逃离。

在整个应用程序中,重复屏幕?

这里有一个要点:如果你想接受新拟态风格,当背景和所有元素都具有相同的色调时效果最好。如果你使用这种技术,你所有的屏幕都会有类似的氛围,这可能会或可能不会吸引某些用户,同时可能看起来很单调。


是的,因为看起来每个人都只是复制它。你看,这是有道理的,当你想学习一些东西时,你模仿别人以更好地理解设计,然后再使用你所学的知识制作你自己的虚拟屏幕。因此,在将一种风格应用到任何地方之前,必须理解驱动它的语言。不是因为它本身是一种新时尚,而是因为它对我的品牌至关重要。

我品牌的调性和属性代表:

—希望

—温暖

—关怀

因此,我倾向于选择软用户界面。


新拟态是一种可爱的风格,关键是在不完全转移用户注意力的情况下应用它,因为让我们面对现实吧,对于用户来说简单到什么程度呢?


回想一下我之前提到的五个见解,并对你的产品进行必要的调整。


请记住,您创建的软 UI 应该可供用户阅读。

将 neumorphism 视为一种风格而不是主题,其中软 UI 仅被谨慎使用而不是到处实施。

通过使用固定数量的状态来限制自己!

例子;

为了防止用户混淆,只显示按钮的两种状态(如果存在)。

(使用其他突出显示技术,例如增长,而不是利用多个状态)

Soft UI 是一种非常独特的风格,因此您必须在创建可以使用的配色方案之前研究您的受众。不要在整个系统中使用一种色调,而是尝试不同的调色板和方案。

所以,为了回答我们开始的问题。


是否在任何产品中实施了新拟态?

是的,但以一种非常微妙的方式。例如,在 CRED 应用程序中,通知和控件使用主屏幕上的软 UI 触摸。


首页 > 新闻资讯

Tag: 石家庄UI设计公司 上海UI设计公司 深圳UED设计公司 北京UI设计公司
留言