版面设计重复图片的方法是什么

⑴ html 背景图片怎么设计重复属性急急急。。。

这个很简单的
body
{
background-image:
url(imega/back1.gif);
background-repeat:
repeat-x;
background-color:#4A87A6;
}
看看代码明白了吧
设计一个背景色
然后设计一个图片左右重要
OK了
自己可以试下

⑵ 版式设计的形式美方法是哪些

一、版式设计中的形式美法则版式设计中包含了很多的方法和够成规律，（站在巨人的肩头上就是爽）我们可以去理解这些方法和规律从而掌握板式设计灵活应用。这些形式美法则是版式设计的基础，在app界面设计中有些法则经常运用。在banner中的排版方法几乎都是从板式设计方法中延伸出来的。 1、对比与极限对比是比较好理解，可以分为大小对比、形态的对比、色彩的对比、主从的对比、疏密的对比、方向的对比、材质的都比（肌理对比）。极限，我的理解就是在对比中达到一个极限值，这样更能够突出对比所表现出来的视觉冲击。2、协调与统一协调是内在的东西，元素配合得适度或者恰当。是说明他们内在相似的东西和状态。统一是指的个个要素连成一体时所形成的同一性和整体性。 3、比例与均衡比例是部分对部分、部分对整体之间“数”的关系。在比例关系形成一定数值时既成为美的条件。均衡又称为平衡。平衡又分为对称式均衡（稳定、庄重、安全）。非对称式均衡（活泼、新颖、巧妙） 4、反复与律动（韵律）反复，同一类别，同一形态的图形连续不断的出现称之为反复。律动，要素从一定的间隔配列编排时所产生的节奏韵律美感。二、版式构成样式版式设计有很多种的构成方式和方法。这里我列举一下常见的方法。1、全版式文稿或者图片占据整个版面，不大面积留白、不制造臆想的空间，充分的运用这个版面来传达信息。2、标准式常用于书籍、杂志、报刊、寻求个性及变化。可分为中式（竖版）、西式（横版）、古典（传统）、现代（新潮）。3、对角式便于理解和认识的一种版式设计（不稳定感、动感）缺少均衡难以把握。4、定位式文和图各自定位，分为上下、左右、中斜、倒置。 5、坐标式无论是文字、图形还是线条装饰，在编排时均按垂直或者水平方向有规则的出现在版面中，形成类似坐标的格局，称为坐标式。6、重叠式文字和图片等元素之间的全部或者局部重叠。 7、聚集式给人以紧凑联系紧密的感觉。8、分散式无拘无束的感觉，自然宽松的气氛。 9、导引式利用视线、动势、指示性箭头线条做引导。 10、组合式有明确的模式规则，但不能呆板或者单调。规律中有变化，打破固有模式。11、立体式利用元素营造立体效果 12、自由式没有明显规律，灵活多变，生动自如是其特点。但并不是杂乱、无章的任意堆砌。

⑶ 界面设计中版式设计的方法有哪些

版式设计关注的是设计中文字和图像的位置关系。 这些元素应该如何摆放，它们彼此以及整体设计构想的关系，都会影响到用户对内容的识别与接收，以及他们对内容所产生的情绪反应。利用亲密性原则和对齐方式可以促进用户接收页面中呈现的信息。 对齐原则什么是对齐方式：是指文字或图片在垂直层面和水平层面页面的位置。下面列举一些较为常见的对齐方式： 垂直对齐文字的垂直对齐可以是居中对齐、上对齐或底端对齐 水平对齐文字或图片的水平对齐可以是左对齐、右对齐、居中对齐或两端对齐。 对齐方式决定了整个画面的流畅性，在做日常需求中明明有对齐的意识，但是为什么设计出来的页面就是很奇怪呢？对齐方式的合理运用绝大部份是体现在视觉维度上，而我们往往仅考虑物理对齐方式。 下面举几个我的需求案例来解决视觉对齐的几点问题： 以视觉边界线对齐 上图案例好像看起来并没有问题，但是在上半部分的列表中灰色背景承担了两端对齐的角色，而事实上文字的视觉重量大于背景，就会导致整个页面的视觉重量不对等，视觉引导线发生形变。而下图中将列表数据做两端对齐，让整个画面大方得体，视觉重量趋于一致，浏览阅读上变得舒适。小结：对齐边缘以视觉引导线为准。 以视觉流对齐我们正常在看东西的时候会是从上到下，从左到右这样进行浏览阅读信息，那么在页面设计的时候也应当考虑一下。 上图两个卡片的操作区域分别运用了左、右对齐，两种看起来没有什么问题，但是考虑到视觉流向，会发现第二个的操作区域位置更为合理，也是视觉距离更近的方案。
小结：页面的一个区块内，重要元素或者操作区往往会跟随着视觉流向进行布局。 多属性对齐原则上图案例在对齐方式上列表标题和内容采用了左对齐的形式，形成了不规整的边缘，视觉上就会参差不齐，操作流畅性大打折扣。上图为优化后的版本，将列表标题和内容的对齐方式进行单独划分，用户在浏览中可以快速识别和区分信息。小结：同一属性的可以使用同一对齐方式。 那么通过解决这几个常见问题，我们会发现，对齐原则是在满足物理对齐原则的同时，在视觉上也要思考他适合哪种对齐方式，元素之间是如何对齐。 亲密性原则首先通过一组物品来感受一下亲密性原则。 这张图片中的四个不同类别物品我们会感觉它们是一个整体。 当我们移动了物体的位置之后，会感觉左面三个物品属于一个区域整体。同一组物品我们将它们分成不同颜色，同样也是左面三个物品看起来是一个区域整体通过上面的案例我们可以得出一种结论：距离较近，我们就会感觉它们之间存在着一定的关系同属一个整体。由此我们可以得知，亲密性原则是在界面设计中相对靠近的元素，它们之间就会存在联系。那么在需求中我会用到两种方法来对亲密性实现和调优的： 借助间距优化亲密性 上面这张设计图中，我们会感觉日期、评论、点赞量和下面的章节是一个区块，在浏览的时候造成很大困扰。而在优化后，将三个信息点的距离拉近成为一个区块，并且层级关系也一目了然。小结：在信息容易产生误解的时候，需要注意间距的把控 借助元素建立亲密性除了把控间距之外我们在处理亲疏关系的时候还会借助一些辅助元素，下面介绍一下两个常用的方式。 卡片工具 分割工具 小结：针对不同的页面风格和强弱，工具的使用也会有所差异，要适合页面调性来选择使用。

⑷ 版面设计的形式法则主要有哪几点

一、浓缩你的设计

设计一整页较大的版面有时确实令人畏惧--有太多的空间需要填充!我们面对一个比较大的版面时，总是潜意识里将每个元素都放得很大，使到各个元素都将版面占满心里才感觉舒服。但这种处理手法并不是一种设计!在这里，我们介绍一种更好更简单的解决办法。我们要思考的不是"再大一点"，相反，我们要想的是"能否再小一点，能否再集中一点"。将你的设计重点只集中在中间那部分。这种设计手法非常简单，而且你轻易地就能创造出一个强烈的视觉焦点。

二、图片配合文字

如果你要设计一本有关现代室内设计的书，你当然希望出来的封面也有一种现代感。而现代感则意味着元素尽量最少化:简单的线条，简单的字体，不要使用太多的颜色。而其中有趣的地方还在于，你要达到这种效果其实轻而易举。

三、个人关系

在下次你设计手册时，你可以尝试"面对面"的设计风格!我们设计的重点不是什么LOGO，也不是公司名字的首字母缩写，而是利用漂亮的人物形象来安排版面，这些人物都是与你的机构有某种联系，其中的关键就是要简洁--大块的留白空间，人物图像尺寸够大，而且没有杂乱的背景，文字则要干净低调。

版面设计，又称为版式设计，是平面设计中的一大分支，主要指运用造型要素及形式原理，对版面内的文字字体、图像图形、线条、表格、色块等要素，按照一定的要求进行编排，并以视觉方式艺术地表达出来，并通过对这些要素的编排，使观看者直觉的感受到某些要传递的意思。版面设计并非只用于书刊的排版当中，网页、广告、海报等涉及到平面及影像的众多领域都版面设计会用到版面设计。好的版面设计可以更好的传达作者想要传达的信息，或者加强信息传达的效果，并能增强可读性，使经过版面设计的内容更加醒目、美观。版面设计是艺术构思与编排技术相结合的工作，是艺术与技术的统一体。

版面设计程序

通常版面设计会经过以下几个程序完成，但也会因设计者个人习惯、设计要求等因素增加或者减少个别步骤。

1. 构思并画出草图。可能会有若干草图备选。

2. 选出设计稿。从草图中选取一个或者几个较贴近设计要求的，并进一步描绘出其细节。

3. 正稿。在甄选出最后设计方案后，对该方案进行正式的设计、编排、绘制等操作。

4. 清样。清样是从印刷设备上制作出的校样。清样应当同最终成品一致。制作清样就是为了防止在正式印刷制作前仍有没能发现的文字错误、纰漏，不合乎设计要求的细节，或者是没有调整好分色方案等。如果出现错误，就需要回到上一步继续修改，因此，清样可能制作不只一次。
   

⑸ 版式设计的设计方法有哪些

色块叠压法色块叠压法，顾名思义就是改变色块的摆放方式，可以分为两类：第一类是：色块与色块之前的叠压；通过色块与色块之间的非常规摆放形式，打破原本常规的版式结构，增强其形式感、活跃度，下面我们举个例子：通过上下对比，我们不难发现，下侧画面整体版式结构更跳跃，直白的说就是不死板，而且形式感更强，给人的感觉也更舒服、有趣味性；而上侧画面的整体感受并不是说不合理，只不过相对比而言，这种种结构形式很常见，版式结构变化性不高，形式感和设计感也稍有欠缺，那么造成这种现象的原因是什么呢？1、顶部LOGO区域因采用了色块叠压的手法且故意将LOGO处的色块放大，使其超出导航栏的固定范围，在视觉感受本身来说就已经形成了很强烈的形式感，打破了原本色块区域分明的布局，因此，版式的跳跃性也更加强烈~2、时间说明区域将原本上下关系的色块划分通过叠压的手法将其改变为前后关系，且合理的将海报、时间说明、以及下半部分三个不同模块连接为一个整体，在提升版式活跃度的同时也增强了视觉的整体性！色块叠压的形式在很多优秀作品中也是很常见的，这种手法对于版式结构的重组、改变也是最直观的一种，比如： 通过色块之间的相互叠压，形成了很好打破常规的效果，使得页面版式的跳跃性更强！第二类：色块与主体的叠压方式，通过色块与主体物或者产品之间的相互叠压作用，营造出非常规的设计形式，从而提升版式整体的灵活度以及设计感，举个例子： 这里运用的就是将主体物与色块之间相互叠压的手法，形成了一定的前后关系，而且这里主体处色块最大作用还是打破常规的版面形式，目的是在视觉上给人以更加新颖、更具形式感的感受，且虽然做了结构上的改变，但并没有影响到主体信息的传达；切记，不能一味的追求非常规而忽略了设计本质问题，一定要合理运用！局部放大法当作品版式不够活跃的时候，我们可以尝试刻意改变某处的局部信息，将其放大，提升视觉变化的对比性，因为放大的元素其本身就具有很强烈的视觉冲击力以及装饰性，比如大号字体、数字、图形等等，所以局部放大的手法在页面版式设计中也是很常用的一种表达形式，比如： 将主体的某一处细节或者某一局部放大处理，与原本偏常规布局形成了鲜明的对比关系，在页面整体而言也起到了很好的打破版式关系，试想一下：当用户前面一直在浏览比较常规的布局结构时，突然有1-2处这样非常规的处理模块，会很大程度上提升页面对于用户视觉的冲击力，，给用户留下更深刻的印象；同时也使得作品整体的版面结构更加富有跳跃性！还有另外一种局部放大形式，即在放大的基础上故意按照非常规的形式摆放，往往也能起到很好的打破版面布局的作用，只不过这种形式在使用时相对不好把握，比如：类似案例中所展示的一样，通过产品非常规的局部放大以及摆放形式，画面给人的感受更加大气，视觉冲击力更强烈，同时版式的跳跃性也更强；只不过这种形式在运用时要注意：页面整体中最多出现1-2次即可，用于活跃版式、提升设计感，一点出现次数过多，很容易形成杂乱的现象；之所以叫做非常规是因为有常规方式加以衬托、辅助，所以才会在视觉上形成反差！使用非常规形状既然是为了提升版面的活跃度，那么版面中所有的元素都可以是尝试改变的元素，比如常用到的按钮，再或者线条等等；使用非常规的形状、图形也是方式之一，比如最简单的： 说到矩形，很多人都会想到常规形式，而也有一部分设计师会联想到非常规形式1，少数人会想到2和3的形式，这四类并没有设计上的好坏之分，而是当我们习惯了常规形式的色块之后，也可以尝试一下其他形式，也是会有意想不到的结果！比如非常规形式2的运用： 相比平时看到的矩形排列方式，这一作品则给人很新颖的感觉，原本平面的作品，因为色块形状的改变使得整体有了很强烈的纵深感，版面的跳跃性很强烈，这样的版式还会有人说死板、常规吗？非常规形状3的使用可以参考下面这个案例：在原本页面中完全统一的形状图形中变幻其中一处的形式，对于页面整体跳跃性的提升还是一目了然的，原因在于：此处矩形的形态就属于非常规类型，本身就具有一定的跳跃性、设计感，而用在此页面中又与上下形成了一定的反差对比，所以使得版面整体更加活跃！还有很多非常规的形状，同样也可以尝试，比如：想要版面看似来不古，、就要在页面中的每一个视觉元素上找突破，版式听起来好像一个很大的整体一般，其实一样可以抛开整体，把每一个局部作为突破点，寻找合适的视觉表达形式；当某一种形式已经让大家所熟知甚至成为常识的时候，我们不妨稍作改变，在不影响辨识度以及视觉传达的基础上，做一些形式上的改变，往往可以给与版式更强烈的跳跃性以及设计感！总结版式就像配色一样，很感性，没有完全一成不变的理论；当我们想要提升版面整体跳跃性的时候，我们不妨试试以上方法，也许小小的改变对于整体而言就是完全不同的两种感受，当然，也不能盲目的追求形式感、特殊性，要切记：特殊是通过对比体现出来的，没有对比，就无法形成很好的视觉反差，同时也起不到应有的作用；还是要提醒大家：一个整体非常规的手法用在1-2处即可，太多的话是很难把握的！

⑹ 版式设计之设计重叠的技巧

在延展的案例中把视觉元素与图文明显的分割处进行重叠的表现手法使用时，画面不仅仅表达的是重叠手法营造的前后层次感和整体感觉，同时也把切割的手法与重叠的手法进行混合的表现，由此可见，重叠的手法不只是可以用在元素与元素的组合上面，还可以把重叠的原理用在设计的手法上面形成1+1的方法原理。图1:在常规的编排下很多设计者会依据内容的多少和大小把不同的内容设定在不同的空间内，通过视觉引导的方式和内容的层级关系等使视觉元素在同一个空间内形成一个整体，尤其是在相同内容的时候需要通过大小的比例关系来占据设定好的相应空间进行填充，以达到编排的目的，但很多时候这样编排会让画面显得单调而丧失了表现力。 图2:当针对相同的内容进行不同的表现时可以发现，在已经设定好的相应空间内把主体进行重复的排列以适应相应的空间，同时在相同元素重复排列的过程中对局部进行切割手法的处理，使其以重叠的视觉表现丰富主体空间的区域，在保证主体可以识别的前提下使画面具有一定的艺术表现和空间感的体现，并不会因为主体的多少、大小而不能进行编排。 在延展的案例中我们可以看出，主体文字在相同大小的前提下直接使用重叠的手法使每个字母叠加在一起，在保证区域空间可以有效利用时，也让画面更加具有表现力，使主体以一种艺术表现的方式修饰版面而并非是为了强调识别性，在主体信息上面以小文字的再次重叠既是对主体信息的说明，也是协调艺术表现和识别性的一种有效方式。重叠是设计中经常会使用或者经常会看到的一种表现手法，但大多数设计者在看到这样的处理手法或者是在使用这种手法的时候往往会停留在“美”的感知层面，而忽略始终重叠真正的目的和作用，狭义的讲重叠就是我们看到的元素形成的堆叠，是可见的视觉元素形成的关系而产生的视觉表现，而广义来讲，重叠就像设计者在创作的过程建立的图层，或者是在黑白的线稿基础上进行着色一样，通过有效的组合逐渐的完成一个较为丰富的画面，而对于视觉的感知来说，不管在背后使用了多少个图层，或者是着了多少种颜色最重看到的就是具有层次感和艺术美感的整体画面，而并不是局部或者背后使用的方法和技巧，而重叠在使用的过程中就需要遵循视觉的感知表现，是以整体性还是以局部的特点传递给观者，尤其是在多元素的版面编排中，除了重叠基本的作用外，还需要考量重叠后传递出的重量，面积，情感等多种感性的视觉感知表现。图1:在常规的编排下根据主体的形态进行适当的编排，使文字信息和主体分别占据不同的空间位置进行视觉的表现，大文字贴边的处理与主体结构的联想空间进行适当的重叠，但在表层的视觉感知层面并没有进行重叠，虽然可以传递出一种从文字后面旋转出来的感觉，但就画面的视觉感知而言，需要通过适当的想象才可以把主体和文字信息看作重叠的假象。图2:通过对结构的调整，并适当的融入重叠的表现手法时可以看出，整体的视觉感知在保留了主体旋转的联想空间后使表层的视觉更加丰富了一些，除此之外底部的小文字与大文字在结构上又形成了上下一分为二鲜明感，给人一种把人物主体下半部分遮挡的感觉，在视觉感知上不仅为主体的表现增添了一些神秘气息，同时也形成了鲜明的对比关系。 在延展的案例中可以看出，当把主标题移动到最底部并贴合舞者的形态和要表达的意境适当调整文字的大小，利用主体和背景之间的空间关系使其以一种抽象的叠加方式营造出前后关系，给人一种像是踩在上面跳舞亦或者像是文字挡着舞者前进的步伐而形成旋转的感觉，在保证所有文字结构舒适的前提下使画面更具想象力，同时与舞者融为一体增强了整体的画面感，即使没有鲜明的重叠视觉表现，也可以通过文字与主体形成的关系和情感空间的表现，让视觉感知更加丰富也具有张力。重叠手法可以说是设计中的一种基本的、普遍的且实用的表现手法，在进行创作的过程中一不小心就会使用到，其原因在于版式编排自身就是在有限的空间内进行的多元素，多信息的整合，并以较为舒适的视觉表现方式把多种信息和元素在同一时间内传递给观者，然而很多设计者并没有在意空间内信息之间的关系，在使用到的时候却不知道应该如何根据主体内容进行相应的处理，只是停留在应该选择使用哪种重叠的类型上面，而没有对出现的元素进行思考或者进行相应区分发挥出重叠的普遍性，使其具有非常广泛的应用范围，从视觉元素的层面来讲，在画面中重叠的可以是文字与图形图片，可以是文字与文字，也可以是图形与图形等多种不同类型的视觉元素，亦或者是隐藏的空间结构，对于重叠的类型来皆可适用，但想要更好的使用重叠手法表现出意想不到的美，就需要从视觉元素的层面对其进行归类以便选择重叠的类型并做相应的具体处理，把画面中的视觉元素分为相同元素和不同元素2种现象类型。相同元素重叠是一模一样或者属于同一类型的两个元素和两个以上的元素重叠在一起，而重叠的过程中可以是以不同的重叠方式呈现出不同的视觉表现，在保证重叠的视觉元素可以保持基本的识别基础上营造前后关系或者是融为一体的感觉，不仅可以发挥出重叠手法自身的作用，在贴合实际需求内容的表达上和空间整体的结构上，使版面信息依据清晰的逻辑关系传递给观者的同时有效的为画面增添一定的形式美。

⑺ 版式设计有什么方法

版式设计的核心就是吸引人的视线。当我们在观看某些东西时，大部分的人都有自己习以为常的观看习惯。人们往往在一瞬间就会判断出这是什么?这一现象导致的结果是人们会想起与所看到的东西相近的信息，并判断画面中信息的价值，我们将这种心理倾向称只为视觉心理。

其中，设计师必须掌握的就是视觉引导的技能，也就是要学会如何引导观者的视线，视觉引导最终关系到设计作品的成功与否，设计师必须具备引导观者视线的能力，让观者关注你设计主题，收到你要传达的信息。换言之要想让观者愿意去看，就要会运用视觉心理去引导。

我们日常生活中，所遇到的运用视觉心理的例子有很多。比如：法国国旗红、白、蓝三色的比例为35：33：37，而我们却感觉三种颜色面积相等。这是因为白色给人以扩张感觉，而蓝色则有收缩的感觉。

视线移动最自然的轨迹就是由上至下，大多数平面设计都是自上而下的视觉引导为基础来进行版式设计的。在杂志版式设计中，最重要的内容都放在页面的最上端，报纸和传单也同样如此。

这样的设计原则是由文字的书写方式决定的。横写时，是从上一行换到下一行;竖写时就是从上往下移动。不过，横写时从左上角开始往下写，而竖写时是由右上角开始往下写。

人们在日常生活中，通常会先注意到大的东西，特别是当两件物体颜色或材质相同的时候，视线往往会集中在大的物体上。根据这一原理，应该尽量放大希望吸引读者注意的东西。

⑻ 版式设计的原则有哪些

版式设计是指设计人员根据设计主题和视觉需求，在预先设定的有限版面内，运用造型要素和形式原则，根据特定主题与内容的需要，将文字、图片(图形)及色彩等视觉传达信息要素，进行 有组织 、 有目的 的组排列的设计行为与过程。
版式设计的四大原则分别是亲密、对齐、重复、对比。
原则一：亲密
亲密是指控制元素空间秩序、把握元素关系。
在这一方面我们要注意以下要素：
① 避免一个页面有太多元素；
② 不要在元素之间留相同的空白；
③ 标题、子标题、图表标题、图片要归入其材料；
④ 不同属一组的元素之间不要建立关系；
⑤ 不要仅仅因为有空白就把元素放在角落或中央。
原则二：对齐
对齐是指视觉逻辑秩序、要素统一整理。
① 尽量只使用一种对齐方式；
② 着力避免居中对齐（有意向的选择） ；
③ 在打破规则之前必需清楚什么是规则；
④ 元素画线。
原则三：对比
对比是指控制画面节奏、制造画面焦点。
① 如果你要形成对比，就加大力度；
② 不要将一种粗线与更粗的线进行对比;
③ 避免使用两种或多种类似的元素。
原则四：重复
重复是指统一、增强视觉效果。
① 图像元素的重复(强调主体，塑造出层次感)；
② 文案编排形式的重复(条理性、统一性）;
③ 图文结合编排形式的重复(条理性、统一性）。

⑼ 平面版式设计中的图片处理技巧有哪些

【导读】版式设计作为平面设计的一个重要部分，被广泛应用在社会的各个行业。对于许多初学平面设计的小伙伴们来说，掌握版式设计的核心还需要多加练习。那么，版式设计中的图片处理技巧有哪些呢?今天就跟随小编一起来了解下吧!

以类别分类、体现版面秩序感

当画面出现较多图片时，根据各种图片的性质和意义对其进行分类管理，既能避免图片种类繁多导致的版面混乱不堪，也能使版面呈现出井然有序的协调感。

以色调分类、保持版面统一感

在多幅图片的构成版面中，除了通过其类别对图片进行摆放外，还可以通过图片的色调进行分类。按照图片色彩对版面进行格局分布，可以表现出协调、统一的画面效果。

相同比例的图片组合、呈现规整感

将图片处理为有着相同长宽的比例大小，再通过一定的规律和秩序对其进行组合摆放，由于图片大小一致,因此可呈现出规整的版面效果。

不同不理的图片组合、丰富画面

当版面出现图片数量较多且尺寸比例不同的情况时，可以将大小相近的图片分布在版面对角线位置，这种对角线呼应的排版方式可以保持画面结构的平衡性，也能使画面显得丰富，富有节奏感。

不同几何图形、打造空间

当版面中的多幅图片以几何图形的形式出现时，利用不同图形的灵活摆放可以打造出张弛有度的混合空间。

利用重叠图片、表现关联性

将多张形式相近的图片进行层叠的重复摆放，使其成为一个整体，可表现出图片之间的相互关联，若再加以色彩的区分，可使画面更具美感。

关于版式设计中的图片处理技巧，小编就和您分享到这里了。如果您对页面排版、网站设计、图像处理等有浓厚的兴趣，希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容。