• UI设计教程分享:banner设计


     我们都知道在一个网站中,banner图片对于浏览者来说是非常重要的,尤其是电商banner,它的最主要目的是营销,是要让消费者有冲动去购买,这对设计的要求也就更高了。而企业网站也一样,一个合适的banner不仅能吸引眼球,同时也能让用户更好的理解产品及功能,反之如果这个banner不合适,那么就会导致整个网站都显得很普通。

         现在的banner版式设计可以说是非常丰富多彩的,尤其是电商,各种花哨的效果各种吸睛,不过也有的电商banner做的特别清爽有趣,很有新意。接下来就把banner设计版式给大家具体分析一下吧!

         e5f49d6e9430490ea36857ae3fcc3621.png​    

         左右型版式,顾名思义就是把整个版面分为左右两个部分。可以文案在左,产品在右;也可以文案在右,产品在左。这都要看自己设计的需求去选择。一般左右型banner在文案的那一边都会加些装饰或者背景有些效果,已达到左右均衡,这样整个banner就会比较自然和谐。左右型在banner的设计中比较常见,尤其是企业网站的轮播图基本都是这种版式。

         banner 左右排版,人物在左边、产品在右边、然后文字放在中间,有主次之分,也不会抢了产品是视线

    279eff3269364042a57d15eeef5c8ff4.png

       蒙版型的banner就是以图像在最下面,加之一个有透明度的蒙层,最后在最上层加上文字。这种banner设计也比较常见,无论是企业banner还是电商,用的都比较多,因为这种版式给人的产品代入感比较强。

    编辑:千锋UI设计

  • 相关阅读:
    NodeJS NPM 镜像使用方法
    用for; while...do; do...while; 写出九九乘法表
    create-react-app创建的项目中registerServiceWorker.js文件的作用
    前端应该从哪些方面优化网站?
    JS基础整理面试题
    netcore实践:跨平台动态加载native组件
    iOS开发--Swift RAC响应式编程初探
    算法导论学习笔记 (页码:9 ~ 16)
    iOS开发-- 通过runtime kvc 移除导航栏下方的阴影效果线条
    iOS开发--面试
  • 原文地址:https://www.cnblogs.com/leolei/p/9871056.html
Copyright © 2020-2023  润新知