当前位置:首页 > 网站源码 > 正文内容

还有哪些瀑布流的网站(瀑布流app)

网站源码1年前 (2023-07-30)283

hello,大家好!我是利兄团队的设计师@洋洋

还有哪些瀑布流的网站(瀑布流app)

今天在后台看到一位同学问我荣誉证书页该如何制作?

今天我们来聊一聊!

荣誉证书无外乎两种情况:文字荣誉、图片证书。我们先一个一个来梳理。

A.文字荣誉

有的企业获得的奖项并没有对应的图片,我们应该怎么处理,如下案例。

这页荣誉页看起来一般,平平无奇,作为公司脸面的话应该是拿不出手的。

添加修饰元素

首先,我们可以提炼关键字眼,比如时间, 我们可以提炼出来,用字体的粗细或者大小对层级进行区分。

展开全文

然后,我们添加一些橄榄枝元素,,简单的添加个背景,不仅可以充实版面,又能增加荣誉氛围感。

这样页面的荣誉气质一下子就体现出来了。

橄榄枝的样式有很多,我们也可以换不同的样式,效果也很不错

还可以添加一些奖章、奖牌的元素作为内容的载体,提升页面的逼格和格调。

这样的文字荣誉页应该可以拿得出手吧

B.图片证书

除了文字荣誉,荣誉页面也常常需要证书图片的展示。那碰到证书图片的荣誉页时,我们又有什么好的办法应对呢?

这里我总结了3个方法:平铺、堆叠、样机修饰。

下面我们一个一个来看。

01.平铺

用下列的案例来实操一下。

第一步,我们要保证证书的大小一致,并将其排列整齐。

质感是不是一下子就提升了。

为了让页面更加的有层次感,我们可以添加一个形状底座。

当然也可以左右平铺,制作成瀑布流的效果

还可以整体旋转,增加一些设计感,效果都是不错的。

02.堆叠

堆叠顾名思义,就是将图片证书进行遮盖叠加,为的就是整体的层次感。

我们来看下这个案例。

一张横板和两张竖版,像这样的不规则证书图片,我们就可以用到堆叠了。

然后将文字放置左侧,简单添加个质感背景。

这里为了更加自然,给图片添加了三维旋转

当然除了这种左右排版,上下排版的效果一样很好,我们换个样式来看下。

这样的设计,层次感很强。

这样的 分散式堆叠设计感也不错。

03.样机修饰

为了让证书图片更加的有质感,我们可以给图片添加个边框样子

样机素材可以在觅元素、摄图网等素材网站搜索。搜索关键词为:证书边框

我们来看下这个案例:

给图片证书添加一个边框,让证书看起来更加的写实。

然后再搭建一个有质感的场景。

整个页面看起来还不错吧,是不是很有质感。

我们的底座还可以换成圆柱体,这样场景的氛围感更加的充分。

04.三维旋转

通过三维旋转来提升页面的设计感,也是常用处理证书页的惯用手段之一。

我们来看下这个案例:

首先我们来处理一下文字部分,将文字排版整齐,让页面更加的规整。

然后我们给证书图片添加一下三维旋转效果。

为了更加的写实,我们可以添加上阴影。

如果觉的设计感还不够,还可以给图片添加弧化效果。

这里用到的是 ok插件里面的一键特效。

这里需要说的是要注意根据弧化的方向调整一下图片的翻转。

我们来看一下效果。

是不是更加的精致了。

看完今天的文章,有没有启发到你?

源文件当然也少不了了,给你们准备好了。

PPT源文件的下载方式:

1/ 关注公众号利兄日志

2/ 对话框回复关键词[荣誉证书],就可以下载了。

本文完!

限时福利

上周利兄刚刚发布了新年PPT福袋,总共200页PPT版式库, 超级实用,具体文章: →等了1年的PPT福袋!

如果你不会做PPT,又或者你的PPT做的不好,一定要学习一下 利兄我的职场PPT提升课程。

有四重福利,而且目前价格最低。

利兄日志,一个以PPT为核心的公众号,每天中午1点,更新原创的PPT教程,喜欢的朋友,一定要持续关注哦,对话框回复“合集”,可以查看200篇PPT教程.

扫描二维码推送至手机访问。

版权声明:本文由我的模板布,如需转载请注明出处。


本文链接:http://sdjcht.com/post/24083.html

分享给朋友:

“还有哪些瀑布流的网站(瀑布流app)” 的相关文章

html设置网页背景颜色代码(网页设计设置背景颜色的代码)

html设置网页背景颜色代码(网页设计设置背景颜色的代码)

今天给各位分享html设置网页背景颜色代码的知识,其中也会对网页设计设置背景颜色的代码进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、HTML语言中,设置背景...

百度文库官方网站(百度文库官方网站客服)

百度文库官方网站(百度文库官方网站客服)

本篇文章给大家谈谈百度文库官方网站,以及百度文库官方网站客服对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、百度文库首页 2、百度文库官网登录界面 3、百度文库官网...

华为手机怎么打开tn6文件(手机打开tn6的应用)

华为手机怎么打开tn6文件(手机打开tn6的应用)

今天给各位分享华为手机怎么打开tn6文件的知识,其中也会对手机打开tn6的应用进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、从通达信导出的*.tn6文件,用...

vue的面试题懒加载(vue 页面懒加载)

vue的面试题懒加载(vue 页面懒加载)

本篇文章给大家谈谈vue的面试题懒加载,以及vue 页面懒加载对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、三十七个常见Vue面试题 2、47道基础的VueJS面试题...

一场2小时的直播要多少流量(一场两小时的直播需要多少流量)

一场2小时的直播要多少流量(一场两小时的直播需要多少流量)

本篇文章给大家谈谈一场2小时的直播要多少流量,以及一场两小时的直播需要多少流量对应的知识点,希望对各位有所帮助,不要忘了收藏本站喔。 本文目录一览: 1、手机看电视直播一小时要多少流量? 2、两个...

魔界战记h5手游攻略(魔界战记h5手游攻略大全)

魔界战记h5手游攻略(魔界战记h5手游攻略大全)

今天给各位分享魔界战记h5手游攻略的知识,其中也会对魔界战记h5手游攻略大全进行解释,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!本文目录一览: 1、魔界战记H5手游工会如何入驻?...