zoukankan      html  css  js  c++  java
  • UI设计教程分享:banner设计

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

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

         e5f49d6e9430490ea36857ae3fcc3621.png​    

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

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

    279eff3269364042a57d15eeef5c8ff4.png

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

    编辑:千锋UI设计

  • 相关阅读:
    Web框架
    Java并发编程:Callable、Future和FutureTask
    5分钟了解Mockito
    用IntelliJ IDEA创建Gradle项目简单入门
    QrenCode : linux命令行下生成二维码图片
    git 撤销commit
    curl网站开发指南
    H2数据库攻略
    Guice入门
    linux debian 时间设置中无法选择“自动设定时间和日期”
  • 原文地址:https://www.cnblogs.com/leolei/p/9871056.html
Copyright © 2011-2022 走看看