首页
限免课
实战课
免费好课
课程库
经验
问答
会员课程
首页 |经验 |ui |经验详情

这样做banner跟企业站更配哦

更新时间:2023-11-07

无私向斑马

ui

1028

很多人曾经问我,到底企业站banner应该怎样做才能更好的突出主题、风格统一,做的复杂,显得杂乱;做的素净,又过于简单。今天通过一个简单的例子,跟大家说一下我的一些小心得。

这样做banner跟企业站更配哦.jpg

这是一个关于空气净化器的demo,首先我们先来分析一下,虽然空气净化器是科技产,但由于近年来空气污染严重,大家更关心的是健康、安全问题,所以在这里背景色我选择了绿色,又由于纯色过于呆板,因此我选择了临近色值的径向渐变。

这样做banner跟企业站更配哦.jpg

然后我们把空气净化器的产品图放进来,这里注意一下角度,考虑到受到周围环境色的影响,在产品身上加一些环境色,并做阴影。

这样做banner跟企业站更配哦.jpg

接下来把文案加进来,注意文案的排版,由于空气净化器的效果需要用心去感受,所以在听字上做了一些处理,让听字的竖变长,来突出过程。

这样做banner跟企业站更配哦.jpg

在这里考虑到左边产品所占比例过重,为了平衡,在右边又加了一些文案进行平衡,由于空气净化器给人一种心情舒畅,心旷神怡的放松感,所以在边框处理上给予了部分破形。

这样做banner跟企业站更配哦.jpg

考虑到文案与产品的整体协调性与关联性,并且为了突出空气净化器的真实感受,在文案与产品之间加入了汽雾效果。

这样做banner跟企业站更配哦.jpg

为了更加突出雾气,在banner下方加入了水波纹,为了整体协调性,对水波纹做了调色和降低不透明度处理。

这样做banner跟企业站更配哦.jpg

到此banner几乎完成,考虑到空气净化器的作用范围,需要有空间感,为了打破平面布局,在左右两边加入了一些飘散的树叶,为了不抢主体视觉效果,因此给这些树叶做了色相/饱和度处理,以达到颜色的均衡。

这样做banner跟企业站更配哦.jpg

到此,这个小demo就做完了。在这里再总结些做banner的注意事项,供大家参考,希望能对大家有所帮助。

一、文案布局上有对齐才整齐

二、文案要突出对比,彰显层次感

三、整体排版应聚拢,切勿分布的过于分散

四、要注意留白的应用,切勿布局过满

版权声明 | 文章整理自网络,仅供学习参考,版权归属原作所有

               如有问题,请及时与我们联系,我们将第一时间做出处理

上一篇 下一篇

相关课程

ONLINE COURSES
  • 女生学计算机可以从事什么职业

    女生学计算机可以从事什么职业

    讲师:JennyZ

  • 设计类前景较好的专业有哪些

    设计类前景较好的专业有哪些

    讲师:奇思无止境

  • UI作品集怎么做

    UI作品集怎么做

    讲师:行动者帆帆

  • 元宇宙对设计师有哪些影响

    元宇宙对设计师有哪些影响

    讲师:奇思无止境

免费好课

FREE GOOD COURSES
MORE
  • C4D模型制作技术

    C4D模型制作技术

    3小时15分钟47秒

  • 品牌物料设计课

    品牌物料设计课

    3小时57分钟38秒

  • 网游手绘武器制作课

    网游手绘武器制作课

    3小时55分钟44秒

  • 砸掉培训机构饭碗的AE系统课

    砸掉培训机构饭碗的AE系统课

    19分钟20秒

  • 高分动画电影《落凡尘》主创分享

    高分动画电影《落凡尘》主创分享

    29分钟2秒

  • 游戏3d设计师模型基础课

    游戏3d设计师模型基础课

    3小时49分钟53秒

Copyright © 2015 - 2021北京云创科讯软件有限公司

京ICP备16013396号-1

经营许可证京ICP证161220号

课程咨询电话 18516802937

  • 在线咨询
  • 插件下载
  • 职业测评
  • 素材下载
  • 微信咨询
学习在线解答