您的位置
主页 > 国内新闻 » 正文

设计师必掌握的四大排版技巧

来源:www.xdhqlp.com.cn 点击:1673

一、对比原则

0x 251 e ' style=' width : 100%;display:块;data-lazy=' 1 ' data-height=' 7 ' width=' 153 ' height=' auto '

我认为如果我们想比较,那么我们必须表现出差异化。我们不能拖延。仅放大一个字体并不反映差异,还会影响阅读体验,混淆视觉。

0x 251 f ' data-lazy=' 1 ' data-height=' 929 ' data-width=' 658 ' width=' 658 ' height=' auto '

字体、颜色、形状等。都是常用的比较,除此之外还有大小、位置、方向、距离等的比较。使用字体大小比较、颜色比较和虚实比较可以使图片简洁明了,主题表达清晰明了。

0x 2520 ' data-lazy=' 1 ' data-height=' 851 ' data-width=' 584 ' width=' 584 ' height=' auto '0x 2521 ' data-lazy=' 1 ' data-height=' 1 ' data-width=' 1 ' width=' 1 ' height=' auto '?

0x 251d ' style=' width : 100%;display:块;data-lazy=' 1 ' data-height=' 8 ' width=' 157 ' height=' auto '

二.对齐原则

0x 251 e ' style=' width : 100%;display:块;data-lazy=' 1 ' data-height=' 7 ' width=' 153 ' height=' auto '

对齐的功能是在视觉上创造一种秩序感。使布局均匀、简洁、条件良好,并正确引导视觉流向。

合理使用对齐方式使布局整洁美观,相关元素链接在一起,便于阅读。

没有对齐,它看起来混乱而不漂亮。对齐的主要类型有左对齐、中心对齐、右对齐、轴对齐、顶部对齐和末端对齐。

0x 2524 ' data-lazy=' 1 ' data-height=' 822 ' data-width=' 581 ' width=' 581 ' height=' auto ' alignment原则是基本原则,最常用于文本布局、海报设计、页面设计等。

对齐可以在串联中发挥非常好的作用,因为根据特定规则的视觉上存在的元素将被用户潜意识地认为是相关联的。0x 2521 ' data-lazy=' 1 ' data-height=' 1 ' data-width=' 1 ' width=' 1 ' height=' auto '?

0x 251d ' style=' width : 100%;display:块;data-lazy=' 1 ' data-height=' 8 ' width=' 157 ' height=' auto '

第三,亲密的原则

0x 251 e ' style=' width : 100%;display:块;data-lazy=' 1 ' data-height=' 7 ' width=' 153 ' height=' auto '

相关信息组合显示形成一个整体。

元素在布局上越靠近,它们就越相关,彼此也越靠近,形成一个组合。不相关的信息是相互分离的。常见的组合包括空格、模块、列等。看似简单,但可以设计不同风格的作品。

此外,海报中还有许多组合。栏目与空白的结合使海报的相关信息更加接近,提高了作品的质量,吸引了人们的注意力。0x 2521 ' data-lazy=' 1 ' data-height=' 1 ' data-width=' 1 ' width=' 1 ' height=' auto '?0x 2529 ' data-lazy=' 1 ' data-height=' 395 ' data-width=' 800 ' width=' 800 ' height=' auto '

左视觉元素和右视觉元素的位置是相同的,但是左视觉元素给人一种混乱的感觉,因为每个视觉元素之间没有相关性。

在右侧,保持相同的音调。整体由金属纹理制成。通过简单地改变形状,整体不会显得单调,因为它太统一了。这是在统一中改变,在改变中连接。

0x 251d ' style=' width : 128 pxdisplay :块;data-lazy=' 1 ' data-height=' 8 ' width=' 157 ' height=' auto '

四.重复原则

0x 251 e ' style=' width : 128 pxdisplay:块;data-lazy=' 1 ' data-height=' 7 ' width=' 153 ' height=' auto '

重复的意思是使作品中的所有元素和谐统一。

包括所有字体的设置、符号插图、配色方案等都要整齐划一,没有突兀感。整齐的符号设置,既能增加条理性,还可以加强统一性。 ' data-lazy='1' data-height='1' data-width='1' width='1' height='auto'

' data-lazy='1' data-height='1273' data-width='900' width='900' height='auto'

重复原则在设计过程中使用,可以提升作品质量,让整个画面保持平衡。

采用统一重复的色彩饱和度和,相同的构图,就组成了系列感。而重复的对齐和编排方式,画面更统一。

' style='width: 100%;display: block;' data-lazy='1' data-height='7' width='153' height='auto'

版式设计的四大基本原则阐述起来很简单,但是实际运用到设计中还是有一定的难度, 躁爷想如果你可以充分的理解到体会到四大基本则的精髓,那么你就可以设计出一个不错的视觉版面。

另外四大基本原则并不是孤立存在的,它们之间是相辅相成的。一个优秀的页面设计上可能会运用到,所以以后你们在设计的时候还是要心中有原则。

OK,看完躁爷的文章,大家有没有对排版有更深刻的理解呢?欢迎在公众号留言互动,躁爷期待你的骚扰!

——