網頁界面中除了點、線面這些實體造型元素，其余的空間就是“空白”，空白不一定是“白”，它可以是與背景色相同的表示“虛”的空間范圍。空白能使實體在視覺上產生動態，獲得張力。在中國傳統繪畫中，空白的表現力豐富，同時又使筆墨生支靈妙，無怪乎古人所說“形得之于形外”，“計白守黑”。頁面中巧妙地留白，講究空白之美，有助于更好地烘托主題，渲染氣氛，集中視線，加強空間層次，使版面疏密有序，布局清晰。

黃金之比所以有如此神圣和不可思議的力量，乃是因為黃金比是含有無理數?的數字，用公式表示為Φ=(1+)/2約=1.618。黃金矩形去掉短邊為邊長的正方形時，剩下的矩形仍為黃金矩形。

以正方形的對角線為長邊，所得矩形為矩形，再以矩形的對角線為長邊，所得矩形為矩形，以此類推，可以得到任意自然數的矩形。?矩形對折成半時，面積雖然只剩一半，但形狀不變，仍是矩形。

網頁界面的版式設計中，其比例關系一般體現在：頁面所限定空間的長寬比，實體內容與虛空間（空白）的面積比，頁面被分割的比例，圖文的關系比以及各造型元素內部的比例等形式上的數量關系。 對稱的版式設計穩定、莊嚴、整齊、秩序、安寧、沉靜，如同中國古代宮殿一樣莊重、嚴肅，體現了一種古典主義的風格。為避免對稱產生的單調和呆板，要在對稱中略帶變化。

視覺藝術中的節奏和韻律來自音樂的概念，節奏較多地強調“節拍”，韻律較多地強調“變化”，如果說韻律感不夠，是指缺少變化，過于呆板；如果說節奏感不強，是指變化缺乏條理規則。

對比是指因多種元素相異的特點相比較而更加鮮明強烈的緊張感。對比有形的對比（大小、方圓、長短、曲直、寬窄），色的對比（色相、明度、純度、冷暖），質的對比（剛柔、粗細、強弱、干濕、輕重、軟硬、虛實），勢的對比（疾緩、疏密、動靜、抑揚、進退）等。對比關系越清晰，視覺效果就越強烈，在一個頁面中，通常是多種對比關系同時并存，以產生多姿多彩的表現效果。 人眼的視線沿水平方向運動比沿垂直方向運動快而且不易疲勞。視線的變化習慣于從左到右，從上到下和順時針方向運動。 調查顯示，視區內上部比下部注目程度高，左側比右側更引人注意。

欲使網頁在傳遞視覺信息時順暢高效，頁面須具備清晰的條理性和組織性，產生一定的主從關系。常采取的方式有： （1）加強主從對象的大小對比。 （2）加大主體形象周圍的空白。 （3）加強主從對象之間的色彩對比。 （4）將主體形象在頁面反復出現，強化與視線的接觸頻率，這種強化方式尤其適合于以產品為主體形象的網頁界面。 （5）加強主從對象在形態上“勢”的對比。一般來說，網頁的版面中水平或垂直的形態居多，如果主體形象運用適當的斜線和曲線，就會從水平、垂直線構成的環境中突顯出來。

通過視覺流程，設計師運用視覺移動規律，將多種視覺信息進行有序組織，誘導瀏者的視線依設計師的意圖進行流動，從而使瀏覽者清晰、流暢、快捷地接受最佳信息。視覺流程的幾種表現方式： （1）單向視覺流程：橫向，豎向，斜向。 （2）曲線視覺流程。 （3）導向視覺流程：借助誘導因素來實現。 ①線形導向：以線、文字等線形元素來引導觀者的視線。 ②形象導向：以圖片中人或物的朝向來引導觀者的視線，如人物的目光方向，一個座椅的朝向等。 ③指示導向：通過指示性的箭頭、手指或具有透視感的線條來引導視線。 （4）重心視覺流程：視覺會沿著形象方向與力度的伸展來變換、運動，如表現向心力或重力的視線運動。 （5）反復視覺流程：其運動雖不如單向、曲線、重心視覺流程運動感強烈，但更富于節奏和秩序美。 （6）散點視覺流程：沒有固定的視覺流動線，強調一種感性、自由性、隨意性、偶然性。

對于欄目設置比較復雜的網站，如果顯示所有與該頁相關的導航，頁面勢必變得相當龐大，影響了版面的整體布局。最好的辦法是將此頁面做成彈出窗口，不影響原有頁面的導航信息，同時只設置與該頁關系最近的導航鏈接和首頁鏈接。

在視覺習慣上，頁面的垂直均勻分割，當左右兩部分形成強烈對比時，會造成視覺心理的不平衡。這時，可將分割線作部分或全部的弱化處理，或在分割處加入其他元素，使左右部分的過渡自然而和諧

本文來源于成都網站建設公司與成都網站設計制作公司-創新互聯成都公司！

當前名稱：版式的構成與設計
轉載源于：http://vcdvsql.cn/news49/310799.html

成都網站建設公司_創新互聯，為您提供軟件開發、云服務器、網站設計、網站維護、網站制作、網站內鏈

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯