網站建設對稱對比型

1、常見的網站版面布局:T結構布局，口型布局，對稱對比布局，POP布局，國型布局，標題正文型布局，變化

T結構布局

上左右，左下，右下

口型布局

上下。

左，右，中。

對稱對比布局

左右或者上下

POP布局

中

國型布局

上左右

左右中

標題正文型布局

上，下

變化布局

上框架，左框架，下框架

2、有哪些網頁是用的左右對稱布局設計的

雅虎首頁，挺好的

3、對稱的網頁有哪些

具體如下： 1、對稱頁邊距是指：設置雙面文檔的對稱頁面。如雜志、書籍等一張紙兩邊的邊距相等。 2、這種情況下，左側頁面的頁邊距是右側頁面頁邊距的鏡像(即內側頁邊距等寬，外側頁邊距等寬)。

4、對比型版面

版面結構是指一種能夠讓瀏覽者清楚、容易地理解作品傳達的信息的東西,一種將不同介質上的不同元素巧妙的排列方式。

比較，是人們觀察事物，辨別異同或高下的一種常見方法。沒有比較就難有鑒別。最能引人注意並最終抓住人的事物，往往是兩種或兩種以上事物之間的對比十分鮮明。對於報紙版面設計來說，講求對比的鮮明，達到對比的藝術更是不可或缺的，我們應自覺地加以運用。

一個報紙版面，是一個相對獨立的視覺空間。讓這個空間里的「事物」都能引起讀者的閱讀興趣，常常是版面編輯苦心經營的目標。然而，有的版面卻難以起到應有的效果，究其原因，我們發現，正是因為對比不鮮明所致。事實上，要使這些「事物」之間互相對比鮮明起來，以致每一「事物」都能讓讀者的視覺觸及到，手法是十分豐富的。

在報紙版面上，對比的要素是很多的。有線條，它的粗與細、濃與淡就形成對比；有字體，它的異與同、大與小就形成對比；有標題，它的長與短、豎與橫、厚與薄就形成對比；有稿件，它的篇幅大與小、顏色的灰與黑就形成對比；有空間，它的密與疏、白與黑就形成對比；有功能分區，它的重點報道與常規報道、圖片欄目和一般文字欄目等就形成對比。

例如，可以就某一刊物首先基本確立各項要素之間的對比，並在日後不斷完善和豐富。線條，可以基本用最細的線，只在版面某一緊要處用一相對較粗的線，同時，為突出某些欄目，以細線加框，卻在拐角處以黑角線附著，這樣，線與線之間對比亦很鮮明。字體方面，標題基本用大黑，以凸顯莊重大方，某一文的標題或肩題或某一個詞則改用准圓等字體，同是大黑字體的，又基本用差不多的字型大小，重點報道則用相對大的字型大小；內文則基本用宋體，偶以仿宋間之。它的標題，可以用橫題，在緊要位置則豎一題；具體到每一個標題，則講求厚題薄文，厚題之中，又據文章分量輕重而酌處。稿件方面，重頭文章可不吝版面，一般稿件則求簡略，這樣一方面保證信息量大，一方面又突出重點；對於簡短稿件，則以欄目塊或刻意編排推出，避免雜亂；文章區內，為避免版面頭重腳輕或整體不平衡，或凸顯某一處容易被視線所忽略的內容，則以淡灰底襯之。

它的空間，可以疏密有致，多有留白，標題基本居左，亦是在有限的空間內盡量留白，這樣便給人以視覺緩沖的效果。功能分區方面，重點報道與常規報道分明，如果有對比段編輯處理，常規報道同樣能吸引注意，不致忽略，同時，應在版面視覺中心位置，安排有視覺沖擊力的大圖片，給人的感覺便是整個版面的平衡。總之，版面上能夠凸顯對比手法是否運用的嫻熟自如。

事實上，光有對比，沒有章法，這樣的版面還是難以達到應有的效果的。這就要求整體版面布局的協調，使各個要素之內和之間，既對比鮮明，又相互和諧。如黑角線長短與欄目框長短的對應關系，淡灰底在何處運用，在何處用豎題，等等，都應因和諧而用對比手法。和諧的效果是與版面編輯的審美情趣相關的。老到的編輯往往能一眼就看出哪些地方過於「礙眼」，哪些地方又需要補點什麼。

當然，任何東西見得多了，人們就常常會見怪不怪，當初新的東西也會變得陳舊了。

用一句時髦的話講，就是固有的好東西長期存在下去也容易造成「審美疲勞」。對比手法的運用同樣是不變的，變的則是某些固定的已經為人們可能厭倦的模式。在整體風格不變的情況下，細部可以多琢磨，比如，放棄原來的粗黑線，以粗灰線替之；打破條條框框，在版面頭條位置以兩欄到底重新進行版面功能分區等等，給人變中有不變，不變中有變化的感覺，與時俱進，新意迭出。做到這一點，離不開揚棄意識和創新意識。不斷揚棄，不斷創新，版面就能夠日日新，月月新，年年新，並牢牢地抓住讀者。

詳細說來，對比型版面可分類敘述如下：

［一］大小的對比

大小關系為造形要素中最受重視的一項，幾乎可以決定意象與調和的關系。大小差別少，給人的感覺較沈著溫和，大小的差別大，給人的感覺較鮮明，而且具有強力感。

［二］明暗的對比

陰與陽、正與反、晝與夜等等，如此類的對比語句，可使人感覺到日常生活中的明暗關系。初誕生的嬰兒，最初在視覺上只能分出明暗，而牛、狗等動物雖能簡單識別黑白，可是，對彩度或色相卻無法輕易識別，由此可知，明暗［黑和白］乃是色感中最基本的要素。

［三］粗細的對比

字體愈粗，愈富有男性的氣概。若代表時髦與女性，則通常以細字表現。細字如果份量增多，粗字就應該減少，這樣的搭配看起來比較明快。

［四］曲線和直線的對比

曲線很富有柔和感、緩和感；直線則富堅硬感、銳利感，極具男性氣概。自然界中，皆由這兩者適當混合。平常我們並不注意這種關系，可是，當曲線線或直線強調某形狀時，我們便有了深刻的印象，同時也產生相對應的情感。故我們常為加深曲線印象，就以一些直線來強調，也可以說，少量的直線會使曲線更引人注目。

［五］質感的對比

在一般人的日常生活中，也許很少聽到質感這句話，但是在美術方面，質感卻是很重要的造形要素。譬如鬆弛感、平滑感、濕潤感等等，皆是形容質感。故質感不僅只表現出情感，而且與這種情感融為一體。

我們觀察畫家的作品等，常會注意其色彩與圖面的構成，其實，質感才是決定作品風格的主要因素，雖然色彩或對象物會改變，可是，作為基礎的質感，是與一位畫家之本質有著密切的關系，是不易變更的。若是外行人就容易疏忽這一點，其實，這才是最重要的基礎要素，也是對情感最強烈的影響力。

［六］位置的對比

在畫面兩側放置某種物體，不但可以強調，同時也可產生對比。畫面的上下、左右和對角線上的四隅皆有潛在性的力點，而在此力點處配置照片、大標題或標志、記號等等，便可顯出隱藏的力量。因此在潛在的對立關系位置上，放置鮮明的造形要素，可顯出對比關系，並產生具有緊湊感的畫面。

［七］主與從的對比

版面設計也和舞台設計一樣，主角和配角的關系很清楚時，觀眾的心理會安定下來。明確表示主從的手法是很正統的構成方法，會讓人產生安心感。如果兩者的關系模糊，會令人無所適從，相反地，主角過強就失去動感，變成庸俗畫面。

戲劇中的主角，人人一看便知。版面中若也能表現出何者為主角，會使讀者更加了解內容。所以要有主從關系是設計配置的基本條件。

［八］動與靜的對比

一個故事的開始都有開端、說明、轉變和結果。一座庭院中，也有假山、池水、草木、瀑布等等的配合。同樣的在設計配置上也有激烈動態與文靜部份。

擴散或流動的形狀即為「動」。水平或垂直性強化的形狀則為「靜」。把這兩者配置於相對之處，而以「動」部份佔大面積。

「靜」部份佔小面積，並在周邊留出適當的留白以強調其獨立性。這樣的安排，一般用來配置於畫面四隅的重點。因此，「靜」部份雖只佔小面積，卻有很強的存在感。

［九］多種的對比

對比還有曲線與直線、垂直與水平、銳角與鈍角等種種不同的對比。如果再將前述的各種對比和這些要素加以組合搭配，即能製作富有變化的畫面。

［十］起與受

版面全體的空間因為各種力的關系，而產生動態，進而支配空間。產生動態的形狀和接受這種動態的另一形狀，互相配合著，使空間變化更生動。

我們要建造假山庭園時很注重流水的出口，因為流水的出口是動感的出發點，整個庭園都會因它而被影響。談到版面構成，原理也一樣，起點和受點會彼此呼應、協調。兩者的距離愈大，效果愈顯著，而且可以利用畫面的兩端，不過起點和受點要特別注意平衡，必須有適當的強弱變化才好，若有一方太軟弱無力就不能引起共鳴。

［十一］圖與地

明暗逆轉時，圖與地的關系就會互相變換。一般印刷物都是白紙印點字，白紙稱為地，黑字稱圖。相反的，有時會在黑紙上印上反白字的效果，此時黑底為地，白字則為圖，這是黑白轉換的現象。

［十二］平衡

走路踢到大石頭時，身體會因失去平衡而跌倒，此時很自然地會迅速伸出一隻手或腳，以便維持身體平衡。根據這種自然原理，如果我們改變一件好的原作品的各部份的位置，再與原作品比較分析，就能很容易理解平衡感的構成原理。

［十三］對稱

以一點為起點，向左右同時展開的形態，稱為左右對稱形，英文名為 symmetry。應用對稱的原理即可發展出漩渦形等等復雜狀態。

日常生活中，常見的對稱事物確實不少，例如：佛像的配置或日本神社中神殿的配置等等。對稱會顯出高格調、風格化的意象。

［十四］強調

同一格調的版面中，在不影響格調的條件下，加進適當的變化，就會產生強調的效果。強調打破了版面的單調感，使版面變得有朝氣、生動而富於變化。例如：版面皆為文字編排，看起來索然無味，如果加上插圖或照片，就如一顆石子丟進平靜的水面，產生一波一波的漣漪。

［十五］比例

希臘美術的特色為「黃金比」，在設計建築物的長度、寬度、高度和柱子的型式、位置時，如果能參照「黃金比」來處理，就能產生希臘特有的建築風格，也能產生穩重和適度緊張的視覺效果。長度比、寬度比、面積比等等比例，能與其它造形要素產生同樣的功能，表現極佳的意象，因此，使用適當的比例，是很重要的。

［十六］韻律感

具有共通印象的形狀，反復排列時，就會產生韻律感。不一定要用同一形狀的東西，只要具有強烈印象就可以了。三次四次的出現就能產生輕松的韻律感。有時候，只反復使用二次具有特徵的形狀，就會產生韻律感。

［十七］左右的重心

在人的感覺上，左右有微妙的相差。因為右下角有一處吸引力特別強的地方。考慮左右平衡時，如何處理這個地方就成為關鍵性問題。

人的視覺對從右上到左下的流向較為自然。編排文字時，將右下角空著來編排標題與插畫，就會產生一種很自然的流向。如果把它逆轉就會失去平衡而顯得不自然。這種左右方向的平衡感，可能是和人們慣用右手有點關系吧！

［十八］向心與擴散

在我們的情感中，總是會意識事物的中心部份。雖然蠻不在乎地看事物，可是，在我們心中，總是想探測其中心部份，好象如此，才有安全感一般，這就構成了視覺的向心。一般而言，向心型看似溫柔，也是一般所喜歡採用的方式，但容易流於平凡。離心型的排版，可以稱為是一種擴散型。具有現代感的編排常見擴散型的例子。

［十九］JUMP 率

在版面設計上，必須根據內容來決定標題的大小。標題和本文大小的比率就稱為 Jump 率。Jump 率越大，版面越活潑；Jump 率越小，版面格調越高。依照這種尺度來衡量，就很容易判斷版面的效果。標題與本文字體大小決定後，還要考慮雙方的比例關系，如何進一步來調整，也是相當大的學問。

［二十］統一與調和

如果過份強調對比關系，空間預留太多或加上太多造形要素時，容易使畫面產生混亂。要調和這種現象，最好加上一些共通的造形要素，使畫面產生共通的格調，具有整體統一與調和的感覺。

反復使用同形的事物，能使版面產生調合感。若把同形的事物配置在一起，便能產生連續的感覺。兩者相互配合運用，能創造出統一與調和的效果。

［二一］導線

依眼睛所視或物體所指的方向，使版面產生導引路線，稱為導線。設計家在製作構圖時，常利用導線使整體畫面更引人注目。

［二二］形態的意象

一般的編排形式，皆以四角型［角版］為標准形，其它的各種形式都屬於變形。角版的四角皆成直角，給人很規律，表情少的感覺，其它的變形則呈現形形色色的表情。譬如成為銳角的三角形有銳利、鮮明感；近於圓形的形狀，有溫和、柔弱之感。

相同的曲線，也有不同的表情，例如規規矩矩和用儀器畫出來的圓，有硬質感，可是徒手畫出來的圓就有柔和的圓形曲線之美。

［二三］水平線

黃昏時，水平線和夕陽融合在一起，黎明時，燦爛的朝陽由水平線上升起。水平線給人穩定和平靜的感受，無論事物的開始或結束，水平線總是固定的表達靜止的時刻。

［二四］垂直線

垂直線的活動感，正好和水平線相反，垂直線表示向上伸展的活動力，具有堅硬和理智的意象，使版面顯得冷靜又鮮明。如果不合理的強調垂直性，就會變得冷漠僵硬，使人難以接近。

將垂直線和水平線作對比的處理，可以使兩者的性質更生動，不但使畫面產生緊湊感，也能避免冷漠僵硬的情況產生，相互截長補短，使版面更完備。

［二五］陽晝、陰晝

從黑暗的洞窟內，看外面明亮景象時，洞窟內的人物，總是只用輪廓表現，而外面的景色就需小心描畫了。這就是同時把握日常的情況及異常的明暗，顯出不可思議的空間。

正常的明暗狀態，叫做「陽晝」，相反的情況是「陰晝」。構成版面時，使用這種陽晝和陰晝的明暗關系，可以描畫出日常感覺不同的新意象。

［二六］留白量

速度很快的說話方式適合夜間新聞的播報，但不適合做典禮的司儀，原因是每一句話當中，空白量太少。談到版面設計時空白量的問題也很重要，即使同一張照片，同樣的句子也會因空白量就很難表現確實的形象。無論排版的平衡感有多好，文章有多美，讀者一看版面的空白量就已給它打好分數了。

［二七］版面率

在設計用紙上，本文所使用的排版面積稱為版面，而版面和整頁面積的比例稱為版面率。空白的多寡對版面的印象，有決定性的影響。如果空白部份加多，就會使格調提高，且穩定版面；空白較少，就會使人產生活潑的感覺。若設計信息量很豐富的雜志版面時，採用較多的空白，顯然就不適合。

5、怎麼設計官網才能讓網站看起來比較有檔次

訪問者打開網站首先看到的是什麼？內容，內容至關重要，每個設計師都希望以最有用，最直觀的方式在其網站上展示內容。因此，為你的內容選擇布局是尤為重要的。
許多人認為，他網站的Web布局應該是獨一無二的，才能滿足需要，事實並非如此。
如果你有訪問現在流行的網站，你會發現其中有許多網站都使用相似的布局。這不是巧合，也不是出於懶惰，這是因為這些布局具有以下優點：
1.單列
單列布局在一個垂直列中顯示主要內容。此類布局可能是該列表中最簡單的布局，並且對於用戶來說是最容易導航的。訪客只需向下滾動即可查看更多內容。
盡管簡單，但單列布局在許多網站中還是很受歡迎。手機也對這種布局的普及產生了影響-單列布局非常適合手機。

2.分屏
拆分屏幕（或一個屏幕一分為二）的Web布局非常適合具有兩個相同重要性的主要內容的頁面。
3.不對稱布局
不對稱是布局兩側之間缺乏平等性。不對稱性是藝術界長期以來最喜歡的技術，最近在創建網站布局時在設計師中變得很流行。
許多人將不對稱與不平衡混為一談，但實際上，不對稱的目標是在不可能或不希望對兩個部分使用相等的權重時創建一個平衡。使用不對稱性可以產生張力和動力，並且不對稱性可以通過將用戶的注意力集中在單個對象（焦點）上來突出這一點，通過更改每個不對稱內容的寬度，比例和顏色，設計人員促使網站保持視覺吸引力。
4.紙牌網格
卡片是存放可點擊模塊的好布局-它們使設計人員能夠以可消化的方式展示大量信息。咬合大小的預覽（通常是圖像和簡短說明）可幫助訪問者找到自己喜歡的內容，並通過單擊或點擊卡片來深入了解細節。
紙牌網格最重要的一點是幾乎可以無限操作。網格的大小，間距和列數可以變化，並且卡的樣式可以根據屏幕大小而變化（可以重新排列卡以適合任何屏幕）。這就是為什麼卡片網格在響應式設計中表現如此出色的原因。
5.盒子
此布局具有一個較大的頁眉寬度框和一些較小的框，每個框占據較大框的屏幕空間的一部分。較小的盒子數可以從2到5不等。每個框都可以是一個鏈接，可鏈接到更大，更復雜的頁面。

6.特色圖片
網站布局基於以下想法：在設計中使用圖像是銷售產品最快的方法。精選圖片營造出與訪客之間的情感聯系-大而粗體的照片或物體插圖表達出鮮明的印象，並給人留下深刻的第一印象。
結論
設計網站時，請務必記住內容永遠是最重要的。該網站的主要目的仍然是發布易於消化的內容。無論你選擇使用哪種網站布局，都必須選擇一種能使你的內容脫穎而出的網站。

6、總結網站設計的幾種版面布局形式

網站設計中.新鮮和個性是布局的最高境，能加強視覺效果。
1、T結構布局，就是指頁面頂部為橫條網站標志+廣告條，下方左面為主菜單，右面顯示內容的布局，因為菜單條背景教深，整體效果類似英文字母T,這是網頁設計中用的最廣返的一種布局方式。
這種布局的優點是頁面結構清晰，主次分明。是初學者最容易上手的布局方法。缺點是規矩呆板，如果細節色彩上不注意，很容易讓人看之無味。
2、口型布局。就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情連接等，中間是主要內容。
這種布局的優點是充分利用版面，信息量大。缺點是頁面擁擠，不夠靈活。也有將四邊空出，只用中間的窗口型設計，例如網易壁紙站。
3、三型布局。這種布局多用於國外站點，國內用的不多。特點是頁面上橫向兩條色塊，將頁面整體分割為四部分，色塊中大多放廣告條。
4、對稱對比布局，採取左右或者上下對稱的布局，一半深色，一半淺色，一般用於設計型站點。優點是視覺沖擊力強，缺點是將兩部分有機的結合比較困難。
5、POP布局。POP引自廣告術語，就是指頁面布局象一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用於時尚類站點。優點：漂亮吸引人。缺點就是速度慢。作為版面布局還是值得借鑒的。

7、什麼是對稱比布局型網頁

簡單的說，多台主機構成一個小的網路就叫區域網，區域網通過網線與網際網路ADSL是英文Asymmetrical Digital Subscriber Loop(非對稱數字用戶環路)的英文縮寫

8、舉例:T結構布局，口型布局，對稱對比布局，POP布局，國型布局，標題正文型布局，變化型布局的網站各

（1）「T」結構布局形式。所謂「T」結構，就是指頁面頂部為橫條網站標志+廣告條，下方左面為主菜單，右面顯示內容的布局，整體效果類似英文字母「T」，所以稱之為「T，形布局。這是網頁設計中用得最廣泛的一種布局方式。這種布局的優點是頁面結構清晰，主次分明，是初學者最容易上手的布局方法。缺點是規矩呆板，如果不注意細節色彩，很容易讓人」看之無味「
　（2）」口「型布局。這是一個象形的說法，就是頁面一般上下各有一個廣告條，左面是主菜單，右面放友情鏈接等，中間是主要內容。這種布局的優點是充分利用版面，信息量大。缺點是頁面擁擠，不夠靈活
（3）對稱對比布局。顧名思義，採取左右或者上下對稱的布局，一半深色一半淺色，一般用於設計型站點。優點是視覺沖擊力強，缺點是很難將兩部分有機地結合起來
（4）POP布局。POP引自廣告術語，就是指頁面布局像一張宣傳海報，以一張精美圖片作為頁面的設計中心。常用於時尚類站點。優點顯而易見：漂亮吸引人。缺點就是速度慢。作為版面布局，還是值得借鑒的。
（5）國型布局。國型布局也稱為同型布局，是一些大型網站喜歡使用的布局類型。最上面是網站的標題以及橫幅廣告條，接下來是網站的主要內寄，左右分列一些小條內容，中問是主要部分，與左右一起羅列到底，最下方是網站的一些基本信息、聯系方式、版權聲明等。這種布局通常用於主頁的設計，其主要優點是頁面容納內容很多，信息量大。
6
（6）標題正文型布局。這種布局的最上方是標題或廣告等內容，下面是正文。通常文章頁面或注冊頁面採用此種布局，其特點是簡潔明快，干擾信息少，較為正規。

9、網站風格的均衡的分割版式

在網頁設計中，頁面因為內容元素的需要被分割成很多區塊，區塊之間的均衡就是版式設計上需要著重考慮的問題。均衡並非簡單理性的等量不等形的計算，一幅好的、均衡的網頁版面設計，是布局、重心、對比等多種形式原理創造性全面應用的結果，是對設計師的藝術修養、藝術感受力的一種檢驗。在面積對比強烈(不等形)而又均衡(等量)的設計中，我們可以看到對比法則的成功參與；而在一些對比不十分強烈、典雅的不對稱設計中，我們則可感受到設計者儒雅的學者風范。
需要注意的是，傳統網頁設計的版式控制都是在不超越大眾顯示器解析度寬度的前提下，依照內容多少縱向延展設計。而如今流行的產品型網站，更傾向於在一屏內表達最主要的東西，尤其是首頁，盡量不出現滾動條。