登录页设计新选择:毛玻璃和新拟态风格,非2.5D和插画风

2024-02-27 23:04

本文主要是介绍登录页设计新选择:毛玻璃和新拟态风格,非2.5D和插画风,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

登录页给潜在用户传递了产品的品牌调性,是非常重要的一类页面,之前2.5D和插画风格的登录页流行一时,不过这阵风好像过去了,新的风格开始涌现了。

一、越来越流行的毛玻璃设计风格

毛玻璃风格是指将背景模糊处理,使得背景与前景之间的边界变得模糊,从而产生一种玻璃般的效果。这种效果可以使得UI界面看起来更加柔和和美观,同时也可以降低背景的干扰,突出前景的内容。

二、新拟态风格异军突起

拟态风格则是指通过模拟真实物体的外观和交互方式,来增强用户的体验感。拟态风格的设计元素通常具有真实的材质、阴影、光影效果,同时还会模拟物体的动态效果,例如按下按钮时的反馈效果等。这种设计方式可以使得用户的操作更加直观和自然,提高用户的使用体验和满意度。


 

三、毛玻璃风格可以看做拟态分隔的一个分支

两种风格的区别在于,毛玻璃风格主要是通过背景的模糊处理来达到效果,而拟态风格则是通过模拟真实物体的外观和交互方式来增强用户的体验感。此外,拟态风格的设计元素通常更加真实、具有质感,而毛玻璃风格则更加柔和和模糊。


 

四、如何把握拟态风格的特色

拟态风格的主要特点包括:

真实感

拟态风格的设计元素通常具有真实的材质、阴影、光影效果,使得UI界面看起来更加真实和有质感。

直观性

拟态风格通过模拟真实物体的外观和交互方式,使得用户的操作更加直观和自然,提高了用户的使用体验和满意度。


 

可变性

拟态风格的设计元素通常具有一定的可变性,可以根据不同情境和需求进行调整和变化,以适应不同的用户需求和操作场景。

动态效果

拟态风格通常会模拟物体的动态效果,例如按下按钮时的反馈效果、弹出菜单时的动画效果等,使得UI界面更加生动和有趣。


 


 

扁平化

虽然拟态风格的设计元素通常具有真实的材质和阴影效果,但是其整体风格还是以扁平化为主,避免了过多的视觉干扰和复杂性。

简洁性

拟态风格的设计通常都非常简洁明了,避免了过多的装饰性元素,使得UI界面更加清晰和易于理解。

欢迎友友们,评论区活动交流。

这篇关于登录页设计新选择:毛玻璃和新拟态风格,非2.5D和插画风的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/753835

相关文章

Security OAuth2 单点登录流程

单点登录(英语:Single sign-on,缩写为 SSO),又译为单一签入,一种对于许多相互关连,但是又是各自独立的软件系统,提供访问控制的属性。当拥有这项属性时,当用户登录时,就可以获取所有系统的访问权限,不用对每个单一系统都逐一登录。这项功能通常是以轻型目录访问协议(LDAP)来实现,在服务器上会将用户信息存储到LDAP数据库中。相同的,单一注销(single sign-off)就是指

不懂推荐算法也能设计推荐系统

本文以商业化应用推荐为例,告诉我们不懂推荐算法的产品,也能从产品侧出发, 设计出一款不错的推荐系统。 相信很多新手产品,看到算法二字,多是懵圈的。 什么排序算法、最短路径等都是相对传统的算法(注:传统是指科班出身的产品都会接触过)。但对于推荐算法,多数产品对着网上搜到的资源,都会无从下手。特别当某些推荐算法 和 “AI”扯上关系后,更是加大了理解的难度。 但,不了解推荐算法,就无法做推荐系

如何选择适合孤独症兄妹的学校?

在探索适合孤独症儿童教育的道路上,每一位家长都面临着前所未有的挑战与抉择。当这份责任落在拥有孤独症兄妹的家庭肩上时,选择一所能够同时满足两个孩子特殊需求的学校,更显得尤为关键。本文将探讨如何为这样的家庭做出明智的选择,并介绍星贝育园自闭症儿童寄宿制学校作为一个值得考虑的选项。 理解孤独症儿童的独特性 孤独症,这一复杂的神经发育障碍,影响着儿童的社交互动、沟通能力以及行为模式。对于拥有孤独症兄

C#实战|大乐透选号器[6]:实现实时显示已选择的红蓝球数量

哈喽,你好啊,我是雷工。 关于大乐透选号器在前面已经记录了5篇笔记,这是第6篇; 接下来实现实时显示当前选中红球数量,蓝球数量; 以下为练习笔记。 01 效果演示 当选择和取消选择红球或蓝球时,在对应的位置显示实时已选择的红球、蓝球的数量; 02 标签名称 分别设置Label标签名称为:lblRedCount、lblBlueCount

【测试】输入正确用户名和密码,点击登录没有响应的可能性原因

目录 一、前端问题 1. 界面交互问题 2. 输入数据校验问题 二、网络问题 1. 网络连接中断 2. 代理设置问题 三、后端问题 1. 服务器故障 2. 数据库问题 3. 权限问题: 四、其他问题 1. 缓存问题 2. 第三方服务问题 3. 配置问题 一、前端问题 1. 界面交互问题 登录按钮的点击事件未正确绑定,导致点击后无法触发登录操作。 页面可能存在

透彻!驯服大型语言模型(LLMs)的五种方法,及具体方法选择思路

引言 随着时间的发展,大型语言模型不再停留在演示阶段而是逐步面向生产系统的应用,随着人们期望的不断增加,目标也发生了巨大的变化。在短短的几个月的时间里,人们对大模型的认识已经从对其zero-shot能力感到惊讶,转变为考虑改进模型质量、提高模型可用性。 「大语言模型(LLMs)其实就是利用高容量的模型架构(例如Transformer)对海量的、多种多样的数据分布进行建模得到,它包含了大量的先验

怎么让1台电脑共享给7人同时流畅设计

在当今的创意设计与数字内容生产领域,图形工作站以其强大的计算能力、专业的图形处理能力和稳定的系统性能,成为了众多设计师、动画师、视频编辑师等创意工作者的必备工具。 设计团队面临资源有限,比如只有一台高性能电脑时,如何高效地让七人同时流畅地进行设计工作,便成为了一个亟待解决的问题。 一、硬件升级与配置 1.高性能处理器(CPU):选择多核、高线程的处理器,例如Intel的至强系列或AMD的Ry

MOLE 2.5 分析分子通道和孔隙

软件介绍 生物大分子通道和孔隙在生物学中发挥着重要作用,例如在分子识别和酶底物特异性方面。 我们介绍了一种名为 MOLE 2.5 的高级软件工具,该工具旨在分析分子通道和孔隙。 与其他可用软件工具的基准测试表明,MOLE 2.5 相比更快、更强大、功能更丰富。作为一项新功能,MOLE 2.5 可以估算已识别通道的物理化学性质。 软件下载 https://pan.quark.cn/s/57

cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个?

跨平台系列 cross-plateform 跨平台应用程序-01-概览 cross-plateform 跨平台应用程序-02-有哪些主流技术栈? cross-plateform 跨平台应用程序-03-如果只选择一个框架,应该选择哪一个? cross-plateform 跨平台应用程序-04-React Native 介绍 cross-plateform 跨平台应用程序-05-Flutte

基于51单片机的自动转向修复系统的设计与实现

文章目录 前言资料获取设计介绍功能介绍设计清单具体实现截图参考文献设计获取 前言 💗博主介绍:✌全网粉丝10W+,CSDN特邀作者、博客专家、CSDN新星计划导师,一名热衷于单片机技术探索与分享的博主、专注于 精通51/STM32/MSP430/AVR等单片机设计 主要对象是咱们电子相关专业的大学生,希望您们都共创辉煌!✌💗 👇🏻 精彩专栏 推荐订阅👇🏻 单片机