- 相關(guān)推薦
網(wǎng)頁版式設(shè)計(jì)構(gòu)成
網(wǎng)頁的版式設(shè)計(jì)通常包括:視覺元素及其組織形式、頁面間的專場以及網(wǎng)站的導(dǎo)航形式等。以下是小編為大家收集的網(wǎng)頁版式設(shè)計(jì)構(gòu)成，歡迎大家借鑒與參考，希望對大家有所幫助。
攝影視覺與網(wǎng)頁設(shè)計(jì)在視覺傳達(dá)上擁有這許多共同性，也許它們之間并沒有什么距離，或許他們本身就是一家。設(shè)計(jì)師同攝影師大致一樣，都是在創(chuàng)造可供視覺傳達(dá)的圖像，這種的共性決定了其形式方面、構(gòu)成方面內(nèi)在規(guī)律的相似性。攝影講究微妙的光影對比，以取得畫面豐富的層次感。攝影也看重畫面的構(gòu)圖，使畫面與現(xiàn)實(shí)相比，更具有感染力!接下來，將通過攝影的構(gòu)圖、景深、光影來闡述它與網(wǎng)頁設(shè)計(jì)的共性。
攝影構(gòu)圖指照片畫面上的布局、結(jié)構(gòu)。其中具體含義是根據(jù)拍攝要求，運(yùn)用相機(jī)鏡頭的成像特征和攝影造型手段，在取景器這個(gè)視覺框架內(nèi)運(yùn)用審美原則安排畫面，使拍攝對象比現(xiàn)實(shí)更具藝術(shù)感染力。那么讓我們來看看攝影的構(gòu)圖方式運(yùn)用到網(wǎng)頁當(dāng)中去，會(huì)duang出一個(gè)怎樣的火花呢!
以三個(gè)視覺中心為景物的主要位置，有時(shí)是以三點(diǎn)成面幾何構(gòu)成來安排景物，形成一個(gè)穩(wěn)定的三角形。這種三角形可以是正三角也可以是斜三角或倒三角，其中斜三角較為常用，也較為靈活。三角形構(gòu)圖具有安定、均衡但不失靈活的特點(diǎn)。
正三角形如同金字塔一樣，兩條斜邊向上匯聚，其尖端有一種向上的動(dòng)感。在網(wǎng)頁設(shè)計(jì)中，這種構(gòu)圖最穩(wěn)定，在心理上給人以堅(jiān)實(shí)。安全的感覺。
三角形給人穩(wěn)定的感覺，而倒三角給人的感覺截然相反，即不穩(wěn)定、緊張的感覺。倒三角形構(gòu)圖相對正三角形構(gòu)圖而言更加新穎，但畫面的穩(wěn)定和均衡感沒有正三角形構(gòu)圖強(qiáng)烈，相比之下，它更能表現(xiàn)一種張力和壓迫感，使畫面更富有視覺沖擊力。
對稱式構(gòu)圖是一種表現(xiàn)上下、左右對稱效果的構(gòu)圖，可以給人安定、莊重、深遠(yuǎn)之感。
對稱式構(gòu)圖把水平線、垂直線安排在畫面中央。例如拍攝景物的倒影時(shí)，水平線要在畫面中央，才能呈現(xiàn)上下對稱的視覺效果。又比如說，當(dāng)圖像左右對稱，就應(yīng)該將垂直線安排在畫面中央，以表現(xiàn)為左右對稱構(gòu)圖的形式美。
使用對稱式構(gòu)圖會(huì)使畫面較為平淡，因?yàn)槿说囊暰�重復(fù)觀賞同樣的形態(tài)，會(huì)產(chǎn)生視覺疲勞。所以當(dāng)我們采用此構(gòu)圖方法時(shí)，可以利用，色彩、光影等，打破單調(diào)感。
當(dāng)你欣賞一副畫面時(shí)，你的視線很容易被某些線條引導(dǎo)有木有，就像被路標(biāo)指引那樣，讓你進(jìn)入到特定場景中去，這個(gè)就是引導(dǎo)線的作用，巧妙利用引導(dǎo)線，可以有意識(shí)地將用戶的注意力集中于你想要表現(xiàn)的主題上去。
其實(shí)引導(dǎo)線并非一定是曲線，可以是人的視線，也可以是拼接在一起的小色塊等等。只要能將觀者的視線自然有序地拉到畫面中的主體對象，那么它就達(dá)到了引導(dǎo)線的目的，巧妙地突出主體。
所謂景深，就是當(dāng)焦點(diǎn)對準(zhǔn)某一點(diǎn)時(shí)，其前后都仍可清晰的范圍。它能決定是把背景模糊化來突出拍攝對象，還是拍出清晰的背景。
淺景深(大光圈)
淺景深(大光圈)是指景深越來越短，景深外的景物模糊不清，對焦點(diǎn)對焦到的主體，使拍攝主體清晰。
一些失敗的作品之所以不能引起用戶的注意力，是因?yàn)轫撁鏇]有層次和立體感�？赏ㄟ^控制景深的方法，運(yùn)用淺景深，讓主體清晰，背景模糊來增強(qiáng)突出主體，使主題跟背景有強(qiáng)烈的實(shí)與虛的對比。
深景深(小光圈)
小光圈是指景深變深，對焦主體以外的背景和前景不容易變模糊，保持清晰。運(yùn)用深景深，使畫面更加附有空間感，且營造更有深度的氛圍。
利用景深，前后虛實(shí)的關(guān)系來突出主題，增加畫面層次感、空間感。
攝影離不開光，有光才有影。現(xiàn)實(shí)生活中的自然光來自唯一的太陽光。對于投射在被攝體的光線，因方向和角度不同，不只是陰影的位置和面積會(huì)隨之改變，而被攝體的印象。感覺、包括影調(diào)和色調(diào)也會(huì)呈現(xiàn)不同的視覺效果。
高反差光影
光線反差的高低能營造不同的畫面氛圍，通常高反差的光影小景亮部細(xì)節(jié)表現(xiàn)完美，質(zhì)感強(qiáng)烈，可給觀者非常直觀的感受;而暗部幾乎是細(xì)節(jié)全無，色調(diào)單一，這樣可以有效襯托出亮部的主體，并且暗部自身也會(huì)影響觀者的感覺。大片的留白會(huì)給用戶以無限的想象空間，是主體感覺的一種延伸與擴(kuò)展。不同的主體對象使背景暗部給欣賞者的遐想空間也不同，主要的想象依據(jù)是觀者的生活經(jīng)驗(yàn)及自然常識(shí)。
視覺反差大則畫面視覺張力強(qiáng)
低反差光影
與高反差光影效果不同，低反差光影的作品中一般極少有極亮與極暗區(qū)域、中間亮度區(qū)域占據(jù)了幾乎全部畫面，同時(shí)，作品中各種不同色彩的飽和度較低，這樣畫面整體會(huì)營造出一種淡雅、朦朧的氛圍，給觀者的視覺效果也比較平淡、柔和。另外，低反差畫面的視覺效果也比較模糊，這種模糊并不是因?yàn)閷共磺逦�，主要是由人的視覺特性引起的錯(cuò)覺。
視覺反差小則柔和平緩，使畫面更有韻味。
哲學(xué)里事物時(shí)普遍聯(lián)系，在藝術(shù)范疇里所有的方向都有相似的共性，我們不妨換一個(gè)角度，也許能看到不一樣的認(rèn)知。
這里所舉的例子僅僅只是一小部分，希望能起到拋磚引玉的作用。
擴(kuò)展資料：
網(wǎng)頁的藝術(shù)設(shè)計(jì)是網(wǎng)頁制作技術(shù)與藝術(shù)表現(xiàn)形式的完美結(jié)合。即以先進(jìn)的網(wǎng)頁制作技術(shù)和豐富的視聽藝術(shù)效果來全面展示網(wǎng)站內(nèi)容。
網(wǎng)頁的版式設(shè)計(jì)就是在有限的屏幕空間上將多種媒體元素進(jìn)行有機(jī)的組合，讓各種元素根據(jù)主題的要求進(jìn)行合理配置。使頁面中不同元素所占的面積大小適中，通過線條色塊將不同的元素進(jìn)行分類，讓訪問者能很快的從中找到信息。
常見的網(wǎng)頁板式構(gòu)圖分析
1.同字形 很多大型網(wǎng)站都采用這種類型的布局這種信息內(nèi)容的布局方法是在最上方放置網(wǎng)頁的標(biāo)題以及廣告條幅，中間是網(wǎng)頁的主要內(nèi)容，在網(wǎng)頁的最底部放置網(wǎng)站的一些基本信息，聯(lián)系方式，版權(quán)聲明，這是最常用的布局方式。
2.T字形 網(wǎng)頁的頁面頁眉是標(biāo)題或廣告橫幅，頁面的左側(cè)是一系列超鏈接，右側(cè)是很寬的正文下面是網(wǎng)站的一些輔助信息。整體效果類似英文字母T.
3.三字型 頁面最上方為標(biāo)題，頁面中間為正文，他可以是一些文章頁面或注冊頁面，下面是網(wǎng)站的相關(guān)信息。
4.海報(bào)型 隨著網(wǎng)絡(luò)技術(shù)的不斷發(fā)展，越來越多的網(wǎng)站會(huì)把首頁制作成一張精美的平面海報(bào)，配以一些文字和動(dòng)畫效果，或是簡潔的鏈接按鈕。海報(bào)型的構(gòu)圖方式能使畫面視覺沖擊力強(qiáng)，訪問者印象深刻。不過如果處理不當(dāng)會(huì)使首頁速度較慢，所以在制作時(shí)要注意。
5.flash型 他與海報(bào)類型相似，只是這種結(jié)構(gòu)采用了目前非常流行的flash動(dòng)畫，與封面行不同的是，由于flash功能強(qiáng)大，頁面所表達(dá)的信息更豐富，視覺效果和聽覺效果更出色。
【網(wǎng)頁版式設(shè)計(jì)構(gòu)成】相關(guān)文章：
網(wǎng)頁美工色彩設(shè)計(jì)要素構(gòu)成06-10
平面設(shè)計(jì)版式技巧07-23
版式設(shè)計(jì)中的圖版率詳解08-04
版式設(shè)計(jì)中文字的編排設(shè)計(jì)06-16
平面設(shè)計(jì)的版式編排與視覺習(xí)慣07-14