【网页设计自习室#005】网页页面中banner海报设计

一.banner是什么

banner在英文中的意思为横幅,条幅
在网页中的概念:PC端,移动端广告图,也称为焦点图
banner的作用是为了吸引用户,展示宣传
参考尺寸:宽:1920px 宽度有效区:1200px
高度:480——600px

二. banner设计概述

1.banner常用背景设计

①纯色背景
②渐变背景
③形状背景
④立体空间背景
⑤场景背景
⑥合成背景

2.文字常用设计方法

左右对齐,居中对齐
大小对比,粗细对比,颜色对比,虚实对比
造型化,特殊化,图形化处理
与矢量图形结合

2.1 字体分类

衬线字体
衬线字体通常给人速度和力量的感觉,通常用作运动类设计

【网页设计自习室#005】网页页面中banner海报设计

非衬线字体
非衬线字体给人圆润温和的感觉,通常用作商品宣传设计

【网页设计自习室#005】网页页面中banner海报设计

三. 重点

banner设计不是一蹴而就的,需要长时间练习,观看优秀作品积累起来的
如果想做好banner 就需要学会海报设计,电商设计原则
页面排版,文字排版,矢量图形应用

上一篇:JavaScript中compile()方法有什么用?


下一篇:antd-vue的select组件实现既可以输入添加,又可以下拉选择