页面临摹总结

                           页面总结
                (作者:张修宇  时间:2019年3月8日)

下张图就是一个卖甜点的页面,下面我就来归纳一下这张页面。

在这里插入图片描述

1.归纳页面所以字体。
标题栏用的为:Microsoft YaHe…字体,颜色黑色代码为(000000),40.46点字号,字体样式Regular。
内容页的标题为:Microsoft YaHe…字体,颜色黑色代码为(000000),69.09点字号,字体样式Regular。
内容页小标题为:Microsoft YaHe…字体,颜色黑色代码为(000000),34.54点字号,字体样式Light。
内容描述字为:Microsoft YaHe…字体,颜色黑色代码为(000000)跟(ffffff),26.01点字号,字体样式Regular。
底部标题栏目字为:Microsoft YaHe…字体,颜色黑色代码为(000000),25点字号,字体样式Light。
ICON的颜色为灰色代码为(58565b)。
2.归纳页面的颜色。
主题色为粉红色代码为(f0c8ac),标题色为黑色代码为(000000),辅助色为桃红色代码为(f7c0b7)。
3.归纳板块之间的间距,和板块的宽度跟高度。
每个板块的距离为2厘米。第一个是标题栏板块宽为64.31厘米,高为7cm厘米。见下图:
在这里插入图片描述

第二个板块是一个展示卖糕点的板块宽为64.31厘米,高为24.40厘米。见下图:

在这里插入图片描述

第三个板块是一个可以点击卖甜点的板块,板块的宽为64.31厘米,高为47.70厘米。见下图:

在这里插入图片描述

第四个板块是一个新闻中心的板块,板块的宽为64.31厘米,高为32.30厘米。见下图:

在这里插入图片描述

第五个板块是一个底部标题栏的板块,板块的宽为64.30厘米,高为9.23厘米。见下图:

在这里插入图片描述

整个页面的归纳已经陈述完成了,它的排版方式为居中,颜色搭配比较清晰。要想做好一个网页心态一定要好。

猜你喜欢

转载自blog.csdn.net/weixin_44569854/article/details/88953120