HTML中对字体颜色稀色,平面设计之版式设计中常用到的对比手法

所有的平面设计都离不开版式，包括网页设计、交互设计和UI设计。但是很多设计师会迷糊，排版到底要怎样才算好看?是不是纯粹靠感觉啊?

其实版式设计也是有套路滴，——对比，在版式设计中经常用到的九大对比手法：

1、字体大小(粗细)对比

大小对比在文字排版中是最常见的，在需要罗列的信息里一般会有标题、小标题、内文之分，也会有重点信息和非重点信息，把重要的信息放大，次要信息则缩小处理，就形成了大小对比，这样做的好处是可以减少次要信息对重要信息的干扰，使之更容易被接收。

2、长短对比

长短对比分为行与行之间的长短对比和列与列之间的长短对比。

3、稀疏对比

在实际排版中，我们需要处理的文字常常是有功能、信息、地位之分的，这时候最常见的处理手法就是把同一类型的信息摆在一起，而不是同类的信息则会区隔开来，然后对它们分别进行不同的字体、字号和颜色处理等，这样做的好处是信息清晰、看起来比较透气，设计师可以利用这种手法制造视觉流程，引导受众阅读信息。

4、方向对比

把版面中的一部分文字信息朝某个方向排版，而另一部分文字则朝其他方向排版，这种手法可以有效增加版面的动感或者空间感，海报设计中比较多见，因为很多海报的信息比较多，对排版的限制又比较少，所以设计可以玩的很灵活。

5、字体对比

大家应该都听过这种说法：“一个画面里的字体最好不要超过3种。”因为过多的字体会造成版面很凌乱，不过如果一个版面里的信息比较多，而又只有一种字体的话，也会显得有点单调，用两种或三种字体进行排版可以制造对比，既能把不同信息区别开来，也能丰富版面，使设计看起来更具吸引力。

6、字体颜色对比

运用色彩对比的文字排版可以起到突出重点、区分信息、装饰画面的作用，同时不同的颜色可以传递不同的情感，合理的运用色彩对比，可以让设计更符合所它所表达的内容的属性，在标题设计中会比较常用到此手法。

7、图文对比

图片与文字的组合方式有很多种，如：并列排版、文字绕排、图叠文、文叠图等等，图片出现的形式主要分规则的几何形和不规则的异形两种，这些我们都可以根据实际需要进行选择。

纯文字的版面虽然也可以排得很好看，但是会缺少有图片时的视觉冲击、感染力和美感，如果把上图的图片去掉全填满文字，该版面的张力与美感瞬间就没有了。

8、立体字与扁平字对比

这种对比效果在广告设计中比较常见，例如把标题设计成3D的立体效果，副标或者内文用扁平效果，或者某个画面的主视觉就是立体，标题则直接用扁平字等等，出来的效果也很不错，空间感和视觉冲击力很强。

9、局部与整体对比

局部与整体的对比在平面构成中又称特异，即版面中的大部分元素是一个效果，而只有局部的某个元素是完全不同的另一种效果，局部与整体的对比感很强，能形成强大的fan差，所以容易造成眼前一亮的效果，另类处理的局部部分也会随之成为视觉重点。

HTML中对字体颜色稀色,平面设计之版式设计中常用到的对比手法相关推荐

html字体颜色 html中设置字体颜色代码字体颜色获取
html字体颜色 html中设置字体颜色代码字体颜色获取 html字体颜色设置更改,html设置字体颜色代码方法有哪些 DIVCSS5为大家介绍在html中设置字体颜色方法,字体颜色修改方法,字体颜 ...
HTML设置字体颜色1008无标题,如何在HTML中设置字体颜色，你知道这几种方式吗？...
color设置字体颜色在color设置字体颜色之前,我们首先了解color在css中有几种取值方式,一共有4种方式,若有不全还请在评论区告知谢谢,4种方式如下: 十六进制.十进制. 英文单词.十六进 ...
如何使用CAD软件来修改表格中CAD字体颜色？
在使用浩辰CAD软件绘制CAD图纸的过程中,有些时候会用到CAD软件中的表格功能,那么表格绘制完成后其中的CAD字体颜色怎么修改呢?下面给大家具体介绍一下表格中CAD字体颜色修改的方法吧! CAD软件 ...
VsCode使用笔记【1】Ubuntu+vscode+Monokai+修改主题中的字体颜色
VsCode使用笔记[1]Ubuntu+vscode+Monokai+修改主题中的字体颜色 ## 标题一.找到标题主题位置 ubuntu中vscode默认安路径: 计算机-->usr--> ...
matlab显示字体颜色,在Matlab中显示字体颜色
我正在尝试创建一个数字(转换为字符串)的数组,并在阈值下降的下方,对于我当前使用0.5的测试.我需要我的桌子上的每个值的字体都落在我的门槛上,以红色显示,在我目前的代码中,我只使用2列,但我将使用10 ...
设置TextView中超链接字体颜色、下划线
ClickableSpan:这是超链接相关的样式控制和点击事件的控制类,我们需要对它进行继承,然后修改成我们需要的样式.其中,可以对超链接文本字符进行颜色.字体大小.字体.下划线.点击事件的自定义控制 ...
怎么将Excel中红色字体颜色数据提取出来
今天跟大家分享一下怎么将Excel中红色字体颜色数据提取出来 1.如下图单元格中含有部分红色提取数据,现在我们想要将这些数据提取出来. 2.选中表格数据区域,然后点击下图选项(Excel工具箱,百度即 ...
如何在HTML表格的td标签中添加字体颜色
摘要:微信搜索[三桥君] 一.问题如何改变表格中的字体颜色?改成如图红色字体. 二.方法 <td><font size="5" color="red& ...
HTML中placeholder字体颜色,修改input中placeholder字体颜色方法
如上,input的placeholder属性我们无需修改,但是如果恰巧我们设置的背景色和placeholder默认颜色一样的话,尴尬的事情就发生了,很小的一个问题会耽误我们不少时间查找什么原因造成的. ...

HTML中对字体颜色稀色,平面设计之版式设计中常用到的对比手法

HTML中对字体颜色稀色,平面设计之版式设计中常用到的对比手法相关推荐

最新文章

热门文章