【平面设计基础】09:横幅banner的设计

2021/8/6 23:37:59

本文主要是介绍【平面设计基础】09:横幅banner的设计,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

第9节:横幅banner的设计


目录

  • 第9节:横幅banner的设计
      • 一、初识banner
        • 1.什么是banner:
        • 2.banner的作用:
        • 3.banner的结构:
        • 4.banner背景选择:
      • 二、banner的制作思路
        • 1.文案思路:
        • 2.一般设计流程:

在这里插入图片描述

一、初识banner

1.什么是banner:

banner就是页面中的横幅广告,核心使命就是吸引用户关注然后点击

在这里插入图片描述

2.banner的作用:

banner的作用是宣传、展示、广而告之给企业、产品、或人带来相应的转化率

3.banner的结构:

在这里插入图片描述

在这里插入图片描述

4.banner背景选择:

在这里插入图片描述

例4.1 纯色补充

在这里插入图片描述

例4.2 渐变补充

在这里插入图片描述

例4.3 场景切割

在这里插入图片描述

例4.4 摄影照片

在这里插入图片描述

例4.5 场景合成

在这里插入图片描述

例4.6 舞台效果

在这里插入图片描述

例4.7 肌理纹理

在这里插入图片描述

例4.8 3D立体

二、banner的制作思路

1.文案思路:

  • 突出标题(字体、颜色),区分好层次关系主副标题明确,banner标题文字醒目、易识别

在这里插入图片描述

  • 适当采用不同的对齐方案

左对齐更符合阅读习惯

在这里插入图片描述

右对齐需与左侧素材对应,保持画面重心

在这里插入图片描述

居中对齐具有对称美

在这里插入图片描述

两端对齐规整、有秩序

在这里插入图片描述

无规律排版,变化性强灵活

在这里插入图片描述

2.一般设计流程:

  • step1:确定表现主体考虑标准识别色

  • step2:确定主体背景

  • step3:确定信息的优先级

  • step4:设计整体排版

  • step5:添加主体装饰元素及细节处理

在这里插入图片描述



这篇关于【平面设计基础】09:横幅banner的设计的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程