十一种排版,让你的网页不再单调

在版式设计当中,主要有以下几种排版形式:重心型排版、中轴型排版、划分型排版(分上下划分和左右划分)、倾斜型排版、骨骼型排版、满版型排版、曲线型排版、对称型排版、三角形、四角型排版和自由型排版。

在网页设计中,这些形式同样十分常见,我们来看一些。

1、重心型排版

重心型排版版式的网页容易让浏览者产生视觉焦点,界面效果强烈且突出。重心型排版又可以分以下三种形式。

A、直接以独立而轮廓分明的形象占据版面中心。

84658294 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

ivanovoiskozh —— 俄罗斯企业网站

B、向心:视觉元素向版面中心聚拢的运动。

52638308 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

bdsalads —— 食物食品网站

C、离心:犹如将石子投入水中,产生一圈圈向外扩散的弧线运动。

38909252 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

Twomari —— 炸鸡食品美食网站

2、中轴型排版

中轴型排版的网页设计,是将图形做水平或垂直方向的排列,文案以上下或左右配置。水平排列的版面会给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。垂直排列的这种排版方式比较常出现。

74758429 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

INSPOT —— 韩国设计公司网站

3、划分型排版

划分型排版主要可以分成上下划分和左右划分。相比较,左右划分型排版的网站会比较常见。

A、上下划分

上下划分,顾名思义,就是把整个版面分为上下两个部分。可以在上半部或下半部配置图片,另一部分则配置文案。配置有图片的部分感性而有活力,而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

7631542 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

Sojournal —— 时尚家居企业网站

B、左右划分

左右划分,就把整个版面划分为左右两个部分,分别在左或右配置文案。当左右两部分形成强弱对比时,则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题,也自然不如上下划分的视觉流程自然。不过,倘若将划分线虚化处理,或用文字进行左右重复或穿插,左右图文则变得自然和谐。

24314087 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

AVEDA —— 美容美发时尚网站

4、倾斜型排版

倾斜型排版的网站比较少见,这样的网站偏个性化一些,多在一些设计公司或是运动品牌的网站中出现。版面的主体形象做倾斜设计,造成版面强烈的动感和不稳定因素,这种设计比较引人注目。

39200301 - reprinted, design - 十一种排版,让你的网页不再单调

该站已下线

2016CHUNGNAM —— 韩国体育网站

5、骨骼型排版

骨骼型排版比较在传统网站当中比较常见,它是一种规范的界面划分方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和四栏等。一般以竖向分栏为多。说到这个,就可以想到栅格系统,实际上这两者是差不多意思的。

骨骼型排版的网站会给人以严谨、和谐、理性的美。每一个区块经过相互混合后的版式,既理性、条理,又活泼而具弹性。

52353951 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

ZUI框架

6、满版型排版

满版型排版的网站近几年也越来越多见,通常是版面以图象充满整版,主要以图象为诉求,视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型排版给人以大方、舒展的感觉。

67352883 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

水族馆度假村俱乐部

7、曲线型排版

图片或文字在版面结构上作曲线的编排构成,产生节奏和韵律。

68115889 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

Transfer Window

8、对称型排版

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。

95992670 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

DeLaneau

(万花筒效果,心脏受不住的勿点),这个网站是绝对对称,比较少见,这样的网站看久了会比较单调。

9、三角形

在圆形、四方形、三角形等基本形态中,正三角形(金字塔形)是最具安全稳定因素的形态,而圆形和倒三角形则给人以动感和不稳定感。

website design form - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

Asahi Refining —— 黄金产品网站

10、四角型排版

四角型排版指在版面四角以及连接四角的对角线结构上编排的图形。这种结构的版面,给人以严谨,规范的感觉。

65880585 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

NOROO PAINT —— 企业网站

11、自由型排版

自由型排版的结构是无规律的、随意的编排构成,有活泼、轻快之感。

50217980 - reprinted, design - 十一种排版,让你的网页不再单调

查看该网站

Happymaker in 高野山 —— 旅游网站

 

不同的行业,不同的产品,不同的营销思路,所需的网站板式各有不同。在选择网站构图时,充分了解公司的产品、业务甚至愿景、使命等是很有必要的。

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!


您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注