临摹后台网页

                                                   临摹后台网页

我们刚开始学UI的时候根本不知道怎么去做怎么去设计,连最基本的排版和颜色搭配都不知道怎么去弄,后来老师给了我们临摹网页的作业让我们去学习怎么制作网页的排版和颜色搭配,刚开始的时候我们做的一塌糊涂,还以为偷懒被老师批评,但是临摹的越多网页你就会发现其实也不是很难,就像某一些网站是比较松弛的有的比较严谨那里面的排版也会随之发生变化,一般比较严谨的风格是以学校官网为主里面的排版风格也是工工整整就像我们的生活一样规规矩矩,这次我们临摹的是一些后台网站,后台网站比前台网站要难一些,因为后台网站都是一些数据化的东西而前台只是设计一些平面就可以了,
在这里插入图片描述
这张后台管理的网页就是老师让我们临摹的一个广州地铁的一个后台网站,这张后台网页相对于其他网站来说是比较简单的因为这只是一个登陆页面并没有那么复杂只要摆好你要放的东西和你要摆放的位置就可以了,相对于来说没有那么里面的小图标都是利用圆角矩形工具绘制出来的这并没有什么难度后面的圆角矩形加一点透明度就可以了,

在这里插入图片描述
做完上面的那张简单的之后后面的就越来越没有难度了,但是临摹这个网页的时候遇到了一个硬茬,就是上面这张图当时看见这张图的时候是头皮发麻的因为在这张网页之前我临摹的广州地铁后台是没有这么多的内容的,也没有这么多的文字内容但是没办法还是把他敲完了,这里面其实也没有想象的那么难临摹当时只是看着内容有点多就感觉很难做但是越到后面就会发现其实也不是很难做,越做到后面会发现越简单这张网页唯一有一点点难弄的就只是顶部的那些小图标而已,做了一个之后后面的也就不那么难做了就像小图标外面的那些虚线都是用椭圆选框工具绘制出来的只要选中描边的虚线就可以做出来了,这些后台都只是让我们练手的为的就是让我们学会后台网站的布局和排版是怎么样摆放的。

猜你喜欢

转载自blog.csdn.net/weixin_44619280/article/details/89957257