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