網頁介面中除了點、線面這些實體造型元素，其餘的空間就是「空白」，空白不一定是「白」，它可以是與背景色相同的表示「虛」的空間範圍。空白能使實體在視覺上產生動態，獲得張力。在中國傳統繪畫中，空白的表現力豐富，同時又使筆墨生支靈妙，無怪乎古人所說「形得之於形外」，「計白守黑」。頁面中巧妙地留白，講究空白之美，有助於更好地烘托主題，渲染氣氛，集中視線，加強空間層次，使版面疏密有序，布局清晰。
**之比所以有如此神聖和不可思議的力量，乃是因為**比是含有無理數 的數字，用公式表示為φ=(1+)/2約=1.618。**矩形去掉短邊為邊長的正方形時，剩下的矩形仍為**矩形。
以正方形的對角線為長邊，所得矩形為矩形，再以矩形的對角線為長邊，所得矩形為矩形，以此類推，可以得到任意自然數的矩形。 矩形對折成半時，面積雖然只剩一半，但形狀不變，仍是矩形。
網頁介面的版式設計中，其比例關係一般體現在：頁面所限定空間的長寬比，實體內容與虛空間（空白）的面積比，頁面被分割的比例，**的關係比以及各造型元素內部的比例等形式上的數量關係。
對稱的版式設計穩定、莊嚴、整齊、秩序、安寧、沉靜，如同中國古代宮殿一樣莊重、嚴肅，體現了一種古典主義的風格。為避免對稱產生的單調和呆板，要在對稱中略帶變化。
視覺藝術中的節奏和韻律來自**的概念，節奏較多地強調「節拍」，韻律較多地強調「變化」，如果說韻律感不夠，是指缺少變化，過於呆板；如果說節奏感不強，是指變化缺乏條理規則。
對比是指因多種元素相異的特點相比較而更加鮮明強烈的緊張感。對比有形的對比（大小、方圓、長短、曲直、寬窄），色的對比（色相、明度、純度、冷暖），質的對比（剛柔、粗細、強弱、乾濕、輕重、軟硬、虛實），勢的對比（疾緩、疏密、動靜、抑揚、進退）等。對比關係越清晰，視覺效果就越強烈，在乙個頁面中，通常是多種對比關係同時並存，以產生多姿多彩的表現效果。
人眼的視線沿水平方向運動比沿垂直方向運動快而且不易疲勞。視線的變化習慣於從左到右，從上到下和順時針方向運動。
調查顯示，視區內上部比下部注目程度高，左側比右側更引人注意。
欲使網頁在傳遞視覺資訊時順暢高效，頁面須具備清晰的條理性和組織性，產生一定的主從關係。常採取的方式有：
（1）加強主從物件的大小對比。
（2）加大主體形象周圍的空白。
（3）加強主從物件之間的色彩對比。
（4）將主體形象在頁面反覆出現，強化與視線的接觸頻率，這種強化方式尤其適合於以產品為主體形象的網頁介面。
（5）加強主從物件在形態上「勢」的對比。一般來說，網頁的版面中水平或垂直的形態居多，如果主體形象運用適當的斜線和曲線，就會從水平、垂直線構成的環境中突顯出來。
通過視覺流程，設計師運用視覺移動規律，將多種視覺資訊進行有序組織，誘導瀏者的視線依設計師的意圖進行流動，從而使瀏覽者清晰、流暢、快捷地接受最佳資訊。視覺流程的幾種表現方式：
（1）單向視覺流程：橫向，豎向，斜向。
（2）曲線視覺流程。
（3）導向視覺流程：借助誘導因素來實現。
①線形導向：以線、文字等線形元素來引導觀者的視線。
②形象導向：以中人或物的朝向來引導觀者的視線，如人物的目光方向，乙個座椅的朝向等。
③指示導向：通過指示性的箭頭、手指或具有透視感的線條來引導視線。
（4）重心視覺流程：視覺會沿著形象方向與力度的伸展來變換、運動，如表現向心力或重力的視線運動。
（5）反覆視覺流程：其運動雖不如單向、曲線、重心視覺流程運動感強烈，但更富於節奏和秩序美。
（6）散點視覺流程：沒有固定的視覺流動線，強調一種感性、自由性、隨意性、偶然性。
對於欄目設定比較複雜的**，如果顯示所有與該頁相關的導航，頁面勢必變得相當龐大，影響了版面的整體布局。最好的辦法是將此頁面做成彈出視窗，不影響原有頁面的導航資訊，同時只設定與該頁關係最近的導航鏈結和首頁鏈結。
在視覺習慣上，頁面的垂直均勻分割，當左右兩部分形成強烈對比時，會造成視覺心理的不平衡。這時，可將分割線作部分或全部的弱化處理，或在分割處加入其他元素，使左右部分的過渡自然而和諧。
第二頁 網頁介面設計系列教程 視覺傳達設計
二 視覺傳達設計 視覺傳達設計簡稱視覺設計 visual communication design 或 graphic design 有時也被稱為資訊設計 information design 視覺傳達設計的過程，是設計者將思想和設計概念轉變為視覺符號形式的過程，即概念視覺化的過程，對資訊的接收者來...
實現引導頁 APP介面設計中的引導頁！
文 張麗 引導頁即是使用者在首次使用軟體時進行產品推介和引導的說明書，使使用者在最短的時間內了解這個軟體的主要功能 操作方式，以便於迅速上手。引導頁具有指引使用者了解和掌握軟體應用的功能 特性操作方法等作用，根據軟體應用的安裝情況，從位置上一般將引導頁分為前置引導和中間引導。前置引導。所謂前置引導即...
網頁加速系列（六） 網頁加速之高階下篇
網頁加速系列 六 網頁加速之高階下篇 本文可參考以下 六 網頁加速之高階下篇 很明顯，上面的 中缺少三個結束標記。但是這並不妨礙它的正確執行。在html中，這樣的標記還有一些，例如frame img和p。可是請不要偷懶，請將結束標記寫完整，這樣做不僅使html 格式規範，更可以加速頁面的顯示速度。因...