制作后台首页详细步骤
作者：李哲定 时间：2019年5月18日
首先我们可以看见这个后台网站的首页已经做出来了，现在我来讲解一下这个后台网站的步骤，这个后台网站我是从左边的那个logo开始做的，做这个logo花了我很多的时间，因为想不出什么好的logo，所以在logo这里我用了很多的时间。
好了，这个就是我一开始想出来的排版，这个排版比较密集，所以内容要比较多才会好看，刚刚好符合我的想法，所以我就用了这个排版。
然后在排版做好之后，就开始做下面的这个功能栏里面的东西，我们把里面的功能都做出来，分别是平台首页和交易管理，数据统计，用户信息，财务结算，还有系统管理。就是这几个，然后再在他的右边放一个小箭头的标志，这个功能栏就做好了。
现在我开始做这个内容页和这个顶部栏了，我们先从顶部栏做起吧，这个顶部栏是和左边的logo那里先照应一下，这个顶部栏我做了几个icon。做好之后，我就开始做下面的内容页了，这个内容页我们先从这个员工信息表开始做起，这个员工信息表前面我们放了员工icon，放了之后再下面打上那些员工的信息，再在第二个信息那里给他安排一个交互设计，安排好之后我就把下面的这个内容页以一样的步骤，但是不一样的信息给做出来了。
这个内容页的东西就比较多了。我在把他们的icon做出来之后已经用了很长的时间了，然后我把这些的内容打上去，打上去之后再在下面把这个数字的字体给调大一些，这样主要是可以突出这个数字的重要性，不会让人看着都不知道主次，然后下面的内容就比较简单了，我把内容放上去之后，把这个内容页的字的位置和大小调整一下，调整好之后我就开始做最后的内容了。
这个内容页讲的就是交易记录，我在做了一个icon之后再在右边把交易记录打上，打好之后就开始做下面的这个统计图了，这个统计图说的是这一周的交易数据的，这个统计图是我用钢笔工具做出来的，然后就做最后的下单信息汇总和支付信息汇总，转化率汇总，我给他们做了这个表格出来，做出来之后把内容给放进去，放进去之后这个就做好了。
制作后台首页详细步骤相关推荐
- 项目管理excel_项目管理甘特图是什么？怎么做才能更高效？（EXCEL制作甘特图详细步骤）...
项目管理甘特图是什么?甘特图即Gantt chart,又被称之为横道图.条状图.其命名是由提出者亨利·L·甘特(Henrry L.Ganntt)先生的名字而来的.甘特图是以图示的方式,并通过活动列表和 ...
- 立体翻转效果海报怎么制作？PS详细步骤教程！
本文由:"学设计上兔课网"原创,图片素材来自网络,仅供学习分享 立体翻转效果海报怎么制作?PS详细步骤教程!本篇教学教大家如何利用photoshop设计打造一个立体翻转的效果!简单 ...
- 项目管理甘特图是什么？怎么做才能更高效？（EXCEL制作甘特图详细步骤）
项目管理甘特图是什么?甘特图即Gantt chart,又被称之为横道图.条状图.其命名是由提出者亨利·L·甘特(Henrry L.Ganntt)先生的名字而来的.甘特图是以图示的方式,并通过活动列表和 ...
- NSIS（Nullsoft Scriptable Install System）开源安装程序制作软件使用详细步骤（Windows系统下）
NSIS(Nullsoft Scriptable Install System)开源安装程序制作软件使用详细步骤(Windows系统下)安装包制作 1.软件详情 软件版本 版本说明 翻译跟进 2.教程 ...
- deepinu盘制作工具_u盘启动盘制作工具怎么制作 u盘启动盘制作工具制作方法【详细步骤】...
在电脑城很多技术人员都会使用u盘装系统的方法给用户电脑安装系统,他们是怎么操作的呢?其实很简单,就是通过u盘启动盘来安装系统的.而u盘启动盘是需要用 u盘启动盘制作工具 来制作的.那么问题又来了,u盘 ...
- Ubuntu20.04 pycharm python打包制作DEB包详细步骤及雷区
记录一次Deb打包过程及踩雷警示 最近写了一个python的小程序,希望能打包成deb文件,便于将写好的软件安装 在其他没有安装工作环境的电脑上,把这安装deb后可以在应用列表和桌面看到.下面介绍一个 ...
- 利用标签打印软件批量制作工作证的详细步骤
现如今,不管是大单位还是小公司,公司员工的工作证是少不了的,随着批量制作工作证需求的增加也逐渐让人们意识到这项工作的重要性.其实这种批量制作可变内容的需求在中琅领跑标签打印软件中是是可以很快完成的.下 ...
- 编译mini linux,手动制作mini linux详细步骤—之一
8.2.1.mini linux内核编译 实验目的: 对Linux内核以非模块化手动编译,并借助busybox安装根文件系统,来制作最小化的linux系统.所谓非模块化,就是将各种所需的硬件驱动.支持 ...
- ViewPager+Fragment模拟微信首页详细步骤
实现步骤: 第一步:添加ViewPager2依赖 implementation 'androidx.viewpager2:viewpager2:1.0.0' 第二步:页面布局activity_main ...
- coreldraw铺花纹_CorelDRAW制作花边的详细步骤
来源: 掌心向右 2016-05-11/15:35 花边是设计工作中必不可少的一个元素,许多专业的排版软件都有花边.但CD没有. 是CD弱智吗? 那肯定不是了. 是因为在CD下制作花边非常容易,掌握了 ...
最新文章
- 【Zabbix】yum方式安装zabbix
- go 原子操作 atomic
- IO字节缓冲流的最简单读写源码
- linux运维需要哪些网络知识,Linux运维学习笔记-网络技术知识体系总结
- 轻松生成小程序分享海报
- 电子计算机工程 专业大学排名,电子与计算机工程专业大学排名 2021全国排行榜...
- 连通域最小外接矩形算法原理_算法｜图论 2W字知识点整理（超全面）
- 打印连续数字 java_java多线程连续打印字母数字问题
- python免费教程视频-28岁想从零开始自学python，有哪些靠谱免费的视频？
- HDU 4859 海岸线（最大流最小割）
- 使用原生Java代码生成可执行Jar包
- ping，python实现批量ping包工具--小案例
- jenkins linux虚拟机,Linux虚拟机安装Jenkins并实现部署
- 如何将iPhone投屏到Mac电脑上？
- android 自定义太阳,第一个AOSP安卓10自定义ROM已经可用，并且非常稳定
- python opencv截取视频
- 产生唯一的id(idworker工具类)
- VIM PIV插件的bug，编辑PHP大文件偶尔会丢失语法高亮
- 改编的一个屏幕保护程序
- MacOS 下 Emacs 安装及 ESS 配置