大佬们来聊一聊新拟态风格

2021-02-23 18:13发布

[图]当对扁平的视觉效果开发到一定程度以后,那么进一步在一些细节处理上应用拟物或许就成为趋势了。新拟物风格一般适合做局部的视觉强化,来加强用户对特定区域的感知。

当对扁平的视觉效果开发到一定程度以后,那么进一步在一些细节处理上应用拟物或许就成为趋势了。新拟物风格一般适合做局部的视觉强化,来加强用户对特定区域的感知。image.png


4条回答
studentaaa
2楼 · 2021-02-24 10:04

「新拟态」英文名Neumorphism,也有设计师称为 Soft Ui(软UI)。简单来说就是一种类似浮雕的效果,介于扁平与投影之间,其原理是为界面的UI元素赋予真实感。

新拟态风格常见的处理方式:

1.左上角亮色投影,右下角深色投影(有且只有一个光源照射)

2.元素与背景对比度比较弱

3.常常用于按钮组件和卡片

4.按钮状态,视觉上凸出代表未选中,凹进去表示已选中状态

aijingda
3楼 · 2021-02-24 11:47

什么是新拟态

简单讲,新拟态是一种图形样式,其原理是为界面的UI元素赋予真实感。

其实他也是算拟物风格的一种,只不过表现形式不一样,最早出现在追波上,后面陆续被收录在2020设计趋势预测里面,在2019年的年末慢慢被大家熟知,讨论,重视起来。暂且不论是不是未来的必然趋势之一,一个事物的兴起多少是有些道理,我们持辩证的眼光去看到,去学习、去了解便好。

名称由来

原生名词有几个叫法,Neumorphism / soft ui,翻译过来叫新拟态或者是软ui。其实按照我们国内的翻译应该叫,新拟物风格。Neumorphism,是New +Skeuomorphism的组合词。

山野人
4楼 · 2021-02-26 10:09

「新拟态」英文名Neumorphism,也有设计师称为 Soft Ui(软UI)。简单来说就是一种类似浮雕的效果,介于扁平与投影之间。

1.1 | 扁平、投影和新拟态的区别

三者区别主要体现在层级上。

1.1.1 | 扁平

元素与背景是同为一个平面,视觉层级没有特别强烈的前后关系,对背景依赖不大。如果本身背景与画面整体背景有区分,色彩就划分了层级。 
扁平风格作为更高效更简洁的风格被设计师推崇。在PPT中,「扁平化」也是使用最多的风格。

1.1.2 | 投影

带投影的给我们的感知就是漂浮起来的,单独看它,它漂浮在背景之上。与扁平并列看,它高于扁平,通常大家为了突出某些内容或某个模块会去使用这种样式。
投影的使用对背景的依赖几乎可以忽略,因为投影除了形状可以调整,包括色彩、大小等都可以调整,且它是无边界的漂浮着,即你可以随意定义它的高度。 

在PPT中有点类似之前流行过的「微立体」风格。

1.1.3 | 新拟态

从顶面看,它似乎是介于扁平与投影之间。
从侧面看,同样也是漂浮的,但是它有厚度却又没有离开平面,它的范围相对于投影的无边界,似乎还有一些模糊的界定。
对背景有一定依赖,需要几乎相同的色值实现。

1.2 | 新拟态风格特点

通过观察,不难发现这种风格的一些基本特点:

  • 元素并不浮动

  • 元素色彩相对单一,与背景高度统一

  • 左上角亮色投影,右下角深色投影

  • 多以卡片样式出现

  • 更加适合大圆角图形



小杨小杨
5楼 · 2021-02-26 16:38

新拟态是一种图形样式,其原理是为界面的UI元素赋予真实感。

相关问题推荐

  • 回答 195

    你好:关于需要学习几个月能找工作,我的理解和建议如下:1. 首先要确认自身是否有相关的专业积累?因为UI只是设计者手中的工具,它是内在设计思想有效的表达途径。学习软件很容易,但只是掌握工具的运用是远远不够的。2. 如果有相关专业的知识积累,那么工具...

  • 回答 166

    哈哈哈哈  看你是想成多少资产的富婆喽能担起富婆这个称号起码要过百吧UI设计的平均工资是挺高的月入过万不是梦但是在现在这个高消费的社会环境下光靠这个还不够毕竟你一年不吃不喝才12万你可以做UI多赞些钱,然后再做副业...

  • UE和UI是一样的吗2020-11-23 15:33
    回答 98

    UI是英文User Interface的缩写。翻译成中文就是:用户界面,也称人机界面。是指用户和某些系统进行交互方法的集合,这些系统不单单指电脑程序,还包括某种特定的机器,设备,复杂的工具等。UE是英文User Experience的缩写,翻译成中文就是用户体验。是指用户...

  • 回答 8

    不麻烦 首先把这个部分解组 快捷键是 CTRL+SHIFT+G 然后点这个区域 如果点到不需要的元素 就CTRL+3 锁定隐藏,然后再继续点 点到只剩下需要的元素, 把元素弄出来 然后 CTRL+SHIFT+3 显示锁定隐藏,把没用元素删除就可以了。 如果直接点到了需要的元素 同样CT...

  • UI要学多久2020-08-10 19:00
    回答 95
    已采纳

    学会到就业的程度 一般时间为4个月左右,120天时间。 这里说的4个月时间,并不是所有人都是4个月可以学会的, 和学习方法,学习用心程度,学习时间都有关。 如果用错误的学习方法,学4个月是不可能学会的。...

  • 回答 86
    已采纳

    对于UI设计来说,更加看重的是个人的设计能力和理念,以及操作能力,和男女的性别没有太大的关系。

  • 回答 76
    已采纳

    靠谱肯定都靠谱的,就看你自己的兴趣爱好,发展前景都很好,大前端是一种网站搭建,小程序开发等用户端口开发的技术,UI设计就是纯纯的设计师岗位,将设计思维和理念融入到产品运营的每一个交互环节中...

  • 什么叫交互性?2020-04-23 11:40
    回答 6

    其实生活中也有交互性,比如两个人之间的聊天沟通,带有双方的互动都叫做交互。互联网中的交互更多体现在任何互联网设备之间的使用和反馈。

  • 回答 2

    1、初步调查  前期调研对于LOGO设计非常重要。具体周期看项目规模和预算。免费提供logo设计建议和各行业logo设计参考案例。一般情况下,这个时间大约是3天,我们会详细了解企业,对竞争对手的企业logo进行调查分析,这样可以更准确的控制方向,避免logo设计...

  • 回答 1

       永远不要忘记调研  好的设计总是从调研开始。品牌创建需要你预先考虑到所有的细节。  创建品牌、设计LOGO之前需要进行广泛的调研。考虑到在这个过程中你需要对环境和背景中所有的细节都有所掌控,在预算上就一定要留下足够的余地。  此外,你的解...

  • 回答 1

     一、具象表现形式:  具象表现是忠实于客观物象的自然形态,对客观物象采用经过高度概括与提炼的具象图形进行设计的一种表现形式。它具有鲜明的形象特征,是对现实对象的浓缩与精炼、概括与简化,突出和夸张其本质因素。标志设计的形态不可能像绘画的形式...

  • 回答 1

    1.设计应在详尽明了设计对象的使用目的、适用范畴及有关法规等有关情况和深刻领会其功能性要求的前提下进行。2.设计须充分考虑其实现的可行性,针对其应用形式、材料和制作条件采取相应的设计手段。同时还要顾及应用于其它视觉传播方式(如印刷、广告、映像...

  • 回答 1

    Looka Smashinglogo Freelogodesign Hatchful 

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

  • 回答 1

      Naldzgraphics这个网站据说是个人创办的网站,上面所有的内容都是站主本人在日常中通过手机整理上传的。不过就算如此,网站还是收集了大量的平面设计素材。  Brandsof theWorld是世界知名LOGO资源库网站。上面收录了海量的世界知名Logo图标,而且还提供EP...

  • 回答 1

    1、沟通收集信息  在标志设计开始之前,充分与委托方沟通交流,了解委托方对于标志设计的要求。通过与委托方的沟通,尽可能收集诸如企业文化、企业面向的用户群体、企业类型等;在与委托方的沟通交流中,我们可以得知需要通过设计解决委托方的那些需求。为...

没有解决我的问题,去提问