萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁版式淺談

網頁版式淺談

  網頁中心

  由於人的生理特征所決定,在一個版面中,人們感覺到的中心比實際的幾何中心要略高一點,我們稱它為視覺中心,這就是為什麼在一個版面設計中,主要的文字和圖形經常放在中間偏上一點位置的原因,應當認識到,在版面中這個區域較之下部或邊緣地區是最愛人重視的區域

  但是,這並非所有的設計都要千篇一律將版面中心放在視覺中心的位置,反之,聰明的設計師往往用種種辦法,將版面中心偏離視覺中心,以取得新穎醒目的效果,他們或采用大面積空白,或通過版面運動導線的走向,色彩純度、明度的對比進行強調、烘托,從而突出版面中心。

  畫家潘天壽作畫時便是這樣做的,他一反傳統繪畫中將主體放置畫面中間的慣例,以一塊用線勾勒的空白大石頭充滿畫幅,將畫面的主體——老鷹或花草放在畫面邊緣。這種大膽破格的精神值得我們借鑒。

  網頁比例

  美的形式原理存在於藝術各個門類,網站制作也不例外,好的網站制作必須遵守這些設計原理,將美融匯於網站制作中,網站制作中的頁面原理的講解雖然分十二節進行,但是你應當清醒地認識到:這些網頁制作中的頁面原理之所以分開來講解,只是為了給深入研究每一課題提供方便,實質上,它們之間是相輔相成的、密不可分的,通常情況下,這些網頁設計原理是既對立又統一地共存於一個網頁中的。

  第一節 網站制作中的比例

  美的比例是網頁設計成功的基礎,好頁面的首部、菜單、頁面和底部的合理安排和選擇,首先取決於良好的比例!

  自古以來,公認為最美的比例是黃金比(黃金分割)--1:1.618.取AB線段的二分之一作垂線與點B得BO,取O為圓心,BO為半徑作圓與AO交於點C,AB為長邊,AC為短邊,它們的比例既為黃金比.

  還有一種美的比例標准產生於德國,我們稱之為德國標准比例.既以正方形的對角線為長邊,正方形的一邊為短邊,作圓弧得到的長方形(如上圖右)是德國標准比例.其大方、樸素、公正,用之於網頁設計,可使人感覺穩重、可靠,確實是一種美的比例標准。

  良好比例的運用,是網站制作中藝術修養與審美情趣綜合、靈活應用的結果,切生搬硬套.

  網頁方向

  在版面中,字行、字組、圖片的安排都存在著某種方向的運動感,我們將其概括為水平、垂直、傾斜三類,水平線與視線左右運動的方向一致,使人感到舒展、自在、猶如廣闊平靜的大地,而垂直線與視線上下運動不如左右運動靈活自如,垂直的運動使人聯想到瞻仰紀念牌等崇高、肅穆的活動,傾斜線條則充滿著動感。

  當兩條線逐漸向選拔的方向移動,我們稱之為會聚,當它們相交後,便形成了角,當視線沿角的兩邊滑動,相交於角的頂點時,會停留片刻,然後沿角的方向繼續向前移動,這也是許多指路牌使用箭頭的緣故.

  還在一種情況:當兩條會聚的線,在相交之前就停住時,人們的視線會不自覺的沿著一存在的虛線繼續向"會聚點"移動.

  在版面中,會聚的方向通常應引向版面中較為重要的中心,而不應引向邊緣次要的位置,從而分散了對主體的注意力.但是有一種例外,當將角群化處理後,多個角的不同方向形成了一個美麗而富於變化的底面,這時,單個角的方向感大大削弱,也就無所謂對主體注意力分散的問題了.

  網頁分割

  網頁制作中的分割是一種最基本的,隨處可見的版式原理。分割有兩種:1.橫向分耕,2.縱向分割。

  橫向分割是二維的、平面的,在一個網頁中,隨意排上一行字,便有意無意的存在著一個分割的問題,即:一條線被分割為兩段後,兩段間的比例是否美的問題,實質上,它是一個比例問題。如版心與開本比例是分割,行距、字距的確立也是分割,每一個字的設計也存在分割。在一個網頁中,多層次、講究的橫向分割將復雜的局部組織成統一協調的整體。

 

  縱向分割是指向網頁深處沿伸的縱深分割,使二維的平面具有三度空間的效果,猶如一幅風景畫具有清晰的近景、柔和的中景、輕柔的遠景一般。這些層次的形成,首先決定於每一層次與空白版面本身的明度對比,其次還有色彩純度對比的影響。通常將這種層次對比稱之為三分法,三分法使版面主次分明、清新美麗,避免了主次不分、雜亂無章的狀況。各層次間的對比可強可弱,它們可以組合成無窮無盡的多種情調的版面,但是經驗告訴我們,過多的層次往往影響版面單純、清晰的氣質,簡練的少層次的分割往往更受歡迎。

copyright © 萬盛學電腦網 all rights reserved