Java教程

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

本文主要是介绍【平面设计基础】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的设计的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！
您可能喜欢
栏目导航