页面临摹总结
作者:互联网
页面总结
(作者:张修宇 时间: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厘米。见下图:
整个页面的归纳已经陈述完成了,它的排版方式为居中,颜色搭配比较清晰。要想做好一个网页心态一定要好。
标签:总结,000000,临摹,板块,代码,字体,厘米,页面 来源: https://blog.csdn.net/weixin_44569854/article/details/88953120