设计中的4大排版原则

新闻来源:发布人:翡翠编辑时间:2018-07-16
翡翠教育今天来给大家分享UI设计中的4大排版原则。 亲密性、对齐、对比、重复。这4个原则是可以打破的,但绝对不可以被忽视,打破规则之前你必须知道规则是什么。……

翡翠教育今天来给大家分享UI设计中的4大排版原则。

亲密性、对齐、对比、重复。这4个原则是可以打破的,但绝对不可以被忽视,打破规则之前你必须知道规则是什么。             

【亲密性】     

含义:将相关项组织在一起。在一个页面上,位置接近就意味存在着关联。因此相关的项应当靠近,归组在一起。         

2. 作用:分组;留白。         

3. 方法:     

1) 如果页面太过拥挤,那就适当缩小字号后再将段落拉开,然后通过添加编号或者通过首字增大将区分得更明显;     

2) 当条目比较多时,将内容分栏或者列表;     

3) 通过设置相同的颜色,观众可以自然而然地从首字读到后面的句子。             

 

【对齐】     

含义:每个元素都应当与页面上的另一个元素有某种视觉联系。         

原则:     

一般情况下,页面上只使用一种文本对齐。但若想在同一页面上同时右对齐和左对齐文本,一定要让这些文本以某种方式对齐!    

如果设计中的对齐很明确,那么可以有意识打破对齐,但一定要表现出这是有意的。        

3. 方法:找准一条明确的对齐线,并用它来对齐。         

4. 分类:     

右对齐/左对齐:充分利用亲密性,并结合明确的右对齐或左对齐。        

居中对齐     

文本居中,文本块不居中;     

将文本放在页面上方,增加紧张性;     

在居中布局中设置一种非常随意、有趣的字体。         

其他对齐     

文本行水平摆放,则按其基线对齐;     

如有图片元素,将其边界与页面边界对齐;    

与版心线对齐;     

元素之间对齐。元素之间是通过“看不见的线”实现对齐的,这些对齐参考线可以是直线或规则的曲线;    

e) 对齐到网格。      

 

【对比】     

含义:如果页面上的元素不相同,那就干脆让它们截然不同,以吸引读者眼球。        

 2. 方法:首先划分层次,多打几个回车将统一层次的要点分成多个并列的条目,然后使用不同的字号区分层次,最后使用点、线、面等修饰元素突出重点。         

3. 分类:    

1) 文字的对比     

a) 字号对比。在字号的对比上不必保守,大胆使用强烈的字号变化效果往往更好。         

b) 反白。反白是使用底部色块修饰文字。色块能够强烈地增大文字的视觉比重,效果非常明显。矩形色块很常见,但太平稳,而使用贴布条等图形元素来替代会更有新意。        

c) 方向对比:     

·向右上倾斜的字体产生一种前进的力量,向右下倾斜则相反;    

·水平文字与瘦高文本列的对比;    

·不要在角落里放有角度的字体。         

d) 图片的对比:局部放大、背景黑白、虚化、局部遮盖。   

           

【重复】

让视觉要素在整个作品中重复,能够实现整个PPT风格的统一,包括统一颜色方案、字体字号、文本行距、项目符号、图表风格、对齐方式、图片风格,或者一种特别的字体。         

不要把重复用得太滥,而应当尽量“采用多样性实现统一”。也就是说,如果一个重复元素很明确(如一个圆),那么可以采用多种不同方式重复这个圆,而不是简单地重复同一个圆。

            

【排版的过程】     

亲密性。将信息按逻辑进行分组,确定这些组之间的关系,并通过组之间的亲密性来显示这些关系。     

2. 对齐。在页面上组织文本和图片时,要建立并维护明确的对齐。     

3. 对比。除非你已经决定要建立一个非常协调的设计,否则就应该建立强烈对比,吸引读者的视线。     

4. 重复。为建立重复,可以使用粗字体、线、装饰符号或者某种空间布局。看看哪些元素已经自然地重复,再看看是否适合加大重复力度。

相关文章
热门新闻
热门搜索

JAVA大数据翡翠教育


电话:010-61943044
网址:https://www.feicuiedu.cn
传真:010-61943044
友情链接:
Copyright ? 2005-2020 北京翡翠教育科技集团有限公司,All Rights Reserved 京ICP备12036804号-1