58.网页设计规则#5_阴影

news2025/2/24 20:46:52

一些概念

● 在一个100%平面设计的时代之后，我们现在又回到了在UI设计中使用阴影(“平面设计2.0”)
在这里插入图片描述

● 阴影箱深度(3D):阴影越多，离元素界面越远
在这里插入图片描述

利用好阴影

  1. 你不必使用阴影!只在对网站个性有意义的情况下使用它们
    在这里插入图片描述

  2. 使用少量的阴影:不要给每个元素都添加阴影!

  3. 照亮你的阴影，不要让你的阴影太暗！
    在正确的情况下使用阴影

  4. 对应该突出的小元素使用小阴影(以吸引注意力)
    在这里插入图片描述

  5. 对于更大的区域使用中等大小的阴影，应该更突出一点；
    在这里插入图片描述

  6. 对于应该浮在界面上方的元素使用大阴影
    在这里插入图片描述

  7. 尝试在鼠标交互时改变阴影(点击和悬停)
    在这里插入图片描述

  8. 附赠:尝试发光(彩色阴影)
    在这里插入图片描述

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/483263.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Jmeter接口自动化测试系列之Http接口自动化实战

Jmeter接口自动化测试系列之Http接口自动化实战

以下主要介绍Jmeter接口自动化需要哪些控件、接口自动化实战及总结。 前面的系列文章，介绍了常用组件、参数化、接口依赖、断言等知识点，今天我们要将这些结合起来，进行综合实战。 2023年B站最新Jmeter接口测试实战教程，精通接口…
阅读更多...
从一到无穷大 #5 公有云时序数据库定价

从一到无穷大 #5 公有云时序数据库定价

文章目录 引言serverless实例售卖结论 Azure CosmosDB预配吞吐量自动缩放吞吐量Serverless预留容量存储量 Amazon Timestream写入计费查询计费存储 阿里云TSDB阿里云Lindom时序引擎实例固定费用存储费用节点费用 华为云GaussDB(for Influx)腾讯云CTSDBTDengineInfluxDB CloudAW…
阅读更多...
c++11下篇 + 智能指针

c++11下篇 + 智能指针

c11下篇 智能指针 1 可变参数模板1.1 递归函数方式展开参数包1.2 逗号表达式展开参数包1.3 STL容器中的empalce相关接口函数： 2 lambda达式2.1 c的痛2.2 lambda表达式语法2.3 函数对象与lambda表达式 3 包装器3.1 bind 4 线程库4.1 thread类的简单介绍4.2 面试题&a…
阅读更多...
MySQL示例数据库(MySQL Sample Databases) 之 world_x数据库

MySQL示例数据库(MySQL Sample Databases) 之 world_x数据库

文章目录 MySQL示例数据库(MySQL Sample Databases) 之 world_x数据库官方示例数据介绍world_x数据库world_x数据库安装world-db/world.sql的脚本内容参考 MySQL示例数据库(MySQL Sample Databases) 之 world_x数据库 官方示例数据介绍 MySQL 官方提供了多个示例数据库&#…
阅读更多...
差分数组 技巧小记

差分数组 技巧小记

差分数组 差分数组二维差分 差分数组 如果两个信息“长得很像”，只要保留一个，对另一个，只要保留它们的差异，然后进行微调就行了。 差分数组： 3210，3208，3206，3211，32…
阅读更多...
Three.js--》Gui.js库的使用讲解

Three.js--》Gui.js库的使用讲解

目录 Gui.js库基本使用 使用three自带gui库实现基本操作 gui库实现下拉菜单和单选框 gui库分组方法实现 使用dat.gui第三方库 Gui.js库基本使用 gui.js说白了就是一个前端js库，对HTML、CSS和JavaScript进行了封装，学习开发3d技术时借助该库可以快速…
阅读更多...
230502-LLM-Vicuna介绍、安装与注意事项整理

230502-LLM-Vicuna介绍、安装与注意事项整理

最终效果 在对话过程中，GPU与CPU均会有波动，但是主要还是CPU波动为主 相关资料 序号链接说明001本地CPU6G内存部署类ChatGPT模型（Vicuna 小羊驼） - 知乎极简安装版本，只支持CPU与命令行002最新开源语言模型 Vicuna 媲…
阅读更多...
【Linux进阶之路】初始Linux

【Linux进阶之路】初始Linux

文章目录 一.时代背景二.硅谷发展模式三.操作系统基本定义常见的操作系统Linux系统的常见安装方式 四.基本指令的使用登录指令与用户相关的指令ls 指令——信息查看pwd指令——打印当前所处的文件位置cd指令——访问文件rm——删除指令touch——创建文件与修改文件信息tree ——…
阅读更多...
Rust - 变量与数据的交互方式(clone)

Rust - 变量与数据的交互方式(clone)

在上一篇文章中我们介绍了变量与数据的交互方式-move，通过底层原理我们知道Rust 永远也不会自动创建数据的 “深拷贝”。因此，任何 自动的复制可以被认为对运行时性能影响较小。 但是如果我们 确实需要深度复制 String中堆上的数据，而不仅仅…
阅读更多...
RT1010 PWM 组成配置和 PWMX 的使用

RT1010 PWM 组成配置和 PWMX 的使用

1. 前言 本篇博文将着眼于 i.MX RT1010 内部的 eFlexPWM，介绍其各个功能模块，以及 PWM 产生的原理。 2. 功能模块组成 以下是 RT1010 内部 PWM 的一个 Submoudle 的组成框图，从框图中我们可以看到： 自左向右依次有 Prescaler 对…
阅读更多...
【C++入门】C++为什么要有缺省参数

【C++入门】C++为什么要有缺省参数

👦个人主页：Weraphael ✍🏻作者简介：目前学习C和算法 ✈️专栏：C航路 🐋 希望大家多多支持，咱一起进步！😁 如果文章对你有帮助的话 欢迎 评论💬 点赞&#x1…
阅读更多...
后端程序员的前端必备【Vue】- 01 Vue入门

后端程序员的前端必备【Vue】- 01 Vue入门

Vue概述与基础入门 1 Vue简介1.1 简介1.2 MVVM 模式的实现者——双向数据绑定模式1.3 其它 MVVM 实现者1.4 为什么要使用 Vue.js1.5 Vue.js 的两大核心要素1.5.1 数据驱动![请添加图片描述](https://img-blog.csdnimg.cn/963aca7d7a4447009a23f6900fdd7ee1.png)1.5.2 组件化 2 …
阅读更多...
IDEA2022版教程上（下载、卸载、安装、新建工程、jdk设置、详细设置、新建/导入/删除 普通java模块、修改普通java模块名、同时打开多个工程、常用代码模板：非空判断，遍历，输出语句快捷键）

IDEA2022版教程上（下载、卸载、安装、新建工程、jdk设置、详细设置、新建/导入/删除 普通java模块、修改普通java模块名、同时打开多个工程、常用代码模板：非空判断，遍历，输出语句快捷键）

0、前景摘要 0.1 概览 0.2 套课程适用人群 初学Java语言，熟悉了记事本、EditPlus、NotePad或Sublime Text3等简易开发工具的Java初学者熟练使用其他Java集成开发环境（IDE），需要转向IDEA工具的Java工程师们关注IDEA各方面特性的J…
阅读更多...
BPMN2.0 任务-脚本任务

BPMN2.0 任务-脚本任务

描述 脚本任务（script task）是自动执行的活动。当流程执行到达脚本任务时，会执行相应的脚本。 脚本任务用左上角有一个小“脚本”图标的标准BPMN 2.0任务（圆角矩形）表示。 脚本任务使用script与scriptFormat元素定义。 <scriptTask id="theScriptTask" nam…
阅读更多...
Qt中的绘图事件

Qt中的绘图事件

文章目录 QPainter 绘图绘图设备QPixmap QPainter 绘图 绘图事件 void paintEvent()声明一个画家对象 QPainter painter(this) this指定绘图设备画线、画圆、画矩形、画文字设置画笔 QPen 设置画笔宽度 、风格设置画刷 QBrush 设置画刷 风格 测试 #include "widget.h&quo…
阅读更多...
科学计算库Numpy快速入门

科学计算库Numpy快速入门

目录 Numpy概述array数组数组结构数组类型数值运算排序操作数组形状操作数组生成函数四则运算随机模块文件读写 Numpy概述 NumPy 是 Python 中的一个开源数学库&#xff0c;提供了快速且便捷的数组处理功能&#xff0c;可以用来进行科学计算、数据分析、算法开发等多种任务。N…
阅读更多...
InnoDB 磁盘结构及表空间 ( Tablespaces )

InnoDB 磁盘结构及表空间 ( Tablespaces )

InnoDB磁盘主要包含Tablespaces&#xff0c;InnoDB Data Dictionary、Doublewrite Buffer、redo log和Undo Logs Tablespaces: 表空间分为系统表空间&#xff08;ibdata1文件&#xff09;、临时表空间、常规表空间、Undo表空间以及file-per-table表空间。系统表空间又包括双写…
阅读更多...
CDH6.3.2-组件安装安全认证

CDH6.3.2-组件安装安全认证

HDFS 1.选择自定义。 2.选择HDFS ZK YARN然后点继续。 3.选择安装的主机。 4.审核更改默认就行&#xff0c;点继续。 5.配置HDFS的HA。 安装好以后点击hdfs进入实例就能够看到启动了高可用。 6.启动YARN的高可用。 KAFKA 更具需求修改资源 一直点继续就行了 FlUME HI…
阅读更多...
CTF权威指南 笔记 -第二章二进制文件- 2.3 -静态链接

CTF权威指南 笔记 -第二章二进制文件- 2.3 -静态链接

目录 地址空间分配 两个链接的方式 按序叠加 相似节合并 静态链接的详细过程 虚拟内存 重定位文件 静态链接库 地址空间分配 我们把之前的两函数分为两个文件 main.c extern int shared extern vooid fun(int *a,int *b); int main(){int a100;func(&a,&share…
阅读更多...
MySQL监控告警及可视化：Zabbix+Percona PMP实现（Part III）

MySQL监控告警及可视化：Zabbix+Percona PMP实现（Part III）

MySQL监控告警及可视化&#xff1a;ZabbixPercona PMP实现&#xff08;Part III&#xff09; 告警配置配置告警邮箱配置告警消息模板配置告警用户配置告警规则告警测试 告警配置 配置告警邮箱 在Zabbix Web前端的 Administration - Media Types - Email 中配置发送告警信息的…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023