个人中心 我的学堂 我的旅行 退出账号

课堂|干货来啦!看完这篇,“小白”也能速成排版大神


PART 01

认识排版



关于排版基本原则

大家开始正式排版前,我们先系统的认识一下作品集的构成和排版的基本原则。

首先,大家需要去各自申请院校的官网上,明确学校对于作品的具体需求。不同的院校对于申请的项目数量,作品集页数,页面大小都会有各自的规定。通常来说:项目数量:以4-6个完成度较高的项目为宜。


页数要求:部分学校会有明确的页数限制,需要特别注意。如果学校没有明确要求,页数以20-30页为宜,每个项目分配在5-6页。


页面大小:常见的几种版式大小如下图,大家可以根据学校的要求进行调整。


1561517710(1).png

▲图片来源于RAC





PART 02

字体



一般情况下,在作品集的排版中,字体都是比较容易被忽视的一部分,合理的字体排版不但会使得作品集的内容能够简单且清晰的展现出来,便于阅读,同时也有利于视觉效果的增强,使作品集更有美观性和易读性,因此字体对作品集的影响不容小觑。


衬线体VS无衬线体

在讲字体选择之前,首先我们要引入关于衬线体的概念。那到底什么是衬线体?什么是无衬线体?使用字体的时候,到底是选衬线体好呢?还是无衬线体好呢?


「Serif」衬线体

衬线体(serif)指有边角装饰的字体。它非常容易识别,强调了每个字母笔画的开始和结束。这种装饰线的笔画设计多认为来源于古罗马纪念碑上的拉丁字母,最初被雕刻到石碑上之前,要先用方头笔刷写好字的样子,再照样雕凿,由于直接用方头笔刷书写会导致笔画的起始和结尾出现毛糙,所以在笔画开始、结束和转角的时候增加了收尾的笔画,自然就形成了衬线。


1561517798(1).png

▲图片来源于网络


「Sans-serif」无衬线体

无衬线体(sans-serif)与衬线体(serif)相反,它通常是机械的和统一线条的,它们往往拥有相同的曲率,笔直的线条,锐利的转角。在视觉上基本一致。随着现代生活和流行趋势的变化,“简约风”开始盛行,人们越来越喜欢用无衬线体,因为他们看上去“更干净”。

1561517844(1).png

▲图片来自网络





PART 03

字体的选择



西文中衬线体(serif)最著名的有Caslon,Didot,Baskerville,Times New Roman等等。


Times New Roman是最常见且广为人知的衬线字体之一,在字体设计上属于过渡型衬线,对后来的字型产生了很深远的影响。Windows从3.1版本开始就一直附带这个字体,由于其中规中矩、四平八稳的经典外观,所以常被选为标准字体之一。现在很多应用程序,还有网页浏览器和文字处理软件都是用它作为默认字体。


1561517882(1).png

▲图片来源于RAC


Didot强烈的笔画粗细对比和水平衬线,既符合现代的简约几何造型,又继承了古典衬线体的特点,时尚、现代、优美,被当今时尚行业所广泛应用,大量的时尚大牌都选择 Dodot作为标准字体。


图片5.png

▲图片来源于RAC


以巴洛克风格字样的基础上改造,一款非常精美的字体,有着很悠久的历史。美国独立宣言用字,是活字时代的大热字体。活字时代有一个说法:在犹豫不决的时候就用卡斯隆。足以说明其应用的广泛性。西文中,Arial、Helvetica和Univers 三个是极具代表性的无衬线字型。


1561518001(1).png

▲图片来源于RAC


Arial是最常用的标准英文字体,明快干净而无多余修饰,严谨、端正、平稳,可读性强。随着Windows 3.1的发布成为免费字体并迅速传遍全球。


图片7.png

▲图片来源于RAC


最经典也是使用频率最高的字体之一,结构严谨,没有情绪导向,具有非常高的识别性。2007年是它诞生50年,作为商业设计上非常普及和成功的一款字体,英国导演Gary Hustwit专门为它拍摄了一部纪录片,纪录了它的诞生背景和流行影响。


图片8.png

▲图片来源于RAC


Univers有着比Helvetica更优雅更精致的字形、以及对细节的表现力,笔画均匀细腻。是最早引用字族理念的无衬线体,从最初的设计阶段起,就系统的考虑到了整个字体家族的展开方案。字体推出后受到市场的广泛欢迎,大量企业都采用作为企业的标准字体。


1561518151(1).png

▲图片来源于RAC


标题VS长文阅读


1561518194(1).png

▲图片来源于RAC


在传统的正文印刷中,普遍认为衬线体能带来更佳的可读性。尤其是在大段落的文章中,衬线增加了阅读时对字母的视觉参照。而无衬线体往往被用在标题、较短的文字段落或者一些通俗读物中。相比严肃正经的衬线体,无衬线体给人一种休闲轻松的感觉。随着现代生活和流行趋势的变化,如今的人们越来越喜欢用无衬线体,因为他们看上去“更干净”。




PART 04
排版版式



排版的难处在于,我们不是根据已经设计好的版面来填充内容(套模板),而是要根据具体的内容来布局版面,比如版面中的图片有时候是一两张,有时候是十张八张,由于构成元素的不同,导致采用同样的构图、版式、形式往往是行不通的。下面我们一起来学习一些常见的排版版式。


1561518240(1).png

▲图片来自网络


对称型:左右均分构图加强对比


对于主图为效果图或者表达设计整体的轴测图、鸟瞰图;我们可以选择这类版式,在内页中把某一半版平铺主图,另一半则以中轴对称的形式排列文字或者小图。


1561518279(1).png

▲图片来自ISSUU


1561518341(1).png

▲图片来自ISSUU


1561518377(1).png

▲图片来自ISSUU


左右分割型:主图三分之一跨页


版面分为左右两个部分,版面达到平衡的效果,形成强弱的对比效果,将文字进行穿插排版,使版面更加协调。

主图的跨页打破原有的均衡感,使整个版面有重点,突出视觉焦点。


1561518410(1).png

▲图片来自ISSUU


1561518457(1).png

▲图片来自ISSUU


1561518511(1).png

▲图片来自ISSUU


中轴型跨页&留白以图为主


版面横向排列或竖向排列,将文字置于版面的上下或左右,增强整体的视觉体验。

以图像为主,视觉直观而强烈。文字在编排上置于图像上,给人以大方舒适的视觉体验。

可以说是横向效果图、剖透视图、剖面图等从整体反映方案或者讲述空间概念最好的排布方式。跨页大图可以使一整张,亦可是两张拼合而成。


1561518557(1).png

▲图片来自ISSUU


1561518592(1).png

▲图片来自ISSUU


1561518626(1).png

▲图片来自ISSUU


并列型:单图左右对称多留白


将选择的图片做大小相同位置不同的重复排列,将整个版面达到对比的效果。

当然,这也并非是只能放一张图,最好把多张图通过网格排法或者通过统一底图的形式出现。


1561518668(1).png

▲图片来自ISSUU


1561518708(1).png

▲图片来自ISSUU


1561518749(1).png

▲图片来自ISSUU


自由型:图文非对称自由搭配


做无规律的排版,版面活泼轻快,但要避免排版过意散乱、不完整。

虽说是“自由搭配”,但对于新手来说确是最难的一部分;版面焦点、重心,以及图片与文字的对齐方式是这类版式设计的难点。建议搭配采用上图下文或者上文下图的搭配。


1561518790(1).png

▲图片来自ISSUU


1561518827(1).png

▲图片来自ISSUU


1561518873.png

▲图片来自ISSUU



好的排版中包括了很多元素,需要合理利用元素,做到配。

文字、表格、图形、图片等进行合理的排列调整,使版面达到美观的视觉效果。


你可以遵循这种或者某种既定方式进行排版以及布局,但是每个人所设计的产品和节奏都各不相同,所以大家找寻适合自己作品集的风格和排版也很重要。



1条评论
2020-04-03 16:22:39 回复 0

所以?

相关阅读

    media@archcollege.com
    来稿须知 关闭
    感谢您的关注与支持!我们非常欢迎各类投稿。
    几点简单的来稿须知,望您耐心读完。
    来稿要求如下:

    ● 作品类稿件

    1、高清项目实景照片/效果图/模型照片/手绘草图
    2、高清技术图纸,如:分析图/主要平立剖/总平面/关键节点详图
    (图片要求:无水印,格式为JPG,图片分辨率72,宽度大于1200像素)
    3、详实的设计说明800字左右(word格式)
    4、真实准确的基本项目信息
    5、如有项目视频,请提供高清项目视频
    6、贵司的LOGO、官网相关信息。(用于注明文章出处及作者)

    ● 其他稿件

    1、配图清晰且无水印图片
    2、内容有趣有料,文字流畅通顺。
    3、作者姓名,若有公号请提供公号名称及LOGO
    我们的编辑将在收到稿件后的3个工作日内审稿并与您取得联系,如果没有刊载也会在3个工作日内您答复。
    投稿邮箱:tougao@archcollege.com
    如有其他疑问请加QQ:359440856 或微信: jzxy-gtn

    APP

    为建筑师而打造的精品应用

    2018必威体育下载
    close
    社交账号登录
    close
    close
    close
    欢迎加入【 】
    快去完善你的个人信息吧!
    完善资料
    等下完善
    close
    Baidu
    map