当前位置: 首页 >网站设计 >带你秒懂常见的网页设计布局

带你秒懂常见的网页设计布局

2021-11-22 10:46:30 网站设计
3239 0

开门见山,这次说的是网页设计中经常用到的页面布局。创意性很强的页面,一方面需要设计师充分发挥想象,另一方面需要工程师的充分配合才能达到完美的效果。所以,我们平时看到的网站还是以常见的布局为主。


Part1网页设计规范

宽度:用1280px的用户占80%1024px的用户占16%1024px以下的用户占4%

版心1002px(重要内容放版心内)

首屏高度:600px

字号:大标题 20px~24px;副标题14px;正文12px14px


Part2网页布局类型

1T型布局

页面顶部为横条,放置LOGO+广告条,下方左侧为主菜单,右侧显示内容。因为顶部颜色较深,整体效果类似字母T,是网页设计中使用最广泛的布局。

优点:结构清晰,主次分明,容易掌握。

缺点:规矩、呆板,如果颜色搭配不合理容易产生乏味

网页视觉设计师

网页设计视觉分析


2、三栏布局

T多一栏,没有思路时可参考。

优:版面利用率高,信息量大

缺:页面拥挤,不灵活

网页网站视觉设计软件

网页网站视觉设计软件


3、汉堡包布局

这种布局多用于国外站点,国内用的不多。

这种布局的特点是页面上横向两条色块,将页面整体分割为三部分,色块中大多放广告条。

网页网站视觉设计是什么


网站首页视觉设计



4、对称对比布局

顾明思意,采用左右或上下对称的布局,一半深一半浅,一般用于设计类网站

优:视觉冲击力强

缺:将两部分有机地结合起来比较困难

网页网站视觉设计教程


网站首页视觉设计

5POP布局

POP引自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。

优:显而易见,吸引人

缺:精美图片不容易找到;显示速度慢

网页网站视觉设计软件

网页设计视觉分析

以上5种网页布局型式属布局规整、内容整齐型;设计时需要注意平分与对齐。

6、倾斜型布局

可以对内容文字进行倾斜;也可以是对背景进行倾斜处理而文字内容保持水平。设计时需要注意角度的变化与节奏。常用于运动、汽车、促销活动等的网页布局。

视觉设计网站推荐


什么是网页视觉设计


网页视觉设计师


7、自由型布局

经常是根据某一主题而进行打破常规的设计,给人以独特、舒服、特立独行、眼前一亮的感觉。

网页网站视觉设计教程

什么是网页视觉设计

常见网页设计布局先写在这里,如果还有其他布局,欢迎留言,你的支持是我坚持写下去的动力。(微笑.jpg

 


admin
admin

评论列表(0条)

发表评论

Copyright © 2021 All Rights Reserved 版权所有 一舟讲堂