分析自己做的后台网站

news/2024/5/9 13:18:41/文章来源:https://blog.csdn.net/weixin_44564263/article/details/90313049

一, 布局

首先布局要有规整,然后界面要整洁还有要统一画板的大小,再然后就要适配在设计中,要清楚明白布局然后根据布局去添加东西或者是文字,然后就是排版在设计中排版也是非常重要的,还有排的版要根据具体情况判断是否再次进行适配,再然后就考虑布局,布局分两种一种是左布局和右布局,而我的就是左布局,左布局的做法是导航栏固定在左边,而右边就是内容和数据

如图:
在这里插入图片描述

这是我做的一张首页页面,然后布局就是左布局然后右边就是内容和数据的结合

下面就是一些文字的排版和分布,不重要的文字一般颜色是比较偏不显眼的那种颜色然后排版也是比较靠右下角的,再然后字体的大小跟分布和布局都是要有规律的。

二, 对比

对比是一种差异性的强调,对比的因素都是存在于相同或者是相异的性质之间,也就是把相对的两要素进行对比比较之下,产生的大小,还有对比是与调和是相辅相成的,对比是用来增加视觉效果最有效的一种方法之一,分三种对比:一种是主次关系对比,另外一种是总分关系对比,还有一种是状态关系对比。

总分关系对比是通过排版,字体,大小等来突出层次就像图片里面的字体一样大的字体比小的字体来言,大的字体是比较突出的还是一种正在点击的,从而可以使页面更加具有节奏感,重复的应用也是可以增加页面的识别出元素的关联性。

重复可以是一条粗线,一种框或者是某一个矩形,某一种颜色。我的页面中重复的东西是椭圆矩形然后把矩形的颜色改一下,再然后加一点东西就是矩形左边的图形,然后还有导航栏这里加的符号都是重复的,但是有时候重复构成会让视觉容易显得板,平淡,缺乏趣味性的变化,使用有时候可安排一些交错与重叠来打破界面呆板和平淡的格局。

对称的版式,给人稳定,理性,秩序的感受,对称分为—绝对对称和相对对称,一般多采用相对对称,以避免过于严谨。

如图:
在这里插入图片描述
三, 字体

字体是界面设计中的最基本的构成之一,字体系统大大提升阅读体验级工作效率,字体的五个方面:1.字体家族2.主字体3.字阶和行高4.字重5.字体颜色。优秀的字体是要选择合适的字体家族,然后主字体是保证多数的显示器上阅读的最佳效率。然而我的首页字体家族都是微软雅黑的然后字体的大小没有超过24字号大小,最小的没有超过10字号大小,再然后把字体排版都排好不能看着乱,字体颜色统一的都是白色,字体颜色是看我的这个背景调的,因为白色在页面突出字体颜色是根据自己做的页面然后去调颜色再然后就去适配颜色,不然颜色再怎么好看,与页面搭起来也没用不突出,还有一个颜色就是灰色,在我的页面中不要求突出的,就是更多,它在我的页面中不是很重要所以就不突出。

如图:
在这里插入图片描述

排版最重要的几个要点:

(1),对齐:任何东西都不能乱放,利用对齐建立一个清楚明白规整的外观。

(2),亲密:彼此相关的内容都应该靠在一起,不相关的东西就保持距离,利用亲密性强调页面的架构。

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

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

总结分析icon和食品网站

icon总结: 设计思路(灵感来源于漫威电影里面的蜘蛛侠)我利用了休息时间的时候因为当时没事做我自己也不知道要干嘛,然后就去网上玩了一下突然看到了蜘蛛侠的图片,上课的时候就开始了一系列的想跟设计最后就选定了做蜘蛛…

后台网站总结

后台网站也是我们的最后一个课程了,在学习后台的时候有点懵不知道是什么,然后老师就给了我们一些临摹的后台网站让我们去临摹,临摹的时候挺有意思的,然后老师还叫我们去收集后台网站的图片让我们去学习别人做的后台网站的优秀的地…

制作金融后台网站

首先进去PS,下面的话就不多说了,新建一个画板,画板的大小为:宽1024px,高1152px,分辨率为:72.然后把画板的颜色白色改为灰色.灰色的数字为:ebebeb. 2.下面把顶部和旁边的做出来,画一个宽164px和高590px的矩形颜色为蓝色,颜色的数字为:ebebeb.上面的顶部也是一样的,长1026和高56p…

Laravel+Nginx轻松实现读写分离、负载均衡,网站并发能力提升N倍

前言: 随着互联网应用的广泛普及,海量数据的存储和访问成为了系统设计的瓶颈问题。对于一个大型的互联网应用,每天百万级甚至上亿的PV无疑对数据库造成了相当高的负载。对于系统的稳定性和扩展性造成了极大的问题。 为此,我们需要…

生成网站后,在浏览器中浏览时只能出现网页中的内容,不能与数据库相连接的部分?

生成网站,在浏览器中输入http://localhost/oa后,出现以下内容: ,解决办法: ,解决这个问题后,继续浏览又出现下面的错误: ,而他的解决方案是: 连接字符串&am…

在发布网站后,出现“未将对象引用设置到对象的实例”的错误时,是什么原因?

这个有两个原因:一、在IIS中没有设置“默认文档”;二、session没有赋值。 这两个原因是在做项目时发现的,可能还有其它的。

博客网站软件需求分析说明书-软件工程作业

1.导言 1.1编写目的 该文档描述了个人博客网站的功能和性能的要求,将作为对该项目在概要设计阶段的设计输入。 本文档的预期读者包括: 1.设计开发人员 2.项日管理人员 3.测试人员 4.用户 1.2项目范围 该文档的月的是解决整个项月系统中“做仁么”的问题。对于开…

【学习笔记】分布式爬虫打造搜索引擎|笔记02|scrapy爬取博客网站

scrapy框架 Scrapy是一个为了爬取网站数据,提取结构性数据而编写的应用框架。 其可以应用在数据挖掘,信息处理或存储历史数据等一系列的程序中。其最初是为了页面抓取 (更确切来说, 网络抓取 )所设计的, 也可以应用在获取API所返回的数据(例…

Nginx配置SSL证书部署HTTPS网站

一、什么是 SSL 证书,什么是 HTTPS SSL 证书是一种数字证书,它使用 Secure Socket Layer 协议在浏览器和 Web 服务器之间建立一条安全通道,从而实现: 1、数据信息在客户端和服务器之间的加密传输,保证双方传递信息的安…

兄弟们,我打算抠100个网站JS加密代码召唤,一个也跑不掉,这次轮到小虎牙

本次研究虎牙登录密码加密JS代码,难度不大,依然建议各位读者参考文章独自完成,实在抠不出来再参考这里的完整代码:从今天开始种树 准备 打开网站虎牙,点击登录标签,跳到登录界面: 按下F12&am…

服务端编程(三)- 背景知识 - web服务器 HTTP服务器 application 服务器 动态网站 静态网站 域名 URL 详解

文章目录 前言 ・ᴗ・概述web serverHTTP serverapplication server 应用服务器动态网站 静态网站总结 ◡ 前言 ・ᴗ・ 本篇将简化的几个简单却又容易混淆的概念 网站 网页 搜索引擎 web服务器 本文可以带给你… 网页的概念网站的概念…

服务端编程(九)- Django - 创建网站的基本骨架 创建你的主页

文章目录 前言 ・ᴗ・url参数制定url规则制定url规则什么时候需要获取url?为什么我们操作catalog的url 而不是根目录的url?服务器如何响应——view.py模板的制作render函数的运用彩蛋总结 ◡ 前言 ・ᴗ・ 本节…

服务端编程(十)- Django -创建网站页面

文章目录 前言 ・ᴗ・ListviewListView 的细节修改编辑每本书的详情页detailView分页的编辑结语( ̄︶ ̄)↗ 前言 ・ᴗ・ 上一节我们建立了主页 这里我们来创建一些别的网页 比如关于books…

网站优化问题:雅虎网站优化35条

1. Make fewer HTTP requests 尽可能少的http请求。。我们有141个请求(其中15个JS请求,3个CSS请求,47个CSS background images请求),多的可怕。思考了下,为什么把这个三种请求过多列为对页面加载的重要不利…

用phpstudy正确配置阿里服务器 网站就是不能浏览原因

用phpstudy 配置PHPMYSQL阿里云服务器, 所有配置都正确,服务器本地上也正常浏览, 但是用绑定服务器的域名打开浏览就是不行。 原因是阿里云服务器上的安全设置问题 阿里云服务器默认不能访问的,需要在阿里云服务器上增加安全规…

2017 年最受欢迎的 10个编程挑战网站

热文导读 | 点击标题阅读 如何看待中通讯42岁员工坠楼事件?背后深层原因剖析! 吊炸天!74款APP完整源码! 成为 Android 大牛的10大独门秘籍 原文:The 10 most popular coding challenge websites for 2017 https://med…

IIS6、IIS7.5设置网站默认首页方法(Directory Listing Denied)

这篇文章主要介绍了IIS6、IIS7.5设置网站默认首页方法,如果不设置访问目录就会提示Directory Listing Denied,就是不允许列出文档,为了安全网站都会设置不设置默认,需要的朋友可以参考下 今天有个客户问我他的网址访问目录就打开网站出现Directory List…

如何使用站群程序来批量建网站?

本文转自:http://www.00-9.net/html/1.html 1、准备工作。 (1)准备好将要搭建的网站域名,并解析。 (2)准备好你的目标站。标题/关键词/描述/网站名,替换标签。 (3)服务器系统环境WIN2008 2、用到的工具: (1)009站群程序授权版&am…

网站发送邮件连接数据口创建接口等

1. 导入API.php文件&#xff08;可以参考demo项目中的api.php文件&#xff09; <?php defined(BASEPATH) OR exit(No direct script access allowed); header("Access-Control-Allow-Origin: *"); header("Access-Control-Allow-Headers: Origin, X-Reques…

在进网站之前加入一个类似开机视频的东西,视频播放完后自动跳到网站首页

首先建一个文件&#xff0c;里面放要加载的视频 <style></style> <script src"https://cdn.jsdelivr.net/npm/vue2.5.16/dist/vue.js"></script> <link rel"stylesheet" href"https://unpkg.com/element-ui/lib/theme-ch…