網(wǎng)頁規(guī)劃教程：網(wǎng)頁規(guī)劃中排版與布局根底

有些人始終認(rèn)為，網(wǎng)頁最主要是內(nèi)容，不需求再搞些門面上的東西，還拿出MUD來比 喻。可是，紅花還需求綠葉陪襯。想想，若MUD不僅僅單純的文本，還有畫面出來， 那么，它所吸引的何止現(xiàn)在的這些MUD迷呢？ 那么，我所要說的究竟是什么呢？初學(xué)者假如可以了解一些規(guī)劃上的東西，那么， 自己的頁面不會(huì)顯得亂，自己看了也高興，他人看了也高興，何樂而不為呢？ 
咱們的主頁，說究竟，僅僅一個(gè)800*600的畫面，那么，咱們要怎樣對(duì)它進(jìn)行組織 才合理呢？ 首要，也是最重要的一點(diǎn)，就是先停下創(chuàng)造，先想好一個(gè)主題?quot;設(shè) 計(jì)，是一種有意圖的創(chuàng)造"。若在動(dòng)手之前并不了解自己將要做什么及要怎樣做， 而僅僅一味的靠操作PHOTOSHOP的濾鏡而達(dá)到一種特效的話，那么，終究做出來的 東西最多部分看得覺得挺不錯(cuò)的，但全局就顯得太雜亂了。 頁面上的構(gòu)成，假如要讓他人一眼望去覺得很BEAUTIFUL，這里面實(shí)際上是有很大 的學(xué)問的。

咱們先來說說構(gòu)成，"構(gòu)成：是將造型按視覺效應(yīng)、視覺力學(xué)和精力力學(xué)等原則組成的，具備美好形狀的造型"。 構(gòu)成形式里，有空間構(gòu)成（平面構(gòu)成和立體構(gòu)成） 和時(shí)間構(gòu)成（靜和動(dòng)）。 咱們的創(chuàng)造，就是要協(xié)調(diào)這里面的種種聯(lián)系，順應(yīng)視覺 感觸，才可以感動(dòng)觀看者的視覺，得到咱們想要的效果。在這些形形式式里，都有 著如下的部件： 點(diǎn)：咱們一般認(rèn)為，點(diǎn)是指圓形的，但這是不正確的。只要在空間里有十分少量的 面積，無法構(gòu)成一個(gè)視覺上感覺的圖形，都是一個(gè)點(diǎn)。無論什么形狀都可以。 線：點(diǎn)調(diào)集在一起就構(gòu)成線。 面：一個(gè)平面。 體：一個(gè)物體。一般是指物體占有的空間，有三維形狀。

那么，當(dāng)點(diǎn)、線、面與體集結(jié)在一個(gè)頁面上時(shí)，它們的聯(lián)系要怎樣協(xié)調(diào)呢？它們之間都有什么效果呢？

點(diǎn)有會(huì)集視線、緊縮空間、引起注意的功能。 兩個(gè)點(diǎn)相距不遠(yuǎn)并且形狀不等時(shí)，一般由小向大看。 近距離的點(diǎn)引起面的感覺。 靈活運(yùn)用點(diǎn)，可使你的頁面有一些本質(zhì)上的變化。 當(dāng)點(diǎn)占有不同的空間時(shí)，它所引起的感覺是不同的。

（1） 居中引起視覺會(huì)集注意 。 
（2） 上引起下下跌感。 
（3） 在上左或上右引起不安靖感。 
（4） 下方中點(diǎn)，產(chǎn)生踏實(shí)感。 
（5） 左下右下，增加了動(dòng)感。

為什么會(huì)這樣呢？因?yàn)槿说囊曈X，都是經(jīng)過對(duì)生活的感覺都得來的。 在下方的東西，一般聯(lián)想到大地。 在上方的東西，一般聯(lián)想到浮云。線、面、體亦然。

線，又分為直線和曲線。直線：給人以速度，明確而銳利的感覺，具男性感。曲線，則美麗輕快，富于旋律。曲線的用法各異，需結(jié)合自己的需求。 而直線又分為斜線、水平線及垂直線。水平線代表平穩(wěn)、安靖、寬廣，具踏實(shí)感。垂直線則有強(qiáng)烈的上升及下落趨勢(shì)，可增加動(dòng)感。斜線，一般我沒有怎樣運(yùn)用
人們每看到一個(gè)東西，都試圖用橫直來分析，斜、歪是人們所不愿意見到的，但 適當(dāng)運(yùn)用部這個(gè)要靠個(gè)人的感覺。 面，指的是二度空間里的形。 面又分為幾許形和恣意形，我個(gè)人比較喜歡恣意形，因?yàn)樗�往更具人情味�?幾許形使人有一些機(jī)械感，但是，每一個(gè)圖形里都會(huì)要用到幾許形，請(qǐng)看它們各代表什么：

（1） 圓形：運(yùn)動(dòng)及和諧美 
（2） 矩形：?jiǎn)渭兌�明確，安穩(wěn) 
（3） 平行四邊形：有向一方運(yùn)動(dòng)的感覺。 
（4） 梯形：最安穩(wěn)，令人聯(lián)想到山。 
（5） 正方形：安穩(wěn)的擴(kuò)張。 
（6） 正三角形：平穩(wěn)的擴(kuò)張。 
（7） 倒三角形：不安靖，動(dòng)態(tài)及擴(kuò)張、夢(mèng)想。

咱們?cè)谌粘Ｉ�活中所看到的東西，都是因?yàn)樾闻c形、圖與底的彼此關(guān) 系。圖形之間，圖底之間，正因?yàn)楸日债a(chǎn)生差異而被咱們所感知所接 受。 圖與底的視差越大，圖形越明晰，對(duì)視覺的沖擊力越大。