当前位置:首页>ps入门教程>ps基础教程>设计知识>教程内容

排版教程,讲解排版中的对比与对齐(2)

来源:站酷 作者:大猫Addict 学习:11427人次

排版教程,讲解排版中的对比与对齐_www.16xx8.com

此版面中没有运用对齐原则,各元素间没有联系,凌乱而没有秩序感。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

使用了对齐原则之后,整个版面规整又美观,建立了一种秩序感而更利于阅读。



对齐的分类

排版教程,讲解排版中的对比与对齐_www.16xx8.com

左对齐:版面中的元素以左为基准对齐。左对齐是最常见的对齐方式,简洁大方,利于阅读。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

右对齐:版面中的元素以右为基准对齐。相对于左对齐来说不太常见,给人一种人为干预的感觉,阅读比率慢一些。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

居中对齐:版面中的元素以中线为基准对齐。居中对齐给人一种严肃与正式感。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

两端对齐:版面中的元素拉伸或缩放与同一元素两端对齐。两端对齐通常用于大段落文字编排中,利于阅读。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

顶对齐:与左对齐相似,版面中的元素以顶部为基准对齐。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

底对齐:版面中的元素以底部为基准对齐。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

轴线对齐:轴线对齐是以版面中心线为对齐基准,而不是元素的中线。

除了上图的案例为轴线对齐外,下图的这几种也都是轴线对齐的形式。

排版教程,讲解排版中的对比与对齐_www.16xx8.com

轴线对齐能给人正式感,同时各个部分又富有变化,比较灵活。


对齐的作用

排版教程,讲解排版中的对比与对齐_www.16xx8.com

对齐的作用总结下来其实只有一点,就是能够使版面统一简洁更有条理,能够引导视觉流向。



案例1

排版教程,讲解排版中的对比与对齐_www.16xx8.com

这是一个同学的名片作品,给人感觉凌乱、没有秩序,信息传达也不清晰。那么问题出在哪儿呢?

学习 · 提示

  • 一定要打开PS,跟着教程做一遍,做完的图到这交作业:提交作业
  • 建议练习时,大家自己找素材,尽量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到论坛发帖提问:新手求助
  • 加官方微信,随时随地,想学就能学:ps_bbs,或扫右侧二维码!
  • 关注我们学更多,每天都有新教程:新浪微博 抖音视频 微信小程序
- 发评论 | 交作业 -
最新评论
ZZJ10102019-09-06 02:48
我的作业:
徽杭古道2019-03-26 08:58
加油

关注大神微博加入>>

网友求助,请回答!