PS-制作后台网站

PS-制作后台网站

（作者：王浩 写作时间：2019年5月17日）
设计理念：想做一个酒吧类型的后台网站
设计完成后的展示图

设计过程
第一步：先创建一个“wed最常见尺寸”，然后给它一个背景颜色，颜色：“#f3e9e9”，然后再给它一个投影，再给它做了个“LOGO”，再用左边横排文字工具打出“某某酒吧”。颜色：“#333333”，大小：18点，字体：“微软雅黑 Bold”。再画圆角矩形，不要填充色，只要描边，描边颜色：“#dedede”,描边大小：1像素，再用椭圆工具画一个椭圆，画一个椭圆，不要填充色，只要描边，描边颜色：“#dedede”,描边大小：2像素，再用矩形工具，画一个矩形，颜色：“#dedede”把它与那个椭圆摆成一个像搜索的出来，放在圆角矩形的左边。然后在右边打出：“登录/注册”，颜色：“#333333”，大小：18点，字体：“微软雅黑 Bold”。再用椭圆工具，画一个椭圆，颜色：“#fc3131”，然后再画一个椭圆，不要填充色，只要描边，描边颜色“#ffffff”，描边大小：2像素。然后把这个描边的圆删格化，再选择矩形选框工具，再用矩形选框在那个椭圆是把不想要的那一部分画出来，然后按“delete”就完成了。然后再用矩形工具画一个矩形，把这个据形放在那个描边的圆的中间，在把第一个画的那个圆与那个圆和矩形摆成一个像电脑关机的那个“icon”出来。


第二步：在这个图层的左边从那个白色矩形下面，往下画一个矩形，颜色：“#19a6d1”，再给它一个投影。


然后再用矩形工具在刚刚画的那个矩形上画一个矩形，颜色：“#f1f5f8”。

然后用横排文字工具分别打出“首页”，“预定”，“开台”，“收银结账”，“会员管理”，“消费信息”。“首页”的颜色：“#19a6d1”,其它的颜色都是：“#ffffff”，大小：16点，字体：“微软雅黑 Bold”。”，在做六个icon，放在它们左边，分别用矩形工具和椭圆工具，还有横排文字工具。

第三步：先做营业量，用矩形工具画一个圆角矩形，颜色：“#ffffff”。再给它一个投影。

然后再网上找了一个“icon”放在刚刚那个圆角矩形的左上角，在它有边用横排文字工具打出“营业量”。然后在画一个圆角矩形，颜色：“#de5f3e”。放在那个圆角矩形的上面，在加一个投影，然后在刚刚画的那个圆角矩形上用横排文字工具分别打出：“总营业量(月)”，“1月”，“200万”，“查看详细”，颜色：“#ffffff”，大小：18点，16点，字体：“微软雅黑 Bold”。再把“查看详细”给它一个下划线。剩下的另外三个做法都是一样的，只是圆角矩形的颜色不同。我把另外三个的颜色分别把它打在这里：“#28aab7”，“#28b67a”，“#ffb23f”。

第四步：先画一个圆角矩形，颜色：“#ffffff”，给它一个投影。在网上找了一个“icon”放在左上角，在它旁边用横排文字工具打出“待办事项”，颜色：“#333333”，大小：16点，字体：“微软雅黑 Bold”。在右边用圆角矩形画一个圆角矩形，颜色：“#4fb5f8”，在用矩形工具在圆角矩形上面画两个矩形，摆成十字架的形状。

然后用用横排文字工具分别打出“查看仓库食物和酒水”，“打扫卫生”，“预定房间检查”，“查看当日的营业信息”，“查看电器和乐器”，“端午节放假安排”，颜色：“#caced1”，“#ffffff”，大小：14点，字体：“微软雅黑 Bold”。用矩形工具在“打扫卫生”上画一个矩形，颜色：“#28aab7”，再选中这个图层把它移动到“打扫卫生”的后面。再用选中“查看预定房间”，给它一个删除线。再用圆角矩形工具，在这些文字前面画一个圆角矩形，颜色：“#dedede”，“#28aab7”，“ffffff”。只要一个要填充色，其它的都要描边，在到要填充色的那个圆角矩形上，用矩形工具做一个“勾”。

第五步：用矩形工具化一个据形，颜色：“#fffffff”，再给它一个投影。在网上找了一个“icon”放在左上角，在它旁边用横排文字工具打出“天气”，颜色：“#333333”，大小：14点，字体：“微软雅黑 Bold”。最后再给它一个投影。

然后用矩形工具画了两个矩形，颜色：“#28aab7”，“#ffffff”。再给它们一个投影。在这两个矩形上分别用横排文字工具打出“星期二”，“5月14日”，“10:50”，颜色：“#28aab7”，“#ffffff”，大小：14点，16点，20点，字体：“微软雅黑 Bold”。

然后用椭圆工具，做一个太阳，再用横排文字工具分别打出“晴”，“29”,”风：8级”，“湿度：50%”，颜色：“#333333”，“#f2ac3f”，“#b6b6b6，大小：16点，26点，10点，字体：“微软雅黑 Bold”。再用椭圆工具，画一个椭圆，放在“29”那里。

第六步：先用圆角矩形工具画一个圆角矩形，颜色：“#ffffff”，再给它一个投影。在到网上找了一个“icon”放在左上角，在它旁边用横排文字工具打出“客户意见反馈”，在到右边打出“更多>>”，在“客户意见反馈”打出“客户反馈查看”，颜色：“#333333”，“#ffb23f”，大小：16点，12点，14点，字体：“微软雅黑 Bold”。

然后用横排文字工具分别打出“2019-5-10”，“酒品太贵和服务态度”，“【***惠】”，再把它复制8份，颜色：“#b6b6b6”，“#fc6868”，大小：14点，字体：“微软雅黑 Bold”。，最后像这样摆出来。

第七步：先用圆角矩形工具画一个圆角矩形，颜色：“#ffffff”，再给它一个投影。再把到网上找了一个“icon”放在左上角，在它旁边用横排文字工具打出“系统公告”，颜色：“#333333”，大小：16点，字体：“微软雅黑 Bold”，在到右边打出“更多>>”，颜色：“#ffb23f”,大小12点，，字体：“微软雅黑 Bold”。

然后用横排文字工具分别打出“某某酒吧再某某”，“******”，“16/8”，再把它复制8份，颜色：“#b6b6b6”，“#fc6868”，大小：14点，字体：“微软雅黑 Bold”。，，最后像这样摆出来。

第八步：先用圆角矩形工具画一个圆角矩形，颜色：“#ffffff”，再给它一个投影。再把到网上找了一个“icon”放在左上角，在它旁边用横排文字工具打出“营业数据”，颜色：“#333333”，大小：16点，字体：“微软雅黑 Bold”。

然后再用横排文字工具分别打出“营业实时查看”，“单位:(万元)”，“日”，“周”，“月”，“年”，颜色：“#333333”，“#b9b6b6”，“#f2ac3f”，大小：14点，12点，字体：“微软雅黑 Bold”。然后用矩形工具，做一个统计表，再用横排文字工具分别打出“200”，“180”，“160”，“140”，“120”，“100”，“80”，“60”，“40”，“20”，“1月”，“2月”，“3月”，“4月”，“5月”，“6月”，“7月”，“8月”，“9月”，“10月”，“11月”，“12月”，颜色：“333333”，大小：12点，字体：“微软雅黑 Bold”。最后再用圆角矩形画一条矩形。

第九步：先用矩形工具，画一个矩形，颜色：“#333333”.然后用横排文字工具分别打出“Copyrght @AII Ringts Reserned 2010-2019 广州某某酒吧”，“粤ICP147258369号-6”，颜色：“#ffffff”，大小：12点，字体：“微软雅黑 Bold”。

谢谢观赏有那个地方做的不好，请单独提出来，我再做把它完善。