网站建设对称对比型

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、网站风格的均衡的分割版式

在网页设计中，页面因为内容元素的需要被分割成很多区块，区块之间的均衡就是版式设计上需要着重考虑的问题。均衡并非简单理性的等量不等形的计算，一幅好的、均衡的网页版面设计，是布局、重心、对比等多种形式原理创造性全面应用的结果，是对设计师的艺术修养、艺术感受力的一种检验。在面积对比强烈(不等形)而又均衡(等量)的设计中，我们可以看到对比法则的成功参与；而在一些对比不十分强烈、典雅的不对称设计中，我们则可感受到设计者儒雅的学者风范。
需要注意的是，传统网页设计的版式控制都是在不超越大众显示器分辨率宽度的前提下，依照内容多少纵向延展设计。而如今流行的产品型网站，更倾向于在一屏内表达最主要的东西，尤其是首页，尽量不出现滚动条。