2019年设计师的10个概念

UI / UX设计师的工作环境正在迅速扩展和增长:有很多新产品和工具用于开发界面,由于灵活的编程语言的发展而具有很酷的功能,当然,许多新的单词和概念也被引入设计生态圈。 最相关且应更仔细地考虑,以便不仅在您的词汇中包括一位专家,而且还要使其在实际使用中投入使用。

01.蒙德里安主义


这种趋势已经成为基于荷兰艺术家Pete Mondrian作品的巨大Dribbble的真实趋势。 这种样式的本质是,内容以矩形和正方形块的网格形式呈现,它们理想地像俄罗斯方块一样折叠,并允许您以有趣,非平凡的形式在最小的区域上容纳最大的功能块。

图片



02.机缘巧合


这个词表示任何未经深思熟虑的发现。 但是,这不仅仅是突发事件,而是对信息进行深入分析得出的结论。 机缘巧合包括两个主要部分:突然发现和正确解释。

在设计中,可以通过个性化内容,基于组件的交互(例如,在博客上阅读一篇文章后,根据刚阅读的文章主题对推荐的材料进行更改)以及使用亲切感来实现偶然性(关于这个概念的含义,请参见下文)。

您可能会问:为什么需要碰巧? 这里的一切都很简单。 有了它的帮助,您可以使用户更快乐,站点/应用程序更高效,从而使用户有机会消费更多相关的内容并感到轻松自在。

图片

03.阿富汗人


该术语来自英语。 “ Afford”一词(给予机会)也表示您可以以一种或另一种方式与之交互的对象/现象的属性。 该概念逐渐迁移到IT领域:心理学家James G. Gibson首先使用了此概念,然后唐纳德·诺曼(Donald Norman)在《习惯事物的心理学》一书中使用了该概念。

负担能力对于从事Internet技术领域工作的人来说似乎很明显,但是为了创建更好的产品,有必要考虑到用户以各种不同方式与之交互的元素的所有更深层含义:单击按钮,拖动对象,缩放,移动...了解负担能力会极大地影响转化的因素,因为在门上没有“ On Yourself”标志的情况下,一个人进入商店的成功率为50到50。

为了更好地理解和组织界面,赠品可以分为以下主题组:

明确的:元素外观直接说明与元素交互的结果。 例如,按钮上的向右箭头表示向前移动。

模板:根据通常的研究内容模式,用户希望在特定位置看到一个或另一个元素(文章页面上用于共享的社交媒体图标,产品卡中的“购买”按钮等)。

隐喻:一种寓言形式的传达功能本质的方式,例如,通过真实世界中物体的图像或上下文含义来表达。 这种能力最适合于复杂或抽象的功能,这些功能的含义很难使用文字图像来传达。

隐藏的:允许您清除堆积设计并帮助快速访问其他功能的元素更适合高级用户(将鼠标悬停在元素上时图标的外观,使用新选项打开下拉菜单等)。

错误:它们的外观与负担能力的性质相反。 在这里,看起来可点击但实际上不适合单击的元素是合适的,或者相反,在非描述性元素中没有交互的提示。 尽管这种类型看起来非常不可转换,但可以用于突出显示关键功能,例如在复杂的界面中。

负面的:无所事事的沉默,在可以进行交互之前向用户提示正确的选择或某些操作。 填写联系信息后,请使用禁用按钮的状态,只有在正确填写所有字段后,该状态才会激活。

图片



04.公开作文


已经发明了许多技巧来扩大屏幕范围并加深用户的感知! 除了多向滚动和3D模型之外,您还应该注意开放的构图,其中的元素超出了屏幕,可以了解更多内容所在的方向,或者只是一种通风和轻盈的感觉,这是对未完成图片进行想象的空间。

让元素流畅地流动,飞走或英勇地隐藏在监视器框架的后面,视觉效果将是无限的或逐渐打开它们的组件-用户将感到满意。

图片



05.丝毫化


该概念尤其适用于品牌,并意味着获得更简洁,整洁,内敛和严肃的轮廓。 但是不要生气。 严格不限制创造力:您可以应用颜色或动画强调来为图像注入新鲜感和新魅力。

虚拟化有助于将用户的注意力集中在站点或应用程序的功能上,将注意力集中在正确的方向上,并最大程度地减少了在用户内存中复制图像时的困难。

图片



06.达达


上个世纪在网络产品画布上出现的这种艺术趋势有机会用新的色彩闪烁。 达达的基本原理-非理性,拒绝艺术典范,非系统性和偶然的巧合-可用于创建带有引人入胜的信息表示的概念。

在这里,您可以将有冲突的图像组合成拼贴,不成比例,图像上重叠的文本层,从而赋予项目独创性,亮度和独特性。 重要的是不要将Dada与野蛮性混淆,以实现概念完整性的最大效果。

图片



07.深平


“不,当然,他不会变平,”您说,您将是对的。 这是通过使用三维形状的图像对3D的模仿,并通过光和阴影的作用表现出对色彩的强调。 添加反射和折射将增加站点或应用程序的元素的深度和真实感,并增加用户-触摸的欲望。

更大的体积总是意味着更多的空间,更多的交互性和有趣的用户体验。 因此,您可以安全地尝试将深平面应用于各种设计元素,从文本和图标到背景图像。

还可以通过沿3D路径移动,沿轴旋转,更改表面形状(激发,喷涂),照明运动来添加平面图像或文本的深度-可以从现实世界中汲取灵感。

图片



08.大地色调


我们正在谈论的是来自物体固有的复杂自然阴影和自然起源现象的成分:泥土和沙子,植物的叶和茎的阴影,微弱的天空和自然的花序。

大地色就像是柔和色彩的更有意义的延续。 随着对环境的关注和有意识的消费趋势的发展,它正在迅速发展,使设计达到了环境友好和与自然相结合的方式。

图片



09.大纲


这种图形技术非常简单,并且同时具有功能:以前填充颜色的内容变得空心,并且可以更有效地使用自由空间。 大纲开始应用于文本标题和按钮,导航元素以及块和卡片的大纲。 填充空心空间或填充信息,可以轻松地将任何内容或界面元素转换为Affordans,使用户流上瘾。

图片



10.松鼠,Rölo和Blob三角形


尽管现在几何很流行,但现在该用新的共生框架来补充形状库了。 他们的代表中最引人注目的是:

松鼠 (来自英语正方形和圆形)-一个带有圆角的矩形加法图形,像一个鸡蛋。 通过在拐角处添加额外的点来实现这种类型的拐角舍入。 从数学上讲,这是一个上胚轴(基于一个平面曲线的图形,该平面曲线由与另一个圆的外侧上滚动的圆刚性连接的点形成),它不仅可以基于4个角度形成。

Ryelo三角形是由三个相等的圆的交点形成的图形,三个相等的圆的中心位于正三角形的顶点,并且其半径等于该三角形的边。

斑点,无形状的果冻状身材,流线型。 几年前,它在设计背景时就变得很流行,而如今,它在界面和动画的细节方面得到了更加优雅的培养和应用。

图片



学习所有方面的新知识,不断进步!

Source: https://habr.com/ru/post/zh-CN445194/


All Articles