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

2024-02-27 23:04

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

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

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

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

二、新拟态风格异军突起

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


 

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

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


 

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

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

真实感

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

直观性

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


 

可变性

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

动态效果

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


 


 

扁平化

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

简洁性

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

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

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



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

相关文章

springboot security验证码的登录实例

《springbootsecurity验证码的登录实例》:本文主要介绍springbootsecurity验证码的登录实例,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录前言代码示例引入依赖定义验证码生成器定义获取验证码及认证接口测试获取验证码登录总结前言在spring

最新Spring Security实战教程之表单登录定制到处理逻辑的深度改造(最新推荐)

《最新SpringSecurity实战教程之表单登录定制到处理逻辑的深度改造(最新推荐)》本章节介绍了如何通过SpringSecurity实现从配置自定义登录页面、表单登录处理逻辑的配置,并简单模拟... 目录前言改造准备开始登录页改造自定义用户名密码登陆成功失败跳转问题自定义登出前后端分离适配方案结语前言

Oracle登录时忘记用户名或密码该如何解决

《Oracle登录时忘记用户名或密码该如何解决》:本文主要介绍如何在Oracle12c中忘记用户名和密码时找回或重置用户账户信息,文中通过代码介绍的非常详细,对同样遇到这个问题的同学具有一定的参... 目录一、忘记账户:二、忘记密码:三、详细情况情况 1:1.1. 登录到数据库1.2. 查看当前用户信息1.

基于Python实现多语言朗读与单词选择测验

《基于Python实现多语言朗读与单词选择测验》在数字化教育日益普及的今天,开发一款能够支持多语言朗读和单词选择测验的程序,对于语言学习者来说无疑是一个巨大的福音,下面我们就来用Python实现一个这... 目录一、项目概述二、环境准备三、实现朗读功能四、实现单词选择测验五、创建图形用户界面六、运行程序七、

前端知识点之Javascript选择输入框confirm用法

《前端知识点之Javascript选择输入框confirm用法》:本文主要介绍JavaScript中的confirm方法的基本用法、功能特点、注意事项及常见用途,文中通过代码介绍的非常详细,对大家... 目录1. 基本用法2. 功能特点①阻塞行为:confirm 对话框会阻塞脚本的执行,直到用户作出选择。②

MobaXterm远程登录工具功能与应用小结

《MobaXterm远程登录工具功能与应用小结》MobaXterm是一款功能强大的远程终端软件,主要支持SSH登录,拥有多种远程协议,实现跨平台访问,它包括多会话管理、本地命令行执行、图形化界面集成和... 目录1. 远程终端软件概述1.1 远程终端软件的定义与用途1.2 远程终端软件的关键特性2. 支持的

Oracle数据库如何切换登录用户(system和sys)

《Oracle数据库如何切换登录用户(system和sys)》文章介绍了如何使用SQL*Plus工具登录Oracle数据库的system用户,包括打开登录入口、输入用户名和口令、以及切换到sys用户的... 目录打开登录入口登录system用户总结打开登录入口win+R打开运行对话框,输php入:sqlp

Python 中 requests 与 aiohttp 在实际项目中的选择策略详解

《Python中requests与aiohttp在实际项目中的选择策略详解》本文主要介绍了Python爬虫开发中常用的两个库requests和aiohttp的使用方法及其区别,通过实际项目案... 目录一、requests 库二、aiohttp 库三、requests 和 aiohttp 的比较四、requ

Python中的可视化设计与UI界面实现

《Python中的可视化设计与UI界面实现》本文介绍了如何使用Python创建用户界面(UI),包括使用Tkinter、PyQt、Kivy等库进行基本窗口、动态图表和动画效果的实现,通过示例代码,展示... 目录从像素到界面:python带你玩转UI设计示例:使用Tkinter创建一个简单的窗口绘图魔法:用

el-select下拉选择缓存的实现

《el-select下拉选择缓存的实现》本文主要介绍了在使用el-select实现下拉选择缓存时遇到的问题及解决方案,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的... 目录项目场景:问题描述解决方案:项目场景:从左侧列表中选取字段填入右侧下拉多选框,用户可以对右侧