65.网站个性框架

news2024/11/15 23:42:04

之前介绍过集中个性网站

  1. 严肃优雅型
  2. 极简主义
  3. 普通/中性
  4. 大胆/自信
  5. 平静祥和
  6. 创业/上进
  7. 俏皮/好玩

在这里插入图片描述

严肃优雅型

在这里插入图片描述

概述

奢华和优雅的设计,基于细小的衬线字体、金色或粉色的颜色和高质量的大图片。

行业

房地产、高端时尚、饰品类,奢侈产品或服务

排版

有衬线字体(特别是在标题中),字体重量轻,正文字体大小

颜色

金色、淡雅的颜色、黑色、幽蓝或灰色

图片

用大的、高质量的图片来介绍优雅和昂贵的产品

图标

通常不使用图标,可使用薄的图标和线条

阴影

通过没有阴影

边距

通过不适用边距

布局

具有创造性和实验性的布局是很常见的

极简主义

在这里插入图片描述

概述

注重基本的文本内容,使用小型或中型的无衬线黑色文本、线条,以及少量的图像和图标。

行业

时尚,投资组合,极简主义公司,软件初创公司

排版

方形/方形无衬线字体,小体字。

颜色

通过黑色或者深灰色,在纯白的背景上,通常在整个设计中仅仅只有一个颜色

图片

图片很少,可用于为设计添加一些色彩;通常没有插图,如果有,会是一些单纯的黑色

图标

通常没有图标,但是一些小的简单的图标也是可以被使用的

阴影

通常不使用阴影

边距

通过不使用边距

布局

简单布局,狭窄的单栏布局是很常见的

普通/中性

在这里插入图片描述

概述

通过使用非常中性和小的字体,以及方正的、结构化的和浓缩的布局来摆脱困境的设计。

行业

历史悠久的公司,不想通过设计产生影响的公司

排版

使用中性的无衬线字体,而且文字通常很小,没有视觉冲击力。

颜色

采用安全的颜色,没有太亮或太淡的颜色。蓝色和黑色是常见的颜色。

图片

图片经常被使用,但通常是小格式的。

图标

通常没有图标,但是简单的图标可能被使用

阴影

通常没有阴影

边距

通过没有边距

布局

结构化和浓缩的布局,有大量的方框和行

大胆/自信

在这里插入图片描述

概述

通过大而大胆的排版,与自信的大色块用户搭配,使设计产生冲击力。

行业

数字机构、初创软件公司、旅行、实力强劲的公司

排版

方形/方形无衬线字体,大而粗的排版,特别是标题。大写的标题很常见

颜色

通常是多种鲜艳的颜色,大的色块/区块用于吸引注意力

图片

通常设计为一些大的图片

图标

通常没有图标

阴影

通常没有阴影

边距

通常没有边距

布局

所有类型的布局,没有特定的倾向性

平静祥和

在这里插入图片描述

概述

对于关心消费者的产品和服务,通过平静的粉色和柔和的衬线标题来传递。

行业

医疗保健,所有产品都以消费者的福祉为重点

排版

软衬线字体经常用于标题,但也可能使用无衬线标题(例如,软件产品)。

颜色

淡色/虚化的颜色:浅橙色、黄色、棕色、绿色、蓝色

图片

图像和插图很平常,与平静的调色板相匹配

图标

图标是相当频繁的

阴影

通常没有阴影,但是可能会被使用一些稀少的阴影

边距

一些边距通常被使用

布局

布局没有局限性,通常不会使用特别奇怪或有创意的布局

创业/上进

在这里插入图片描述

概述

广泛用于初创企业,以中等大小的无衬线字体、浅灰色背景和圆形元素为特色。

行业

初创软件公司、和一些现代化的公司

排版

中等大小的标题(不要太大),通常在整个设计中使用一种无衬线字体。倾向于浅色的文字颜色

颜色

蓝色、绿色和紫色通常被使用,大量的浅色背景(主要是灰色),梯度也很常见

图片

图片或插图是总是被使用,现代的3D插图,有时图案和形状会增加视觉细节

图标

图片是非常的常见

阴影

微妙的阴影频繁出现。光芒正在成为现代

边距

边距也非常的常见

布局

排牌和Z型图案是常见的,还有动画。

俏皮/好玩

在这里插入图片描述

概述

丰富多彩的圆形设计,由手绘图标或插图、动画和有趣的语言等创意元素推动。

行业

儿童产品、动物产品、食物

排版

经常使用圆形和创造性(如手写)的无衬线字体。居中的文本更常见

颜色

经常使用多种颜色来设计一个丰富多彩的布局,所有的背景和文字都是如此

图片

图像、手绘(或3D)插图以及几何形状和图案都是非常经常使用的。

图标

图标非常常间,很多时候都是多种的风格

阴影

微妙的阴影是很常见的,但并不总是使用

边距

边距经常被使用到这种风格

布局

多样的布局,没有什么局限性

先进性:结合俏皮和大胆

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

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

相关文章

(构造函数的补充2)类型转换与临时变量(新对象)的生成与explicit关键字,类的静态成员变量与成员函数及其应用

(构造函数的补充2)类型转换与临时变量(新对象)的生成与explicit关键字 如果说一个构造函数是单个参数,或者说有多个参数但是第一个参数没有默认值,而其余均有默认值,这时候就特别需要注意类型转换的问题。首先必须得知道的一点就是说一旦有类…

Vue中的键盘事件

目录 一、Vue中的键盘事件的类型 二、keycode指定具体的按键 三、Vue中常用的按键别名 四、Vue自定义按键 五、实现多个按键一起触发事件 一、Vue中的键盘事件的类型 keydown:键盘按下就会触发 keyup:键盘抬起就会触发 二、keycode指定具体的按键 在键盘中,每一…

JMeter测试工具设置中文

JMeter测试工具设置中文 在JMeter中,默认情况下是英文的,如果需要使用中文进行测试,则需要进行如下设置: 第一步、设置JMeter语言选项 在JMeter运行时界面的“Options”菜单中,选择“Choose Language”,…

2023.05.10- 使用Loopback Scaler来改善Stable Diffusion的绘图效果

简介 Loopback Scaler可以添加画面细节 渣图挽救者:在图生图中对原图迭代重绘,修复渣图。脚本在多个循环中处理输入图像,每个循环提高分辨率并优化图像质量。然后,一个循环的图像结果作为下一个循环的输入图像插入,该…

FE_Vue框架的执行流程详解

1 分析脚手架结构 2 整个流程 执行npm run serve,随后来到src中找到【整个项目的入口文件】main.js,这个js页面中引入了Vue、App.vue、关闭了提示等。 // ps: 该文件是整个项目的入口文件 // step1 引入Vue import Vue from vue // step2 引入App组件-…

Android9.0 Charles 模拟器抓包

目录 只想做条安静的咸鱼,混吃等死又一天 一、下载并安装配置Charles 二、下载安装Postern 三、测试抓包 一、下载并安装配置Charles 1.Charles下载网址👇 Charles Web Debugging Proxy • HTTP Monitor / HTTP Proxy / HTTPS & SSL Proxy / Rev…

EasyPoi导出,设置不同列的字体颜色(修改easypoi 3.1.0版本源码)

声明&#xff1a;代码以esaypoi 3.1.0版本为基础&#xff0c;基本上新的代码都是直接copy源码的&#xff0c;只是稍微修改了源码&#xff1b;仍然需要导入该依赖是 <dependency><groupId>cn.afterturn</groupId><artifactId>easypoi-base</artifac…

数据建模三范式说明

三范式&#xff1a; 1.原子性&#xff1a;属性不可分割 2.唯一性&#xff1a;不能存在部分依赖 3.非冗余性&#xff1a;要求任何字段不能由其他字段派生出来、确保每列都和主键列直接相关,而不是间接相关)

案例|九江银行Zabbix监控系统实践

Zabbix监控平台建设历程 九江银行Zabbix监控系统实践&#xff0c;共分为三个部分&#xff1a; 1.Zabbix监控平台的建设历程 2.Zabbix实践经验分享 3.对未来监控的展望。 项目背景 建立新的一体化基础监控平台。为适应数字化转型的需要、新技术发展的需要及业务连续性的需…

关于使用Lombok的注意事项

文章目录 1、Lombok简介2、使用Lombok的问题2.1 驼峰问题2.2 相同的字符串不同的大小写 3、关于使用Lombok的总结4、写在最后 1、Lombok简介 Lombok项目是一个Java库&#xff0c;它会自动插入您的编辑器和构建工具中&#xff0c;从而为你优化Java代码。通过注解的方式代替我们手…

注入攻击(二)--------HTML(有源码)

前序文章 注入攻击&#xff08;一&#xff09;--------SQL注入(结合BUUCTF sqli-labs) 目录 示例网站搭建1.搭建LAMP开发环境1. MySQL2. PHP3. Apache 写在示例前示例1.反射型HTML注入页面效果源码 示例2.钓鱼表单页面效果源码 示例3.存储型HTML注入页面效果源码 示例网站搭建 …

【Docker】使用 Docker 部署 Maven 仓库

在本文中&#xff0c;将介绍如何使用 Docker 部署一个 Maven 本地私服。Maven 私服可以帮助我们管理和共享本地的 Maven 依赖&#xff0c;提高开发效率。本文将使用 Sonatype Nexus 作为 Maven 私服&#xff0c;并使用 Docker Compose 来部署和管理容器。 准备工作 在开始之前…

mysql数据库在windows服务器下安装

一、mysql安装包下载 官网下载地址&#xff1a;mysql安装包下载 如图所示&#xff1a; 二、配置my.ini文件 解压后的文件尽量不要放在C盘&#xff08;内存小&#xff09;&#xff0c;解压后如下图所示 在上图所示根目录下配置my.ini文件 1、右键创建一个文本&#xff08;.text…

pikachu靶场-Unsafe Upfileupload

文件上传漏洞简述 什么是文件上传漏洞&#xff1f;  ​ 凡是存在文件上传的地方均有可能存在文件上传漏洞&#xff0c;关于上传文件操作的时候对方代码写的是否完整、是否安全&#xff0c;一旦疏忽了某个地方可能会造成文件上传漏洞。 文件上传的原理 网站Web应用都有一些文件…

1.SpringBoot基础篇

SpringBoot 文档更新日志 版本更新日期操作描述v1.02021/11/14A基础篇 前言 ​ 很荣幸有机会能以这样的形式和互联网上的各位小伙伴一起学习交流技术课程&#xff0c;这次给大家带来的是Spring家族中比较重要的一门技术课程——SpringBoot。一句话介绍这个技术&#xff0c;…

华为pbr双出口外线,指定内网单个vlan绑定单个出口外线上网

公司两条外线&#xff0c;vlan 10用nat走上面转发出去上网&#xff0c;vlan 20 走下面那条外线出去nat上网 AR2&#xff1a; interface GigabitEthernet0/0/0 ip address 6.6.6.1 255.255.255.0 interface GigabitEthernet0/0/1 ip address 154.1.2.3 255.255.255.0 interface…

Python+Selenium4环境搭建

set集合 怎么把列表种相同的数据和不同的数据取出来 1.把列表转为set集合 2.按照集合的交集 selenium 自动化测试&#xff1a;自动化测试就是通过代码或者是工具模拟人的行为来进行对WEB&#xff08;APP&#xff09;来进行操作。 QTP (HP公司)&#xff1a;以录制回放的模式…

集7大模态(视频、图片、音频、文本、深度图、热力图、惯性)的IMAGEBIND

论文&#xff1a;IMAGEBIND: One Embedding Space To Bind Them All GitHub&#xff1a;https://github.com/facebookresearch/ImageBind Meta AI 提出了 ImageBind&#xff0c;它通过利用多种类型的图像配对数据来学习单个共享表示空间。该研究不需要所有模态相互同时出现的数…

《Kubernetes证书篇:基于cfssl工具集一键生成二进制kubernetes集群相关证书(方法一)》

一、背景信息 Kubernetes 需要 PKI 证书才能进行基于 TLS 的身份验证。如果你是使用 kubeadm 安装的 Kubernetes&#xff0c; 则会自动生成集群所需的证书。如果你是使用二进制安装的 Kubernetes&#xff0c;则需要自己手动生成集群所需的证书。 1、首先从etcd算起 1、etcd CA…

百度地图绘制地区的棱柱效果-定位-自定义点-文本标记-信息弹窗

文章目录 百度地图webgl使用自定义地图样式地区镂面棱柱效果绘制点信息以及信息弹窗 百度地图webgl使用 在项目的index.html中引入 <script type"text/javascript" src"//api.map.baidu.com/api?typewebgl&v1.0&ak你的AK秘钥"></script…