认识达内从这里开始

因为通常一个版面中的元素和信息是多样的，例如在一个画册版面中可能会有：图片、标题、小标题、正文、注解、页眉、页脚等等。而且这些信息会有重要和次重要之分的，如果在排版上毫无层级关系，如下图：

那么这个版面在视觉上就会显得非常平，缺少变化和设计感，所以也不会好看。更重要的是，由于没有层次、缺乏视觉引导，受众感受不到画面中的主次关系，所以会大大降低阅读和信息传播的效率。

本文武汉达内ui培训就来分析一下如何正确安排层级关系?

1. 按信息的重要程度来安排它们的层次等级

有层级就会有主次，而视觉上谁是主谁是次呢?这就得与信息的重要程度相呼应，我们要使最重要的信息最为突出，次要的信息次要突出，而不重要的信息则要弱化处理。

上图的文字排版就有着鲜明的层级关系，标题最为重要，使用大写的Didot字体，且关键单词“ART”和“FASHION”字号最大，为第一层级;非关键单词“THE”和“OF”用了比较小的字号，为第二层级;

引文为第三层级，使用小写和普通衬线体，字号比标题中的非关键字小一点，且使用水平倾斜效果，以区隔其他信息;

正文为第四层级，字体与引文相同，但字号要小一点;

注解为第五级，字体为无衬线体，字号比正文更小;

页码为第六层级，虽然字号比正文和注解要大一点，但是由于位置在左下角，且整体的面积较小，所以并不突出;

页脚为第七层级，字号和字体与注解一样，但位置位于右下角，且排版方向为竖排。

所以在使用一些修饰技巧时，我们要知道哪些技巧可以最大程度上突出信息，哪些次之，哪些可以将其弱化，具体有哪些技巧，葱爷后面会做总结和分析。

2. 层级区分要尽量明显

比如字号大小区分，如果标题文字比正文的字号只大两三号，那么虽然标题在理论上要更突出一些，但是效果会很不明显，所以我们可以大胆地把标题拉大一些。

上图除了图片很突出以外，各文字信息类别视觉表现上区分不明显，层次不丰富。

调整后不仅把不同信息的字号做了比较大的区隔，而且还做了颜色、字体、粗细等方面的变化，使不同信息在视觉上拉得更开，所以，信息的层级关系变得鲜明、丰富了很多。

3. 区分的手法不要太单调

想要画面更吸引人，用于区分信息层级的修饰手法也要尽量丰富一点，在广告设计或促销海报设计中，这一点尤为重要。有些人设计的版面层级丰富，很有层次感，但是整体看起来有点单调，不精彩，很可能是因为他们使用的修饰手法太少、太单调了，比如下图各类信息只有大小、字体(其实字体相差也不大)、笔画粗细、色彩的区别，所以整体效果不是很出彩。

而在方案2中，我把部分文字的排版方向也做了变更，且加入色块以突出某些信息，并把“fashion”的字体改为手写体，使其与版面中的其他字体明显的区隔开来。

修改完以后，用于区分层级关系的手法更多了，所以整个画面给人的感觉也比修改前要更丰富、更有设计感、更有细节。

武汉达内IT培训免费试听课程火热报名中，带你轻松入行，26大课程全国45个城市，129家中心均可就近学习，学完后，达内老师会帮助进行面试辅导，在面试前，就带你跨过可能存在的坑，让你入职更加顺利。

【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请添加3216764521学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。