html页面宽度1920,网页banner尺寸1920

news/2024/10/17 20:20:07/

网页设计设计过程中,banner图是整个网页中,图片面积最大,位置最显眼的区域,甚至一个好看的网站就取决于banner的设计。

5d5dea9e47068269.jpg

现主流banner的尺寸主要是分为这三种,(推荐学习:web前端视频教程)

1.显示位置是固定尺寸的,比如1200*560,1200*360

2.显示位置是居中的,比如1920*560,其实主题显示的内容是1200*560,用这种尺寸只要是正对大屏的显示器,两边不会显得很尴尬,也是现在的常用的尺寸

3.显示位置是整个屏幕,比如1920*1000

banner的设计和海报设计其实可以统称成一样,设计的原理还是相同的,只是banner要考虑整体网站的结构,是否协调,设计上相对平面设计要简单很多。

我这里的设计方式是一张好看的背景图,合理的元素,漂亮的文字效果,颜色的统一,合理的搭配我觉得就可以了。

1566436041566438.jpg

banner最头疼的地方主要是版面的排版上,常用的banner排版,有这几种:

1是居中型,不光是文字还是图标,图形,居中显示在内容的中心部分,这种设计对于宽度不宽,但是有点高的海报比较合适,如果是网页banner就要考虑背景图片和元素的融合,因为你不能让元素占满整个空间。

2两端对称型,文字和元素相对

3,叠加型,主要是元素背景和文字信息之间有个层叠的效果,通过阴影,底纹,将整体风格表现出视觉上的立体感,

我们在设计的时候,不要把整个空间都占满,适当的留白让作品看着更舒服,元素和文字大小的比例也很重要,一个漂亮的背景图片也是不可或缺的的组成部分,我在在做图的时候,总是觉得很死板,原因的话,可以分为这几种:

一个是背影颜色土,背景图片不行,字体太普通,元素太单调,一东西天多,感觉狠花等等,我们在设计字体,元素的时候可以通过阴影,样式,变形,渐变色让元素活动起来,背景图片,通过模糊,颜色的明度,来搭配,字体可以通过底纹,边框,变形,高光来让字体动起来;

当然这些每个人都会说,主要还是要看我们去练,多看一些好的平面设计。


http://www.ppmy.cn/news/126445.html

相关文章

图片1920x1080分辨率怎么调 ?图片如何修改分辨率?

图片是我们日常生活中经常需要使用到的东西,但是在使用图片时我们会遇到需要调图片分辨率的情况,有很多小伙伴对于图片分辨率这个概念并不了解,今天就来为大家具体介绍一下图片1920x1080怎么调以及怎么给图片修改分辨率,下面一起来…

Windows 10 错误1920,未能启动服务:office software protection platform。

机器上的Office2010突然间不能用了,需要安装什么配置文件,但是在安装的过程中出现了该错误,大致查了查应该是权限的问题,其中这篇文章中介绍了Win7的解决办法:https://answers.microsoft.com/zh-hans/office/forum/off…

ThreadLocal源码

介绍 ThreadLocal是一个线程的本地变量,也就意味着这个变量是线程独有的,是不能与其他线程共享的。这样就可以避免资源竞争带来的多线程的问题。 但是,这种解决多线程安全问题的方式和加锁方式(synchronized、Lock) 是有本质的区…

JMeter数据库性能测试指南:全面掌握基础操作

1.网络请求时间 2.数据库查询的时间 数据库性能指标 TPS:每秒事务数(一秒钟服务器处理的事务数,事务指,请求出去到响应回来的整个过程的时间) QPS:每秒查询量(就是数据库每秒执行的SQL数量,包含insert/…

Linux 之 del_timer 和 del_timer_sync

del_timer 函数 del_timer函数用于删除一个定时器,不管定时器有没有被激活,都可以使用此函数删除。在多处理器系统上,定时器可能会在其他的处理器上运行,因此在调用 del_timer函数删除定时器之前要先等待其他处理器的定时处理器函…

【Linux】——调试器-gdb的使用

序言: 本期,我将带领大家学习的关于linux下的调试器gdb的使用,废话不多说跟着我一起去看看吧!! 目录 前言 (一)背景介绍 1、debug模式和release模式 2、为什么Release不能调试但DeBug可以调…

Catia 电吹风壳体设计

1.绘制草图 2.对称、创建圆弧、相交 3.插入线框圆 4.多截面实体 5.绘制草图、桥接曲面 6.绘制草图、拆解 7.创建平面、绘制草图 8.创建平面、绘制草图 9.多截面曲面 10.隐藏所有曲线和点对象 11.修剪曲面 12.绘制草图、填充曲面 13.曲面接合 14.绘制草图、拉伸 15.偏移曲面 16.…

澳洲站:电吹风AS/NZS 60335.2.23: 2017 安全标准测试

电吹风 重要: 如果您在亚马逊商城销售商品,则必须遵守适用于这些商品和商品信息的所有联邦、州/省/直辖市/自治区和地方法律以及亚马逊政策。 亚马逊政策要求通过亚马逊网站销售的电吹风必须符合特定标准的检测要求。要在亚马逊商城销售这类商品&#x…