使用不規(guī)則幾何形狀布局排版的網(wǎng)頁(yè)設(shè)計(jì)欣賞

創(chuàng)新互聯(lián)為您提供使用不規(guī)則幾何形狀布局排版的網(wǎng)頁(yè)設(shè)計(jì)欣賞。每個(gè)網(wǎng)頁(yè)都要經(jīng)過(guò)優(yōu)質(zhì)的設(shè)計(jì)，接軌世界的潮流，運(yùn)用科技方式使我們能著眼未來(lái)，不斷地追求新奇，引領(lǐng)人們體驗(yàn)我們創(chuàng)造的時(shí)尚文化。構(gòu)成是將造型按視覺(jué)效應(yīng)、視覺(jué)力學(xué)和精神力學(xué)等原則組成的，具備美好形態(tài)的造型，構(gòu)成形式里，有空間構(gòu)成(平面構(gòu)成和立體構(gòu)成)和時(shí)間構(gòu)成(靜和動(dòng))。

我們的創(chuàng)作，就是要協(xié)調(diào)這里面的種種關(guān)系，順應(yīng)視覺(jué)感受，才能夠打動(dòng)觀看者的視覺(jué)，得到我們想要的效果。在這些形形式式里，都有著如下的部件：

點(diǎn)：我們一般認(rèn)為，點(diǎn)是指圓形的，但這是不正確的。只要在空間里有非常少量的 面積，無(wú)法形成一個(gè)視覺(jué)上感覺(jué)的圖形，都是一個(gè)點(diǎn)。無(wú)論什么形狀都可以。

線：點(diǎn)集合在一起就形成線。

面：一個(gè)平面。

體：一個(gè)物體。一般是指物體占據(jù)的空間，有三維形狀。

那么，當(dāng)點(diǎn)、線、面與體集結(jié)在一個(gè)頁(yè)面上時(shí)，它們的關(guān)系要怎么協(xié)調(diào)呢?它們之間都有什么作用呢?

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

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

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

線，又分為直線和曲線。直線：給人以速度，明確而銳利的感覺(jué)，具男性感。曲線，則優(yōu)美輕快，富于旋律。曲線的用法各異，需結(jié)合自己的需要。 而直線又分為斜線、水平線及垂直線。水平線代表平穩(wěn)、安定、廣闊，具踏實(shí)感。垂直線則有強(qiáng)烈的上升及下落趨勢(shì)，可增加動(dòng)感。斜線，一般我沒(méi)有怎么使用，因?yàn)樗斐梢曈X(jué)的一種不安定。

人們每看到一個(gè)東西，都試圖用橫直來(lái)分析，斜、歪是人們所不愿意見(jiàn)到的，但 適當(dāng)運(yùn)用這個(gè)要靠個(gè)人的感覺(jué)。 面，指的是二度空間里的形。 面又分為幾何形和任意形，我個(gè)人比較喜歡任意形，因?yàn)樗呷饲槲丁?幾何形使人有一些機(jī)械感，但是，每一個(gè)圖形里都會(huì)要用到幾何形，請(qǐng)看它們各代表什么：

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

我們?cè)谌粘Ｉ钪兴吹降臇|西，都是由于形與形、圖與底的相互關(guān) 系。圖形之間，圖底之間，正由于對(duì)比產(chǎn)生差異而被我們所感知所接 受。 圖與底的視差越大，圖形越清晰，對(duì)視覺(jué)的沖擊力越大。 那么，平面上 有那么多的東西，我怎么才能夠確定它是否是最主要的呢?請(qǐng)看：易于 成為"視覺(jué)中心"的條件：

1. 居于畫(huà)面中心。
2. 垂直或水平的比傾斜更易成為中心。
3. 被包圍。
4. 相對(duì)于其它圖形較大的。
5. 色感要素強(qiáng)烈。
6. 熟悉的圖案，如果這件東西我們很熟，則一定會(huì)以它為焦點(diǎn)。

可以把自己認(rèn)為最主要的東西做大一點(diǎn)，突出一點(diǎn)，色彩鮮艷一點(diǎn)，其它的東西小 而且色調(diào)不要那么鮮明，以免搶了主題的"風(fēng)頭"。 注意：圖與底之間的關(guān)系是很重要的。 如果我們確定了背景，再確定主題，在做頁(yè)面時(shí)不注意而將圖與底的關(guān)系設(shè)置為 1：1，那么，我們也許發(fā)現(xiàn)，底與圖的力場(chǎng)爭(zhēng)奪非常激烈，即有時(shí)底被我們認(rèn)為是圖。它們之間的關(guān)系只是相對(duì)，而非絕對(duì)。一般來(lái)說(shuō)，底要大于圖，而圖要鮮于底。

一副圖，我們?cè)鯓硬耪J(rèn)為它是美的呢?這涉及到形、聲、色的有機(jī)結(jié)合，打動(dòng)視知 覺(jué)，使觀者產(chǎn)生美的共鳴。一般來(lái)說(shuō)，有如下幾點(diǎn)：

(1) 穩(wěn)定性：我們的視知覺(jué)總是試圖找一個(gè)平衡點(diǎn)，若找不到則產(chǎn)生混亂。

(2) 對(duì)稱性：相應(yīng)的部位等量，易產(chǎn)于統(tǒng)一的秩序感，但比較單調(diào)，可采用增加 局部動(dòng)勢(shì)的方法，以取得鮮明、生動(dòng)的效果。

(3) 非對(duì)稱平衡：可以平衡為基礎(chǔ)，調(diào)整尺寸形態(tài)結(jié)構(gòu)。或者以形態(tài)各異的形， 經(jīng)視覺(jué)判斷，放置在確定的位置，以得到預(yù)想的平衡。這個(gè)和個(gè)人的審美有關(guān)系。

事實(shí)上，通過(guò)上述的一些方法，我們主要是為了創(chuàng)造秩序，使相互的東西能夠在 沒(méi)有互相干擾的系統(tǒng)中起作用。 混亂與秩序之間的對(duì)照喚起了我們的視知覺(jué)，我們于是通過(guò)平衡、比例、節(jié)奏、 協(xié)調(diào)，在迷亂中建立秩序，形成我們自己的風(fēng)格。 形成自己作品的獨(dú)特氣質(zhì)。 而如果注意自己作品的律動(dòng)性，即旋律性，可通過(guò)重要一個(gè)基調(diào)實(shí)現(xiàn)，對(duì)于整個(gè) 頁(yè)面應(yīng)該有畫(huà)龍點(diǎn)晴之效。 但要清楚的認(rèn)識(shí)到，并非所有的節(jié)奏都產(chǎn)生律動(dòng)性，有時(shí)候，聽(tīng)到一些音樂(lè)時(shí)覺(jué) 得它是垃圾，原理是一樣的。

旋律要有情感因素，富于變化而又統(tǒng)一的節(jié)奏和總體的和諧。 流動(dòng)的旋律，活潑、明快、自由、變化、生機(jī)勃勃。 也要注意到，反復(fù)、周而 復(fù)、單純或漸變重復(fù)雖給人以視覺(jué)印象，但過(guò)于單調(diào)會(huì)使人疲勞并產(chǎn)生厭煩。必須 在反復(fù)中尋找動(dòng)與靜的好結(jié)合，尋求單純與復(fù)雜、細(xì)膩與奔放、定向與不定向之 間的對(duì)比，在構(gòu)成方式上多探索，多借鑒，求新求變。 以下介紹這方面的方法：

1. 同質(zhì)要素的統(tǒng)一，這個(gè)比較容易，只要自己多摸索就行了。
2. 類(lèi)似要素統(tǒng)一，大小類(lèi)似，色明度類(lèi)似就可以了。
3. 不一樣的要素的統(tǒng)一，由于形成對(duì)比，因此一般會(huì)形成對(duì)比，造成零散、 不統(tǒng)一的感覺(jué)，要令它產(chǎn)生節(jié)奏，一般是在要形成強(qiáng)烈焦點(diǎn)時(shí)才使用。 總之，我們要記住這一點(diǎn)： 在相同中求變化，在不同中求統(tǒng)一，使大部分相同，使小部分相異，可取得統(tǒng)一 又富有變化的感覺(jué)。 但是，也要注意差異的大小問(wèn)題。差異是對(duì)規(guī)律進(jìn)行突破及形成對(duì)比，富于變 化。但是，差異過(guò)大，易失去總體協(xié)調(diào)，過(guò)小易被規(guī)律淹沒(méi)，就注意把握尺度， 以不失整體觀感的適度對(duì)比為準(zhǔn)。

我們?cè)鯓硬拍軌蜃寗e人覺(jué)得我們的圖片很協(xié)調(diào)呢?方法如下：

1. 保留一個(gè)相近或近似的因素，自然的過(guò)渡
2. 相互滲透
3. 利用過(guò)渡形

在對(duì)比方面，必須有周密的編排，具體如下：

1. 方向?qū)Ρ?在基本有方向的前提下，大部分相同，小部分不同可形成對(duì)比
2. 位置對(duì)比 在頁(yè)面的安排不要太對(duì)稱，以避免平板單調(diào)。應(yīng)在不對(duì)稱中找到 均衡，由此得到疏密對(duì)比。
3. 虛實(shí)對(duì)比 事實(shí)上，虛與實(shí)是同等重要的，畫(huà)黑則白出，造圖則底成。應(yīng)注 意雙方平衡。
4. 隱顯對(duì)比 圖與底比較，明度差大者顯示，明度差小者隱藏。顯與隱相輔相 成，能造成豐富的層次感。

在空間感方面，可以以點(diǎn)、線、面的排列，形成不同的空間感。 如以下方法：

1. 重疊
2. 大小
3. 傾側(cè)，旋轉(zhuǎn)，深度
4. 彎曲
5. 明度
6. 投影
7. 透視

新聞標(biāo)題：使用不規(guī)則幾何形狀布局排版的網(wǎng)頁(yè)設(shè)計(jì)欣賞
文章分享：http://www.muchs.cn/news30/170480.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App開(kāi)發(fā)、建站公司、關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、用戶體驗(yàn)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)