版面|版式设计,这样做才高级!( 二 )


/
网格元素
网格系统作为平面设计重要的工具 , 它可以提高设计速度 , 帮助设计师确立视觉层级关系 , 加强设计的秩序感 。
版面|版式设计,这样做才高级!
本文插图

1#页边距
介于页面边缘和版心之间的留白区域 。
2#流线
有助于引导读者视线穿过整个页面的标准对齐线 , 借此形成横向排列的信息 。
3#模块
页面中被标准间隔均分的单元区域 , 它在页面中重复出现 , 并且创建出一系列的行与列 。
4#行
用于分隔版心空间 , 能够存放内容的水平空间 。
5#栏间空白
两栏之间的分割区域 。
6#空间区
为文字、图像或者其他信息构成特定区域的模块组或栏目组 。
版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

其他网格表现形式
如何做好版式设计
进行分类总结
版式设计的好坏决定你的作品被记住的程度 , 想要做好它得从以下几点来探讨 。
版面|版式设计,这样做才高级!
本文插图

Sans Edgy Variable
字体的选择
文字作为语言符号 , 无论在何种视觉媒体中都直接影响版式的视觉效果 , 它不仅是提高作品的诉求力更是赋予了版面审美的价值观 。
版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

选用字体时 , 先观看其设计风格再决定 。 其次 , 多看不同的字体 , 选择其中集中熟练地套用 。
版面|版式设计,这样做才高级!
本文插图

确认用于各种目的的字级大小 , 注意字体的种类会影响文字看起来的大小 , 还要记住各媒体一般常用的自级大小 。 行间必须设定为字型大小的1.5倍~2倍 , 字行越长 , 行间要拉宽才容易阅读 。
版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

文字多列排版时 , 同样类型的文章一定要套用相同的样式 , 依据不同用途调整字距时 , 第一优先为文章阅读时的韵律感 , 其次才是调整编排的整齐度 。
版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

版面|版式设计,这样做才高级!
本文插图

Type Directors Club
色彩与配色
色彩有色相、明度、彩度三要素 , 各式各样的色彩可用CMYK混调呈现 。 印刷用色分别为CMYK混色与特别调制的特别色 , 要输出黑色质感时可考虑使用复色黑 。


推荐阅读