SEARCH
行业动态

行业动态

最新网页排版布局的9种设计思路

2021-05-29

阅读:4

网页设计师总结出最新的9种网页设计思路,主要是针对网页排版布局来展开。排版布局讲究主题内容的分布、策划及切面切割方式。布局其实就是怎么切割,怎么分布内容。


01

-

纵向居中分割页面



使用纵向线分割页面的时候,如果分割线居中,那么就是均等分割。当视觉重 I 心在左侧的时候,页面更加具有母性,是内向型的,如果重心在右侧,那么是父性的,或者说是外向型的。


02

-

纵向分割且左侧面积大



当页面被纵向分割的时候,左右排布的内容会具有一种包含时间性的隐约。左侧面积较大的时候,更适宜表现偏过去、更加老道经典的内容,更加收敛,暗含有「过去」的属性。


03

-

纵向分割且右侧面积大



右侧面积较大的时候,这种分割所带来的感受就更加外向,更加具有攻击性,更加「面向未来」,因此这种分割布局会呈现出一种更加向前的感觉。


04

-

横向居中分割页面



横向居中的分割线,会将页面分成上下两个均匀的部分。这种布局同样具有「时间性」,上部代表未来,下部代表过去。如果核心的信息放在上半部分,会呈现出一种明确的指引性。


05

-

横向分割且上部面积大



上下式的分割会自然而然和我们对于重力的认知联系到一起。上部面积较大的时候,上部所带来的压力感会让页面显得稳定,更加平和,而「时间性」上,则呈现出一种对未来的希望和期待感。


06

-

横向分割且下部面积大



下部面积较大的布局,靠下的部分会自然而然地成为视觉的重心,会相对于前者的设计更加压抑,会显得更重,更容易体会权威性、经典感。


07

-

不作分割的全屏式布局



在不作分割的全屏式的布局当中,背景图片本身的视觉效果被最大化地呈现了出来,视觉效果更加开阔,体验更加具有沉浸感,更加生动,细节更加丰富,冲击力也更加明显。


08

-

对四周进行切割的居中布局



将四周围均匀的切割出来之后,留白会使得居中的视觉元素更加容易引人注意,自然而然地会更加聚焦而非沉浸。当需要呈现特定内容的时候,这种分割方式会非常有用。


09

-

采用倾斜分割布局



倾斜式的分割布局会相对前面的布局更加新颖,时尚而错落,也更加具有速度感。如果是均匀分割,内容不同属性相似,还会让两块区域具有明显的对抗性。如果两者内容互为辅助,则会具有一种独特的融入感。



  • GanZhou
  • DongGuan
  • ShenZhen
  • GuangZhou
  • JiuJiang

ADD:赣州市南康区龙岭经济开发区

TEL:136-6297-4469

ADD:东莞市常平镇星汇置地16层

TEL:181-2288-6265

ADD:深圳市宝安区沙井南环路188号

TEL:136-6297-4469

ADD:广州地铁一号线黄沙站附近

TEL:181-2288-6265

ADD:九江市长虹大道东方俊园15楼

TEL:136-6297-4469

Wechat