制作后台网页

撰写人：黄文政 创建时间：2019年5月28日星期二
按照我个人角度来看，做后台首先需要想清楚做一个什么样的后台，按照这个做的后台思考有什么用户会使用。确定好目标之后，便做一个原型图出来。因为我觉得只有这样你等会儿就不用考虑怎么排版。
下面的图片是我做的后台原型图。LOGO在左上角下面是导航栏。中间的内容是一张图片以及需要填写的信息。因为后台原型图不能使用带有感情色彩的颜色，所以我是用了中性色也就是黑、白、灰三种颜色。

做好原型图之后，便完善这个网页。下面的图片是我做好的顶部板块。背景色为粉色，店名和LOGO的颜色都是桃红色。字体：方正粗圆。右边有两个交互按钮，“登录”与“注册”字体颜色为黑色，字体：微软雅黑。

下图为导航栏，内容有：“首页”“预约”“数据统计”“VIP用户”这四个交互按钮，交互色：白色；字体大小：30号；字体：微软雅黑；字体颜色：黑色。背景色为粉红色。

下面的图片是这个后台首页的内容，背景为一张图片。在图片右边有一个白色的圆角矩形框里面有着许多需要填写的信息。在这个灰边白底的框里男女左边的圆形图标都是按钮。可以点击，点击哪个圆形就会选中男/女。然后年龄右边的两个小白色框有着一个向下的箭头意思指：可下拉。下拉之后会弹出三级页面。地区与婚况旁边的灰边白底框也同样有一个下拉的按钮。白色框最下面是一个背景色为浅粉色的圆角矩形框，中间有一个交互按钮“快速搜索”

底部版块如下图所示，里面有6个交互按钮，每个交互按钮都用一个小矩形隔开。字体颜色：灰色；字体大小：24号；背景颜色：黑色

完成好之后如图