首页 > 其他分享 >2024.03.28【UI设计】新拟态风格设计

2024.03.28【UI设计】新拟态风格设计

时间:2024-03-28 16:22:35浏览次数:29  
标签:蒙版 2024.03 元素 28 UI 设计 风格 拟态


新拟态风格就是类似于给图形图案制作出3D的凸出或者凹进效果的风格

这个风格的设计需要使用到即时设计软件的蒙版(与ai不同,ai的蒙版仅有透明度蒙版,无轮廓蒙版)

新拟态风格的实现主要是通过三个效果:(1)一个相对浅色高斯模糊效果元素、(2)一个相对深色的无效果元素、(3)一个正常颜色的高斯模糊元素
(1)号元素需要放在最底层,(2)号元素置于中层作为蒙版底,(3)号元素作为蒙版顶部和(2)号元素创建轮廓蒙版






标签:蒙版,2024.03,元素,28,UI,设计,风格,拟态
From: https://www.cnblogs.com/melosill/p/18101995

相关文章

  • 前端学习-UI框架学习-Bootstrap5-005-颜色
    菜鸟教程学习链接字体颜色Bootstrap5提供了一些有代表意义的颜色类:.text-muted,.text-primary,.text-success,.text-info,.text-warning,.text-danger,.text-secondary,.text-white,.text-dark,.text-body(默认颜色,为黑色)and.text-light:可以设置文本颜色透明度......
  • P2887 [USACO07NOV] Sunscreen G
    原题链接题解1.题目可以抽象转化为,若干个点和线段,求问最多有多少点和线段能配对,如果点在线段内2.我们可以采用贪心的方法,对点升序排序,对线段按右端点升序排序为什么请看下图code#include<bits/stdc++.h>usingnamespacestd;structnode{intl,r,chose;}cow[2505]......
  • 3.25~3.28
    另:?咋写这玩意的时候突然耳鸣了几秒我不会要趋势了吧(我发现和5k聊题总会出点问题倒不是说听不懂他的思路而是出在一些奇奇怪怪的地方......
  • BLE --- UUID 介绍
    UUID简介UUID是一种普遍唯一的标识符,期望在所有空间和所有时间内都是唯一的(更准确地说,独立生成的UUID相同的概率可以忽略不计)。可以以分布式方式独立创建uuid。不需要分配uid的中央注册中心。UUID是128位的值。为了减少存储和传输128位UUID值的负担,预先分配了一系列UUID值,以便......
  • [转][C#] Guid 一些常用方法
    在SQLServer里面,定义GUID类型的字段是:uniqueidentifier生成一个全是0组成的GUID的写法是:cast(cast(0asbinary)asuniqueidentifier)生成一个随机的GUID的写法是:SELECTNEWID()在C#里面,生成Guid的方法是:varnewid=Guid.NewGuid().ToString("d");......
  • 前端学习-UI框架学习-Bootstrap5-004-文字排版
    菜鸟教程链接Bootstrap5默认设置Bootstrap5默认的font-size为16px,line-height为1.5默认的font-family为"HelveticaNeue",Helvetica,Arial,sans-serif此外,所有的元素margin-top:0、margin-bottom:1rem(16px)h1-h6<template><divclass="con......
  • elementUI表单表头增加筛选
    1、增加过滤条件 2、定义数据,必须包含text以及value 3、使筛选的id与行内元素id一直进行筛选 4、对下拉icon大小更改 ......
  • ModuleNotFoundError: No module named ‘paddle.fluid.layers.utils‘关于paddle和pa
    训练模型时候发现的问题:1.ValueError:PretrainedConfiginstancenotfoundinthearguments,youcansetitasargsorkwargswithconfigfield2:ModuleNotFoundError:Nomodulenamed‘paddle.fluid.layers.utils‘对于第一个问题的发生,我先是检查uie-base,但是没......
  • 前端学习-UI框架学习-Bootstrap5-003-网格系统
    菜鸟教程链接Bootstrap提供了一套响应式、移动设备优先的流式网格系统,随着屏幕或视口(viewport)尺寸的增加,系统会自动分为最多12列规则网格每一行需要放在设置了.container(固定宽度)或.container-fluid(全屏宽度)类的容器中,这样就可以自动设置一些外边距与内边距。使......
  • Ant Design 设置必填属性的一个坑!Objects are not valid as a React child (found: ob
    1、刚开始,我是用第一种方式。通过一个变量,来设置必填属性的提示值 显示是没有问题的。但是点击ModalForm确认按钮时,报错ObjectsarenotvalidasaReactchild(found:objectwithkeys{requiredMsg}).Ifyoumeanttorenderacollectionofchildren,useanarray......