网页制作时我们要怎么对页面进行安排布局才合理,使网页不会显得乱,自己看了也舒服,别人看了也不别扭呢?
我们先来说说构成,“构成”:是将造型按视觉效应、视觉力学和精神力学等原则组成的,具备美好形态的造型"。 构成形式里,有空间构成(平面构成和立体构成) 和时间构成(静和动)。 我们的创作,就是要协调这里面的种种关系,顺应视觉 感受,才能够打动观看者的视觉,得到我们想要的效果。在这些形形式式里,都有 着如下的部件: 点:我们一般认为,点是指圆形的,但这是不正确的。只要在空间里有非常少量的 面积,无法形成一个视觉上感觉的图形,都是一个点。无论什么形状都可以。 线:点集合在一起就形成线。 面:一个平面。 体:一个物体。一般是指物体占据的空间,有三维形状。
那么,当点、线、面与体集结在一个页面上时,它们的关系要怎么协调呢?它们之间都有什么作用呢?
点有集中视线、紧缩空间、引起注意的功能。 两个点相距不远而且形状不等时,一般由小向大看。 近距离的点引起面的感觉。 灵活运用点,可使你的页面有一些本质上的变化。 当点占据不同的空间时,它所引起的感觉是不同的。
(1) 居中引起视觉集中注意 。
(2) 上引起下跌落感。
(3) 在上左或上右引起不安定感。
(4) 下方中点,产生踏实感。
(5) 左下右下,增加了动感。
为什么会这样呢?因为人的视觉,都是经过对生活的感觉都得来的。 在下方的东西,一般联想到大地。 在上方的东西,一般联想到浮云。线、面、体亦然。
线,又分为直线和曲线。直线:给人以速度,明确而锐利的感觉,具男性感。曲线,则优美轻快,富于旋律。曲线的用法各异,需结合自己的需要。 而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广阔,具踏实感。垂直线则有强烈的上升及下落趋势,可增加动感。
人们每看到一个东西,都试图用横直来分析,斜、歪是人们所不愿意见到的,但适当运用在部分地方也还有些效果,比如一些说明文字,这个要靠个人的感觉。 面,指的是二度空间里的形。 面又分为几何形和任意形,我个人比较喜欢任意形,因为它往更具人情味。 几何形使人有一些机械感,但是,每一个图形里都会要用到几何形,请看它们各代表什么:
(1) 圆形:运动及和谐美
(2) 矩形:单纯而明确,稳定
(3) 平行四边形:有向一方运动的感觉。
(4) 梯形:最稳定,令人联想到山。
(5) 正方形:稳定的扩张。
(6) 正三角形:平稳的扩张。
(7) 倒三角形:不安定,动态及扩张、幻想。
网页版式设计基础知识
原创
©著作权归作者所有:来自51CTO博客作者king5439的原创作品,请联系作者获取转载授权,否则将追究法律责任
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
Python基础知识-5
介绍python的各种应用实例
python -
Python基础知识-4
主要记录文本与正则,排列组合等相关内容
python 文本文件 日期 正则 随机数 -
HTML|前端网页的设计基础知识
欢迎点击「算法与编程之美」↑关注我们!本文首发于:
html 编程之美 html标签 -
PowerBI基础知识——图表设计
PowerBI基础知识——图表设计
数据 字段 筛选器 -
网页前端制作需要哪些基础知识?
握网页前端制作所需的技能。
前端 css html HTML CSS -
HTML-网页制作必备基础知识
【代码】HTML-网页制作必备基础知识。
html css 前端 ci sed