網(wǎng)頁版式構(gòu)成原理(一)

  • 2020-04-01 10:47:14
  • 閱讀次數(shù):
  • 作者:盈嵐科技小編
  • 來源:http://m.supportcoffeeroasters.com

對稱與均衡

對稱是指以某一點為中心,其左右或者上下因同等、同量、同形而形成的平衡。對稱有以中軸線為軸的左右對稱,以水平線為軸的上下對稱和以中心點為基準的放射對稱。

【示例1】在網(wǎng)頁設(shè)計中,對稱的版式設(shè)計穩(wěn)定、莊嚴、整齊、秩序、安寧、沉靜,如同中國古代宮殿一樣莊重、嚴肅,體現(xiàn)了一種古典主義的風格。在如圖所示網(wǎng)頁中,男、女裝以對稱的形式左右排布,給人感覺平穩(wěn)、有序。

1.jpg

對稱構(gòu)圖均衡是指版面以某一點為中心,左右或者上下等量不等形的配置。均衡是一種造型上有變化的平衡狀態(tài),具有變化的統(tǒng)一性。它揭示了形式內(nèi)在的、含蓄的秩序和平衡,體現(xiàn)了造型動與靜相結(jié)合的動態(tài)之美。均衡的形式靈活而富于變化,易于產(chǎn)生現(xiàn)代感。進行界面的網(wǎng)頁設(shè)計時,根據(jù)內(nèi)容的邏輯性,將各要素按主次、強弱關(guān)系進行設(shè)計,將獲得視覺上的均衡感,表現(xiàn)為呼應(yīng)關(guān)系或起承關(guān)系,即由一個要素轉(zhuǎn)移至承接它的另一要素,二者之間必然產(chǎn)生呼應(yīng)關(guān)系,引發(fā)觀眾的情感效應(yīng)。

【示例2】在如圖11.6所示網(wǎng)頁中,以一個水晶球為中心點,通過兩側(cè)色調(diào)的輕重使頁面版式獲得心理上的量的均衡。

1.jpg

節(jié)奏與韻律

節(jié)奏是指單體按照一定的條理、秩序,重復(fù)連續(xù)地排列,形成一種律動形式。例如,呼吸、心跳是人的生理節(jié)奏,波浪的前進、四季的交替是自然界的節(jié)奏,而圖案的連續(xù)紋樣、建筑上的柱窗結(jié)構(gòu)是設(shè)計中的節(jié)奏。在版式設(shè)計中也是如此,同樣的形態(tài)、同樣的色彩變化、同樣的明暗對比以反復(fù)、漸變的方式出現(xiàn),使人體會到一種類似音樂中的節(jié)奏,從而產(chǎn)生美學體驗。節(jié)奏使單純的更單純,統(tǒng)一的更統(tǒng)一。韻律是一種規(guī)律性的變化,它是比節(jié)奏更高一級的律動。韻律是宇宙間普遍存在的一種美感形式,天體的運行、季節(jié)的更迭、晝夜的交替、人體的運動體現(xiàn)出一種韻律,音樂、詩歌、舞蹈中更是包含著韻律的美。

音樂是用時間的間隔使聲音在強弱或高低變化中產(chǎn)生韻律,詩歌是運用詩的押韻或語言內(nèi)在的聲韻秩序來表達韻律,舞蹈是靠人的舞姿在空間塑造出變化的形態(tài)來體現(xiàn)韻律。而視覺藝術(shù)的韻律,則由造型元素的有規(guī)律的節(jié)奏變化形成。一般來說,節(jié)奏感和韻律感同時存在,但細分起來,節(jié)奏較多地強調(diào)“節(jié)拍”,韻律較多地強調(diào)“變化”,如果說韻律感不夠,是指缺少變化,過于平板;如果說節(jié)奏感不強,是指變化缺乏條理規(guī)則。

【示例】運用節(jié)奏與韻律的形式法則,能創(chuàng)造出形象鮮明、形式獨特的視覺效果,表達輕松、優(yōu)雅的情感,使網(wǎng)頁界面產(chǎn)生不可思議的活力與魅力。如圖所示的網(wǎng)頁,頁面反復(fù)通過不同的人體排列在一起,讓人處處感受到音樂的輕松節(jié)奏。如圖2所示,用大弧度的曲線、橢圓形作轎車的背景,使頁面流暢、富于韻律,用來襯托產(chǎn)品的高貴品質(zhì)。

1.jpg


1.jpg

對比與統(tǒng)一

對比是指將性質(zhì)相異的形態(tài)要素直接或間接地配置在一起,相異的特點因比較而更加鮮明,使人產(chǎn)生強烈的緊張感。對比有形的對比(大小、方圓、長短、曲直、寬窄等),色的對比(色相、明度、純度、冷暖),質(zhì)的對比(剛?cè)帷⒋旨?、強弱、干濕、輕重、軟硬、虛實等),勢的對比(疾緩、疏密、動靜、抑揚、進退等)。對比能使視覺效果更生動、強烈、感人、富于活力,從而使人記憶深刻。對比關(guān)系越清晰,視覺效果就越強烈。在網(wǎng)頁設(shè)計中,文字與文字、圖形與圖形、實體與空白間處處都存在對比關(guān)系。在一個頁面中,通常是多種對比關(guān)系同時并存,以產(chǎn)生多姿多彩的表現(xiàn)效果。

【示例1】如圖所示網(wǎng)頁中,大大的椅子與水平放置的黑色色塊構(gòu)成方向上的對比,同時還具有色彩純度、明度、色相的對比,使人獲得視覺上的平衡感。

1.jpg

如果說,對比是將矛盾強化,強調(diào)“異”的概念,那么統(tǒng)一就是將矛盾弱化,產(chǎn)生調(diào)和,趨向于“同”的概念。統(tǒng)一是指性質(zhì)相同或類似的形態(tài)要素并置在一起,形成一種一致或趨向于一致的感覺。統(tǒng)一并不是設(shè)計形式的單一化,它使多種多樣變化的因素具有條理性和規(guī)律性,使各個局部相互聯(lián)系。為了獲得版面的整體效果,我們常用各種手法來取得統(tǒng)一,如在頁面的不同位置運用相同的字體、相同的色調(diào),出現(xiàn)相同特征和形狀的造型因素等,使版面各處協(xié)調(diào)一致。

當前文章標題:網(wǎng)頁版式構(gòu)成原理(一)

當前URL:http://m.supportcoffeeroasters.com/news/wzzz/3187.html

上一篇:網(wǎng)頁版式設(shè)計基礎(chǔ)(一)

下一篇:網(wǎng)頁設(shè)計的版式視覺原理

網(wǎng)站建設(shè)、網(wǎng)絡(luò)營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)