網頁的版式設計
除了文字之外，網頁上最重要的設計元素莫過於影象了。一方面，影象的應用使網頁更加美觀、有趣；另一方面，影象本身也是傳達資訊的重要手段之一。與文字相比，它直觀、生動，可以很容易地把那些文字無法表達的資訊表達出來，易於瀏覽者理解和接受。
1.影象的格式
web通常使用兩種影象格式：gif和jpeg。除此以外，還有兩種適合網路傳播但沒有被廣泛應用的影象格式：png和mng。
2.影象的形式
同印刷排版一樣，靜態影象在網頁排版中的運用不外乎四種形式：方形圖、退底圖、出血圖以及這三種形式的結合使用。
（1）方形圖 即圖形以直線邊框來規範和限制，是一種最常見、最簡潔、最單純的形態。方形圖使影象內容更突出且將主體形象與環境共融，可以完整地傳達主題思想，富有感染性。配置方形圖的頁面，給人以穩重、可信、嚴謹、理性、莊重和安靜等感覺，但有時也顯得平淡、呆板。
（2）退底圖 將影象中的背景去掉，只留下主題形象。退底圖形自由而突出，更具有個性，因而給人印象深刻。配置退底圖的頁面，輕鬆、活潑，動態十足，而且**結合自然，給人以親和感。但也容易造成凌亂和不整體的感覺。
（3）出血圖 影象的一邊或幾個邊充滿頁面，有向外擴張和舒展之勢。一般用於傳達抒情或運動資訊的頁面，因不受邊框限制，感覺上與人更加接近，便於情感與動感的發揮。
3.影象的編排
（1）四角與中軸四點結構
頁面的四個角與對角線、中軸四點及水平與垂直的中軸線，具有支配頁面結構的作用。
四角是頁面邊界相交形成的四個點，把四角連線起來的斜線即對角線，交叉點為頁面中心。中軸四點指經過頁面中心的垂直線和水平線的端點。這四個點可上、下、左、右移動。
通過四角與中軸四點結構的不同組合、變化，可以求得多樣的頁面結構。在影象排版時緊緊抓住這八個點，可以突出網頁的形式美感，網頁的版式設計、視覺流程的籌畫也得到相應簡化。
（2）塊狀組合與散點組合結構
塊狀組合，即通過水平、垂直線分割，將多幅影象在頁面上整齊有序地排列成塊狀，這種結構具有強烈的整體感和秩序美感。各幅影象相互自由疊置或分類疊置而構成的塊狀組合，具有輕快、活潑的特性，同時也不失整體感。
散點組合，即影象分散排列在頁面各個部位，具有自由、輕快的感覺。採用這種結構應注意影象的大小、主次，以及方形圖、退底圖和出血圖的配置，同時還應考慮疏密、均衡、視覺流程等。
4.影象的處理
影象的外形、大小、數量以及與背景的關係，都與內容有著密切的聯絡。
（1）影象的外形處理
影象的外形能使頁面的氣氛發生變化，並直接影響瀏覽者的興趣。一般而言，方形的穩定、嚴肅，三角形的銳利，圓形或曲線外形的柔軟親切，退底圖及一些不規則或不帶邊框的影象活潑。
（2）影象的面積
影象在網頁中佔據的面積大小能直接顯示其重要程度。一般地，大影象容易形成視覺焦點，感染力強，傳達的情感較為強烈；小影象常用來穿插在字群中，顯得簡潔而精緻，有點綴和呼應頁面主題的作用。在乙個頁面中，如果只有大影象而無小影象或細密的文字，就會顯得空洞，但只有小影象而無大影象又使頁面缺乏視覺衝擊力。
影象的大小不僅決定著主從關係，也控制著頁面的均衡與運動。大小對比強烈，給人跳躍感，使主角更突出；大小對比減弱，則頁面穩定、安靜。這是因為，訪問者在瀏覽頁面時，首先會注意到大影象，然後再看到較小的影象，這種由大到小的引導，使瀏覽者的視線在頁面上流動，便造成一種動勢，使頁面活潑起來。
因此，在網頁設計時，應首先確定主要形象與次要形象，擴大主要影象的面積，使次要角色縮小到從屬地位。只有大小影象主次得當地穿插組合，才能構成最佳的頁面視覺效果。
（3）影象的數量
（4）與背景的關係
網頁影象與背景是對比和統一的關係。也就是說，影象與背景在和諧統一的基礎上，應存在一定的對比，以使主要影象更加突出。如精密的相機鏡頭以粗糙的岩石為背景，明亮的文字以深邃的星空為背景，或者使用沒有背景及陪襯物的退底影象，周圍留出大面積空白，都是利用對比對主體形象起到突出作用。
5.影象在長頁面中的應用
網頁一般都是縱向的(也有特意設計成橫向滾屏的)，其長度從一屏到三屏不等，有時甚至更多。訪問者在瀏覽頁面時，通過拖動垂直滾動條使網頁一屏一屏地顯示，但這並不意味著我們可以將整個頁面分割開來，孤立地進行每一屏的設計。頁面的整體感是建立在形象的啟承關係上，儘管頁面被分割成幾屏來顯示，但影象或文字的延續性應使瀏覽者得到完整、統一的視覺感受。設計者所要做的就是進行通盤考慮，例如：尋找對比中的和諧、建立同一的視覺識別等，來處理好每一屏與整個頁面的關係。
第五章網頁版式設計
5.1網頁版式設計的形式原理 重複與交錯，節奏與韻律，對比與均衡，對比與調和，比例與適度，變異與秩序，虛實與留白，力場與結構，統一與變化等形式美構成法則來規劃版面。5.2網頁版式設計的視覺因素 人的視線移動規律 1 人眼的視線沿水平方向運動比沿垂直方向運動快而且不易疲勞 2 視線的變化習慣於從左到右...
版式設計總結
第二類節奏韻律，這個型別來自於 概念，這個型別就是通過一定的條理 秩序 重複連續的排列，形成一種律動形式，好讓整個畫面看起來有種動態的感覺，可以增加版面的感染力，開闊藝術的表現力。第三類對稱均衡這個類別就比較經典的也是非常常見的，就是按照名稱理解就行了，他的形式有以中間為軸心的左右對稱，和水平線為基...
版式設計與畫冊設計的關係
什麼是版式設計？當對那些因版式設計而煩惱的設計師提出 什麼是版式設計 這個問題時，無法正確作答的人竟然出奇的多。也就是說，了解版式設計的含義是通向 不煩惱 的基本準備。在學習版式設計的過程中，必須首先正確地理解版式設計的含義。版式設計是關於 如何安排重要的要素及相關的其他要素 的問題。根據各種要素的...