網頁版式設計的形式原理
日期:2011/11/11 / 人氣:
佛山網站建設_佛山網站制作_佛山網站設計_佛山網站_佛山網頁設計_佛山網頁建設_佛山網頁制作
1、重復與交錯
重復是把相同或相似的形態連續、有規律地反復出現。重復的特點是以單純的手法求得整體形象的秩序和統一,具有
節奏美,使人產生清晰、連續、平和、安定、無限之感。在版面構成中,不斷重復使用相同的形或線,它們的形狀、大
小、方向都是相同的,重復可以分為單純重復和變化重復兩種形式。
為了避免重復構成后的視覺感受有時容易顯得呆板、平淡、缺乏趣味性的變化,故此我們在版面中可安排一些交錯與
重疊,打破版面呆板、平淡的格局。
2、節奏與韻律
正如歌德所言:美麗屬于韻律。節奏與韻律來自音樂概念。節奏是按照一定的條理、秩序、重復連續地排列,形成一
種律動的形式。它有等距離的連續,也有漸變、大小、長短、明暗、形狀、高低等的排列構成。節奏在網頁設計中所產
生的美感是其他形式所無法表現的。形狀、線條、色調、質感、文字元素的重復出現,在任何構圖中都可以用來構成強
烈的節奏。我們可以將這些元素進行適度的反復、移位、重疊等,產生所需要的節奏和美感。
韻律是在節奏中注入美的因素和情感——個性化因素。韻律好比音樂中的旋律,不但有節奏更有情調,它能增強版面
的感染力,開闊藝術的表現力。韻律是一種規律性的變化,它是比節奏更高一級的律動,比如音樂、詩歌、舞蹈。在網
頁設計中,網頁界面中的圖形圖像、文字、色彩等視覺要素,在組合上符合某種規律,瀏覽者在視覺和心理上便會產生
韻律感。版面的韻律建立的構成形象的點線、字體或圖形圖像的組合等的關系之中,運用比例、輕重、緩急、反復、漸
變等規律形式來體現,韻律引導視覺流程。
3、對稱與均衡
對稱是指形態以某一點為中心,其左右或者上下因同等、同量、同形而形成的平衡。對稱是同等同量的平衡。對稱的
形式有以中軸線為軸心的左右對稱,以水平線為基準的上下對稱和以對稱點為源的放射對稱,還有以對稱面出發的反轉
形式。其特點是穩定、莊嚴、整齊、秩序、安寧、沉靜。兩個同形對象的并列與均齊,實際上就是最簡單的對稱形式。
相對對稱與均衡是比較常見的版式。
均衡是指運用等量不等形的方式來表現毛段的統一性,揭示內在的、含蓄的秩序和平衡,是一種有變化的平衡。均衡
的形式富于變化、趣味,具有靈巧、生動、活潑、輕快的特點。在非等形等量的情況下,構圖以均衡來概括和衡量,與
等型等量的平衡各占構圖的50%。均衡的要素有平衡、變化和統一、明暗、色彩、空間層次等。在進行網頁界面的版式設
計時,根據內容的邏輯性,將各要素按主次、強弱關系進行設計,以獲得視覺上的均衡感,從而引發觀眾的情感效應。
4、對比與調和
對比是將相異的視覺元素作強弱對照編排所運用的形式手法,是差異性的強調。對比的因素存在于相同或相異的性質
之間,基本要素是顯示主從關系,使人感受到鮮明、強烈的效果。對比有大小、明暗、黑白、強弱、粗細、疏密、高低
、遠近、硬軟、直曲、濃淡、動靜、銳鈍、輕重等幾種形式。在網頁中,文字與文字、圖形與圖形、實體與空白間處處
都存在對比關系。
調和是指適合、舒適、安定、統一,最近似性的強調,使兩者或兩者以上的要素相互具有共性。對比與調和是相輔相
成的。一般來講對比強調差異,而調和強調統一,適當減弱形、線、色等圖案要素間的差距,比如同類配色與鄰近色配
合具有 和諧寧靜的效果,給人以協調感。在版面構成中,優秀的頁面常表現為既對比又調和。一般整體版面宜調和,局
部版面宜對比。
5、比例與適度
比例是形的整體與部分、部分與部分之間數量的一種比率關系。比例又是一種用幾何語言和數比詞匯表現現代生活與
現代科學技術的抽象藝術形式。成功的版面構成,首先取決于良好的比例。比例常常表現出一定的數例、黃金比等。黃
金比能求得最大限度的和諧,使版面被分割的不同部分產生相互的聯系。
適度是版面的整體與局部、人的生理或習性的某些特定標準之間的大小關系,也就是版面構成要從視覺上適合讀者的
視覺心理。比例關系、對比關系、統一關系等,通常具有秩序、明朗的特性,予人一種清新、自然的新感覺。
6、變異與秩序
變異是規律的突破,是一種在整體效果中的局部突變。這一突變之異,往往就是整個版面最具動感、最引人關注的焦
點,也是其含義延伸或轉折的始端。變異的形式有規律的轉移、規律的變異,可依據大小、方向、形狀、顏色的不同來
構成特異效果。強調變異的原理,是塑造版面吸引力的要訣。
秩序是指頁面中各視覺元素有組織、有規律的形式表現。秩序美是構成版面的靈魂。構成秩序美的原理有對稱、均衡
、比例、韻律、多樣統一等。在秩序美中溶入變異之構成,可使版面獲得一種活潑動情的效果。秩序產生的美感具有簡
潔、直觀地特點。
7、虛實與留白
中國傳統美學有“讓白手黑”這一說法。就是說編排的內容是“黑”,也就是實體,虛的地方,空白的地方是“白”
,也可為細弱的文字、圖形色彩,這要根據內容而定。
8、力場與結構
力場是一種在人們心理的感應下虛擬的空間。在版面的范圍內,點狀、線狀和塊面狀的分割及限定,都顯示其特定的
力感與力度。與其周圍形成一個具有充滿空靈的、流動的、有生命力的“場”。
一個平面的四條邊、四個角,人的視線順其周邊運動,會在角上停留片刻,然后繼續順周邊運動,并自然地感受到中
心點,這就形成了一個潛在的結構圖,當我們將一個點放在水平中軸和垂直中軸以及其他結構線上時,會給人穩定、舒
服的感覺;當點被放在偏離結構線的位置,則會產生新穎、別致的效果,從這點引出水平線和垂直線,與周邊相交后形
成的四個長方形,它們之間的形狀、面積差異越大,版面越生動,反之越呆板。
9、變化與統一
變化與統一是形式美的總法則,
作者:朋友圈科技
相關內容 Related
- 為什么響應式設計需要媒體查詢2016/8/5
- 虛擬主機被搜索引擎爬蟲訪問耗費大量流量解決方法2016/8/3
- 網站建設中如何創建完美的顏色組合2016/8/1
- 什么是長尾關鍵詞?2016/8/1
- 建設企業或個人網站的好處2016/7/8
- 前端開發者需要知道的常識2016/7/6
- 12種方法為您拓展業務通道2016/7/27
- SEO優化的三大技巧2016/7/24
- 10的方法來提高你的網站設計2016/7/24
- 網站統計用哪個比較好,百度?cnzz?2016/7/21