国产日韩欧美综合色视频在线|日本在线中文字幕四区|最新中文字幕在线|成人女人天堂午夜视频

設為首頁加入收藏業務一覽表公司歷程公司介紹聯系我們
當前位置網站建設知識 >> 網頁設計中排版與布局基礎

網頁設計中排版與布局基礎

有些人始終認為,網頁最重要是內容,不需要再搞些門面上的東西,還拿出MUD來比 喻。可是,紅花還需要綠葉襯托。想想,若MUD不只是單純的文本,還有畫面出來, 那么,它所吸引的何止現在的這些MUD迷呢? 那么,我所要說的到底是什么呢?初學者假如能夠懂得一些設計上的東西,那么, 自己的頁面不會顯得亂,自己看了也開心,別人看了也開心,何樂而不為呢?
我們的主頁,說到底,只是一個800*600的畫面,那么,我們要怎么對它進行安排 才公平呢? 首先,也是最重要的一點,就是先停下創作,先想好一個主題?quot;設 計,是一種有目標的發明"。若在動手之前并不懂得自己將要做什么及要怎么做, 而只是一味的靠把持PHOTOSHOP的濾鏡而達到一種殊效的話,那么,終極做出來的 東西最多局部看得感到挺不錯的,但全局就顯得太復雜了。 頁面上的構成,假如要讓別人一眼看往感到很BEAUTIFUL,這里面實際上是有很大 的學問的。
我們先來說說構成,"構成:是將造型按視覺效應、視覺力學和精力力學等原則組成的,具備美好形態的造型"。 構成情勢里,有空間構成(平面構成和立體構成) 和時間構成(靜和動)。 我們的創作,就是要和諧這里面的種種關系,順應視覺 感受,才干夠激動觀看者的視覺,得到我們想要的后果。在這些形情勢式里,都有 著如下的部件: 點:我們一般認為,點是指圓形的,但這是不準確的。只要在空間里有非常少量的 面積,無法形成一個視覺上感到的圖形,都是一個點。無論什么外形都可以。 線:點聚集在一起就形成線。 面:一個平面。 體:一個物體。一般是指物體盤踞的空間,有三維外形。

那么,當點、線、面與體集結在一個頁面上時,它們的關系要怎么和諧呢?它們之間都有什么作用呢?

點有集中視線、壓縮空間、引起注意的功效。 兩個點相距不遠而且外形不等時,一般由小向大看。 近間隔的點引起面的感到。 機動應用點,可使你的頁面有一些本質上的變更。 當點盤踞不同的空間時,它所引起的感到是不同的。

(1) 居中引起視覺集中注意 。
(2) 上引起下跌落感。
(3) 在上左或上右引起不安定感。
(4) 下方中點,產生踏實感。
(5) 左下右下,增加了動感。

為什么會這樣呢?由于人的視覺,都是經過對生活的感到都得來的。 在下方的東西,一般聯想到大地。 在上方的東西,一般聯想到浮云。線、面、體亦然。

線,又分為直線和曲線。直線:給人以速度,明白而鋒利的感到,具男性感。曲線,則精美輕快,富于旋律。曲線的用法各異,需聯合自己的需要。 而直線又分為斜線、程度線及垂直線。程度線代表安穩、安定、廣闊,具踏實感。垂直線則有強烈的上升及著落趨勢,可增加動感。斜線,一般我沒有怎么應用,蛭斐墑泳醯囊恢植話捕ā?
人們每看到一個東西,都試圖用橫直來分析,斜、歪是人們所不愿看法到的,但 適當應用部梢源锏揭恍┨厥廡Ч ?這個要靠個人的感到。 面,指的是二度空間里的形。 面又分為幾何形和任意形,我個人比擬愛好任意形,由于它往更具人情味。 幾何形使人有一些機械感,但是,每一個圖形里都會要用到幾何形,請看它們各代表什么:

(1) 圓形:運動及和諧美
(2) 矩形:單純而明白,穩固
(3) 平行四邊形:有向一方運動的感到。
(4) 梯形:最穩固,令人聯想到山。
(5) 正方形:穩固的擴大。
(6) 正三角形:安穩的擴大。
(7) 倒三角形:不安定,動態及擴大、幻想。

我們在日常生活中所看到的東西,都是由于形與形、圖與底的相互關 系。圖形之間,圖底之間,正由于對照產生差別而被我們所感知所接 受。 圖與底的視差越大,圖形越明白,對視覺的沖擊力越大。 那么,平面上 有那么多的東西,我怎么才干夠斷定它是否是最重要的呢?請看:易于 成為"視覺中心"的條件:

(1) 居于畫面中心。
(2) 垂直或程度的比傾斜更易成為中心。
(3) 被包抄。
(4) 相對于其它圖形較大的。
(5) 色感要素強烈。
(6) 熟悉的圖案,假如這件東西我們很熟,則必定會以它為焦點。

可以把自己認為最重要的東西做大一點,突出一點,色彩鮮艷一點,其它的東西小 而且色調不要那么鮮明,以免搶了主題的"風頭"。 注意:圖與底之間的關系是很重要的。 假如我們斷定了背景,再斷定主題,在做頁面時不注意而將圖與底的關系設置為 1:1,那么,我們也許發明,底與圖的力場爭取非常激烈,即有時底被我們認為是圖。它們之間的關系只是相對,而非盡對。一般來說,底要大于圖,而圖要鮮于底。

一副圖,我們怎樣才認為它是美的呢?這涉及到形、聲、色的有機聯合,激動視知 覺,使觀者產生美的共識。一般來說,有如下幾點: (1) 穩固性:我們的視知覺總是試圖找一個平衡點,若找不到則產生混亂。 (2) 對稱性:相應的部位等量,易產于同一的秩序感,但比擬單調,可采用增加 局部動勢的方法,以取得鮮明、活潑的后果。 (3) 非對稱平衡:可以平衡為基礎,調劑尺寸形態結構?;蛘咭孕螒B各異的形, 經視覺判定,放置在斷定的地位,以得到預想的平衡。這個和個人的審美有關系。

事實上,通過上述的一些方法,我們重要是為了發明秩序,使相互的東西能夠在 沒有互相干擾的系統中起作用。 混亂與秩序之間的對照喚起了我們的視知覺,我們于是通過平衡、比例、節奏、 和諧,在迷亂中建立秩序,形成我們自己的作風。 形成自己作品的奇特氣質。 而假如注意自己作品的律動性,即旋律性,可通過重要一個基調實現,對于全部 頁面應當有畫龍點晴之效。 但要明白的熟悉到,并非所有的節奏都產生律動性,有時候,聽到一些音樂時覺 得它是垃圾,原理是一樣的。

旋律要有情感因素,富于變更而又同一的節奏和總體的和諧。 運動的旋律,活潑、明快、自由、變更、活力勃勃。 也要注意到,重復、周而 復、單純或漸變重復雖給人以視覺印象,但過于單調會使人疲憊并產生厭煩。必需 在重復中尋找動與靜的完善聯合,尋求單純與復雜、細膩與奔放、定向與不定向之 間的對照,在構成方法上多摸索,多鑒戒,求新求變。 以下先容這方面的方法:

(1) 同質要素的同一,這個比擬輕易,只要自己多摸索就行了。
(2) 類似要素同一,大小類似,色明度類似就可以了。
(3) 不一樣的要素的同一,由于形成對照,因此一般會形成對照,造成零碎、 不同一的感到,要令它產生節奏,一般是在要形成強烈焦點時才應用。 總之,我們要記住這一點: 在雷同中求變更,在不同中求同一,使大部分雷同,使小部分相異,可取得同一 又富有變更的感到。 但是,也要注意差別的大小標題。差別是對規律進行突破及形成對照,富于變 化。但是,差別過大,易失往總體和諧,過小易被規律沉沒,就注意把握尺度, 以不失整體觀感的適度對照為準。

我們怎樣才干夠讓別人感到我們的圖片很和諧呢?方法如下:

(1) 保留一個相近或近似的因素,自然的過渡
(2) 相互滲透
(3) 利用過渡形

在對照方面,必需有周到的編排,具體如下:

(1) 方向對照 在基礎有方向的條件下,大部分雷同,小部分不同可形成對照
(2) 地位對照 在頁面的安排不要太對稱,以避免平板單調。應在不對稱中找到 均衡,由此得到疏密對照。
(3) 虛實對照 事實上,虛與實是同等重要的,畫黑則白出,造圖則底成。應注 意雙方平衡。
(4) 隱顯對照 圖與底比擬,明度差大者顯示,明度差小者暗躲。顯與隱相輔相 成,能造成豐富的層次感。

在空間感方面,可以以點、線、面的排列,形成不同的空間感。 如以下方法:

(1) 重疊
(2) 大小
(3) 傾側,旋轉,深度
(4) 曲折
(5) 明度
(6) 投影
(7) 透視

[來源:寧波網站建設] [作者:zx7588] [日期:10-07-04] [閱讀:]