web图片铺满网页_网页排版设计中运用对齐技巧的实战案例讲解

2c422fc56d3f127e3fa94346583fc1f4.png

有大咖说过,设计其实就是梳理内容,整理需求,然后进行主次划分和排布。其中最常运用到的对齐技巧就是居中,居左,左右,斜切等等。也可以借助栅格系统辅助对齐的规律。

居中对齐

-

将图片和主要文字信息放在画面的中间位置,且让四周留白的空间保持一致。居中排版能够给人一种稳定感。

d3c6fb366fe918b7905941d2d09f7884.png

平铺排版

-

将图片铺满整个画面,充当版面设计中的背景元素,多用于书封设计。最好选择具有吸引力的图片做平铺排版。

767740048725273700997fd889291ddb.png

出血排版

-

出血指的是将图片从版心中伸出摆放的方法。出血可以增强版面的冲击力和动感。

0f62b6bb7ddca47f03b3756d18aced24.png

跨页排版

-

跨页排版指的是图片占据跨过两个页面的版面。跨页排版可以增加版面的吸引力。

9d7def7dadae24da9dd37ce660c8dcbd.png

横向分割

-

上下式的分割会让我们自然而然的与重力联系在一起,上下分割的空间不同,会带来不同的感受。

a76607326081a1a071fdb9e78f7ac17d.png

纵向分割

-

左右式的分割在网页设计中很常用。纵向分割的视觉重心在左侧时,页面具有内向性;视觉中心在右侧时,页面具有外向性。

ee348b58f09313e9c2a81578da404745.png

倾斜分割

-

倾斜式的分割相较之前的排版方式更加新颖、时尚,更具速度感。

0e11a82c4e92563ceaaf40dd2949f72e.png

不规则分割

-

不规则的分割方式多用于插画式的网页设计中。不规则分割更加灵活、自由。

0c42872b0db230c2412638b3d8e8d1b9.png

自由排版

-

将图片放在版面中的任意位置,图片占据版面的大小和位置自由随意,没有拘束。自由排版可以更好的展示版面的设计感。

5d01efc5e7aa98728f42bddcb4ae9ea5.png
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值