《2022年网页设计中排版与布局小基础CSSHTML教程.docx》由会员分享，可在线阅读，更多相关《2022年网页设计中排版与布局小基础CSSHTML教程.docx（6页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、2022年网页设计中排版与布局小基础CSSHTML教程有些人始终认为，网页最主要是内容，不须要再搞些门面上的东西，还拿出MUD来比 喻。可是，红花还须要绿叶陪衬。想想，若MUD不只是单纯的文本，还有画面出来， 那么，它所吸引的何止现在的这些MUD迷呢？ 那么，我所要说的究竟是什么呢？初学者假如能够了解一些设计上的东西，那么， 自己的页面不会显得乱，自己看了也快乐，别人看了也快乐，何乐而不为呢？ 我们的主页，说究竟，只是一个800*600的画面，那么，我们要怎么对它进行支配 才合理呢？ 首先，也是最重要的一点，就是先停下创作，先想好一个主题?设 计，是一种有目的的创建。若在动手之前并不了解自己将
2、要做什么及要怎么做， 而只是一味的靠操作PHOTOSHOP的滤镜而达到一种特效的话，那么，最终做出来的 东西最多局部看得觉得挺不错的，但全局就显得太困难了。 页面上的构成，假如要让别人一眼望去觉得很BEAUTIFUL，这里面事实上是有很大的学问的。 我们先来说说构成，构成：是将造型按视觉效应、视觉力学和精神力学等原则组成的，具备美妙形态的造型。 构成形式里，有空间构成（平面构成和立体构成） 和时间构成（静和动）。 我们的创作，就是要协调这里面的种种关系，顺应视觉 感受，才能够打动观看者的视觉，得到我们想要的效果。在这些形形式式里，都有 着如下的部件： 点：我们一般认为，点是指圆形的，但这是不正
3、确的。只要在空间里有特别少量的 面积，无法形成一个视觉上感觉的图形，都是一个点。无论什么形态都可以。 线：点集合在一起就形成线。 面：一个平面。 体：一个物体。一般是指物体占据的空间，有三维形态。那么，当点、线、面与体集结在一个页面上时，它们的关系要怎么协调呢？它们之间都有什么作用呢？点有集中视线、紧缩空间、引起留意的功能。 两个点相距不远而且形态不等时，一般由小向大看。 近距离的点引起面的感觉。 敏捷运用点，可使你的页面有一些本质上的改变。 当点占据不同的空间时，它所引起的感觉是不同的。（1） 居中引起视觉集中留意 。（2） 上引起下跌落感。（3） 在上左或上右引起担心定感。（4） 下方中点
4、，产生踏实感。（5） 左下右下，增加了动感。为什么会这样呢？因为人的视觉，都是经过对生活的感觉都得来的。 在下方的东西，一般联想到大地。 在上方的东西，一般联想到浮云。线、面、体亦然。线，又分为直线和曲线。直线：给人以速度，明确而锋利的感觉，具男性感。曲线，则美丽轻快，富于旋律。曲线的用法各异，需结合自己的须要。 而直线又分为斜线、水平线及垂直线。水平线代表平稳、安定、广袤，具踏实感。垂直线则有剧烈的上升及下落趋势，可增加动感。斜线，一般我没有怎么运用，因为它造成视觉的一种担心定。人们每看到一个东西，都试图用横直来分析，斜、歪是人们所不情愿见到的，但 适当运用部梢源锏揭恍厥庑 ?这个要靠个人的
5、感觉。 面，指的是二度空间里的形。 面又分为几何形和随意形，我个人比较喜爱随意形，因为它往更具人情味。 几何形使人有一些机械感，但是，每一个图形里都会要用到几何形，请看它们各代表什么：（1） 圆形：运动及和谐美（2） 矩形：单纯而明确，稳定（3） 平行四边形：有向一方运动的感觉。（4） 梯形：最稳定，令人联想到山。（5） 正方形：稳定的扩张。（6） 正三角形：平稳的扩张。（7） 倒三角形：担心定，动态及扩张、幻想。我们在日常生活中所看到的东西，都是由于形与形、图与底的相互关 系。图形之间，图底之间，正由于对比产生差异而被我们所感知所接 受。 图与底的视差越大，图形越清楚，对视觉的冲击力越大。
6、那么，平面上 有那么多的东西，我怎么才能够确定它是否是最主要的呢？请看：易于 成为视觉中心的条件：（1） 居于画面中心。（2） 垂直或水平的比倾斜更易成为中心。（3） 被包围。（4） 相对于其它图形较大的。（5） 色感要素剧烈。（6） 熟识的图案，假如这件东西我们很熟，则肯定会以它为焦点。可以把自己认为最主要的东西做大一点，突出一点，色调艳丽一点，其它的东西小 而且色调不要那么显明，以免抢了主题的风头。 留意：图与底之间的关系是很重要的。 假如我们确定了背景，再确定主题，在做页面时不留意而将图与底的关系设置为 1：1，那么，我们或许发觉，底与图的力场争夺特别激烈，即有时底被我们认为是图。它们之
7、间的关系只是相对，而非肯定。一般来说，底要大于图，而图要鲜于底。一副图，我们怎样才认为它是美的呢？这涉及到形、声、色的有机结合，打动视知 觉，使观者产生美的共鸣。一般来说，有如下几点： （1） 稳定性：我们的视知觉总是试图找一个平衡点，若找不到则产生混乱。 （2） 对称性：相应的部位等量，易产于统一的秩序感，但比较单调，可采纳增加 局部动势的方法，以取得显明、生动的效果。 （3） 非对称平衡：可以平衡为基础，调整尺寸形态结构。或者以形态各异的形， 经视觉推断，放置在确定的位置，以得到预想的平衡。这个和个人的审美有关系。 事实上，通过上述的一些方法，我们主要是为了创建秩序，使相互的东西能够在 没
8、有相互干扰的系统中起作用。 混乱与秩序之间的比照唤起了我们的视知觉，我们于是通过平衡、比例、节奏、 协调，在迷乱中建立秩序，形成我们自己的风格。 形成自己作品的独特气质。 而假如留意自己作品的律动性，即旋律性，可通过重要一个基调实现，对于整个 页面应当有画龙点晴之效。 但要清晰的相识到，并非全部的节奏都产生律动性，有时候，听到一些音乐时觉 得它是垃圾，原理是一样的。 旋律要有情感因素，富于改变而又统一的节奏和总体的和谐。 流淌的旋律，活泼、明快、自由、改变、生气勃勃。 也要留意到，反复、周而 复、单纯或渐变重复虽给人以视觉印象，但过于单调会使人疲惫并产生厌烦。必需 在反复中找寻动与静的完备结合，寻求单纯与困难、细腻与奔放、定向与不定向之 间的对比，在构成方式上多探究，多借鉴，求新求变。 以下介绍这方面的方法： 本新闻共2页,当前在第1页12