平面设计中，有哪些简单好用的排版技巧和方法

著名的主持人杨澜女士曾经说过一句话：没有人有义务透过你邋遢的外表去发现你内在的美，放在文章中，同样也是如此，没有读者有义务透过糟糕的排版去发现文章的内在价值。

因此，在完成一篇文章后，排版的价值不容忽视。

下面主要有三个原则：

1、简约美观原则

把排版弄好的目的是为了提升读者的阅读体验感，因此，那些花哨复杂的排版，反而加重了阅读的负重感，因此，我们遵循简约美观的原则。

二、结构清晰原则

写文章的过程要强调结构分明，在排版中结构清晰这一原则同样适用。

排版把一篇1000字甚至几千字的文章简单化，模块化，结构化，让文章的呈现更有逻辑，更清晰，让读者更高效的地阅读，这一点是非常重要的。我们发现，在阅读大号的公众号时，他们的文章给人的阅读体验感非常棒，可以多观摩一下他们的排版。

三、重点突出原则

对于一句话，我们常常强调说重要的内容说三遍。

对于一篇文章来说，你希望读者重点关注的内容，比如对于看小标题、开头、结尾、重点词句、重点图片、重点视频等，我们都要想办法让他们更加突出。

以上就是内容排版要始终遵循的三个基本设计原则。

1.电子商务网站在外观设计时要注意整体的颜色搭配，切忌为了吸引浏览者而设计的眼花缭乱。往往简约清爽的风格适合更多的电商网站，因为更多的浏览者访问网站是为了购买产品，而非纯欣赏网站。一旦网站设计的过于胡里花哨会使得消费者摸不到头脑，觉得太凌乱，不能很快找到自己想要的信息。

2.尽量使用白底黑字的呈现方式。现在很多电商网站喜欢使用背景色或者背景图，而使得网站浏览起来非常的不适，尤其是看文字的时候。如果是为了烘托逢年过节的气氛而设计的尽量是头尾或者两边留白处，中间依旧是以白底黑子为主，又或者是淡淡的底色。这样会让浏览器的眼睛感觉更加的舒服。

3.广告特效避免太多。为什么电商网站的首页总是各种广告的聚集地？无论是两边广告、漂浮广告、上下浮动广告等等。一进去就会让浏览者觉得很烦，因为乱七八糟的东西太多了，影响到了浏览者的情绪。估计不少人也跟我一样有关广告的习惯，但是很多广告关了还是会弹出，这个就会越发的遭到浏览者的反感。所以避免在首页使用过多的广告特效是很明智的做法，依旧建议广告位设置更好。

4.在线咨询的弹出影响用户体检效果。时不时的弹出一个在线客服是多么恼人的一件事，或许你在浏览某个产品的介绍时突然弹出，然后关掉了还会继续弹出。这严重影响到了很多浏览器者的购物欲，会使得很多人觉得这个网站怎么做成这样，更有甚者会干脆关闭了浏览器等。

说到极简风格，很多人都是会喜爱北欧风格那类简约、整洁、单纯的设计构思，沿袭这类定义，在室内装修自身房子的过程中留意色彩的搭配、家居设计、背景墙壁纸等层面。全部房子设计风格最先步入眼前的是色彩的搭配应用，注重温暖暖色系，运用蓝 白 橙等和睦装点。暖色系的电视背景墙与白色条纹或海洋风深蓝色搭配窗帘，给人清爽魅力感。其次是整洁优雅的室内空间，大客厅的茶桌、桌椅及其装饰物的有效空间规划也是可以支撑出这种商品的风格。墙壁大规模的留白艺术或是浅色调设计方案，可以产生更高的立体感，再利用一些小物件装饰物，如插图、精巧石英钟、吊顶灯等，增添精美生活品味。

最终挑选客厅电视墙要小一些及其厨房布置要简约。客厅摆放一张能够伸缩的布艺沙发，一把舒服的休闲躺椅、一张温暖的毛毯，好多个卡通抱枕，疲倦的情况下在躺一趟，又重获新生了。在厨房布置上，想要拥有更高的的空间，储物柜是免不了的，以黑与白颜色为风格，看上去全部餐厅厨房有一种欧式风气场。礼拜天空闲的时，在厨房里亲自烹饪美食，品味生活的美好。地面能够采用汉白玉石材或是浅咖啡色的复合实木地板防贫，维持着简洁三色的基本上，不夺走主色的情况下，适度的做为调合色彩和。客厅电视墙悬架水墨山水画或是淡色彩的花卉植物，做一些方形、标准线框的简易排版设计，提升生活乐趣之外也可以修身养性。

布艺沙发依据自身的具体情况挑选乳白色低椅背式布艺沙发或是家居普通沙发，不仅能减轻腹部疲惫的功效，还可以注重主色调。近代化造型艺术的淡黄色盆栽花卉装饰物能够摆放在白色沙发边上，依旧是做为调合色。乳白色沙发上的靠背能够采用引人注目的色彩做为烘托，以纯白色做为背景色，一切色彩都是会分外引人注意。简单装饰和一些简单造型设计，配搭出的总体室内空间看起来十分的简易简单，可是仔细看是会发觉有一种不一样的感觉，也便是极简风格的展示方式。从外观层面讲，应用一些非常简单，不过又十分流行时尚的造型设计，让屋内的条件有一种特别惬意的觉得，可以有一种与外部阻隔的觉得，即使外边是炎热的天气或者寒冷的天气，在室内还会感到清凉与温馨。

从家俱层面讲，可以使用一些不规则的家俱，让空间具备比较丰富的艺术创意，那样房间内的房子装修级别当然也就提升了很多，家俱的色调可以选择深一些的颜色，那样可以让人感觉到稳重的气场，还会继续看起来全部室内空间尤其空气。如今有很多人室内装修房子要想极简风格，因为他会潜意识感觉极简风格较为节省花费。也正是由于这类逻辑思维变成了流行逻辑思维，因此有许多室内设计师对极简风格的了解也趋于与节省花费的一种设计风格。慢慢的许多极简风格的实例最终都变成了简单风格。我了解的极简风格不仅是一种室内装修风格，更重要的是一种生活态度！不是为了划算而室内装修，反而是生活不易去精减。现代简约风格有可能是现阶段大部分人对极简风格的界定。其实不是，极简风格有很多种设计风格的细分化，例如台式一体机简洁，广式简洁，日式简洁这些。极简风格是一种生活态度，能够在不一样特性设计风格内呈现出简洁的具体内容。

快来给你的作品集开个眼角吧️️

“portfolio is a presentation”

作品集作为申请者的一张脸

决定了是否能在众多申请者中

脱引而出

好的作品集排版同样可以成为作品

更快地吸引到招生官的留意

所以在这一个”看颜值“的时代

我们要怎样排版平面设计作品集

在激烈的名校竞争中获得成功呢？

封面必放的信息有： 申请者姓名 、 专业 和 学校 、“ portfolio ”英文字样、以及 作品创作的时间段 等。

作为主要信息，排版一定要清晰明确。同时，还可以放一些次要信息，如申请者联系邮箱、电话等，但切忌复杂，可以根据排版需要，选择性地放置一些。排版可选择 纯字体设计 或是 结合图形 、 图片 等方式。

注：封面的设计风格尽量和作品集整体风格保持一致，切忌过于炫酷而导致喧宾夺主。

作为平设的申请者，更要注重排版的 美观 和 细节 。一份美观的作品集会给考官带来良好的视觉体验，从而可以成为申请者的一个“ 加分项 ”。就让我们来看看有什么 tips 吧～

作品集版面没有要求固定的尺寸，但具体要看不同院校的要求。建议版面的比例是16:9，当然也可以根据作品内容的不同，适当拉长横向距离。竖版的阅读体验可能不太好。具体页数要求请参考院校官网。

作品集是一个以视觉为主导的事物，每个版面的说明文字都要做到简洁， 切忌长篇大论从而混淆视觉重心 。尽可能以图片或是sketch来表达自己的观点会显得更加有趣，部分文字只起到了提示的作用。同时，文字段落也可以作为平衡版面留白和空间的“设计元素”。

每个作品项目都应根据项目简介、灵感确定、调研过程、草稿/实验、设计发展制作、成品优化、最终成品展示的顺序进行排版。为了划分每个阶段，排版的时候要善于利用大小标题来突出整个创作流程。

其次， 大标题小标题的字体 、 字号 在每个作品项目中也应当保持 一致 和 整体性 。字体要选择易读性较高的，可以根据自己的作品风格， 选择两种字体，分别运用在标题和文字段落 。

作品集的整体配色要保持一定的舒适度，进而再利用色彩凸显作品的优势。 文字段落和背景色的选择要运用强对比 ，例如白色的背景，黑色的文字，使文字部分的可读性和精致感加强。

色彩的 明亮度 也可以用来增加对比性，但过强的对比度会降低阅读体验感，图片与背景色的选择，更要注重 舒适协调 ，避免浓烈的色彩对比扰乱了排版的秩序。以下是一些舒适度极高的整体配色案例：

大家也可以选用同色系中的不同色阶来进行整体排版

版面要 适当留白 ，避免过度拥挤。太多的排版装饰性元素会影响到作品本身的效果，处理好页面的留白会给作品集带来更清晰的逻辑关系和顺序。

在进行排版时，可做一个初步的排版规划

细节在排版过程中也是最容易被忽略的。建议同学们在完成基本排版后进行多次校对。检查中英文拼写，图片是否对齐，风格是否统一，阅读顺序是否符合逻辑等。只有多次校对，整本作品集才经得过多次推敲。

以上就是作品集基本的封面排版和整体排版的小tips, 接下来分享一些个人经验，希望能进一步帮助大家挖掘到更多排版的“秘密”。

作品集一般包含 4—5个项目 ， 小项目 的排版可选择在 3—4页 左右，分别阐述灵感/调研、方案生成、设计实验、成品展示；

大项目 的排版可选择在 5—7页 ，在调研、方案生成、草图模拟、设计发展等阶段可以不断深入，成品展示可以放置 2页左右 。

作品集项目的放置顺序也是有一定讲究的。 第一个 项目和 最后一个 项目同学们都可以挑选两个 相对满意和成功 的作品。放置要有一定的 连续性 ，类型相同的作品可以放置在一起。

展示页的排版尽可能 简约大 气，遵循“less is more”的原则。具体可参考以下图片：

如图， 突出作品即可 。在拍摄作品的时候也尽可能 增添专业度 （如边缘是否对齐，背景色是否干净等）。展示页可放置多张图片，从作品的 整体 到作品的 细节 ，进行 多角度拍摄 和排版。

再三强调！敲黑板，一份成功的作品集也在于逻辑是否清晰，分类是否有层次。能让考官清晰的熟知你想要阐述的 逻辑 才是最重要的。

那如何才能理清作品集的逻辑呢？首先，可以整理一个 作品集目录 （也可以单独排版成一页置入作品集中，如下图）

其次，再根据每个项目，循序渐进地进行排版，从灵感，设计全过程到成果呈现，依次将每个板块的内容说明清楚。这里就要提醒同学们，想要高效快速地完成作品集，就要 准备好充分的sketch ，过程记录以及排版内容。希望在作品集中能看到 叙事性排版 。

进行排版的每一张图都要保证是 高清 和 干净 的，同学们可以多花一些心思进行 拍摄 和 修图 ，保证专业度。好啦～以上就是排版诀窍的分享。还没有明确方向的同学们也不必着急，可以多看看杂志

我每天都会在工重号持续更新文章，让你了解更多的设计内容，还有很多素材等你来领取哦​​​​​​​​​​​​

曾经我学习UI设计时，网上资料很多，但是参差不齐，对于新人而言，这是很痛苦的，进步慢。因此我想通过之前踩过一些坑，集合自己的工作经验，把一些知识点分享出来。

分享的最终目的是沉淀自己，同时也希望能给有想要提升排版能力的设计师带来一些帮助与启发！所以本系列文章并不一定适合所有人。

那么本周就先从排版篇幅开启……

排版是界面设计中最难的部分，也是非常重要的一部分，它以各种形式存在界面中，纯文本排版，图形文排版，图片文本排版等等，这是我们在做设计时候，经常会面临的问题。好的排版能有效地向用户传递关键的信息，同时也能提升产品使用体验。

在我们日常生活中，离不开设计排版，包括经常见到的各种广告与电影宣传海报，如果不能让用户在短时间内记住关键信息，这个设计就是失败的。因此我希望通过今天这篇文章，能够让你对排版有一些新的认识。

在界面设计中，影响排版设计的因素有很多，我总结归纳了7个维度（当然还有其他更细的，在这里就先暂时不讲），它直接影响整个排版质量，这些方法当然不是绝对，但是如果能巧妙综合得运用到界面中，能保证大部分界面设计感得以提升，当然也是需要不断刻意练习来提高的。

分别是：

下面我会集合一些案例来和大家讲解下

空间即我们常说的留白，当设计元素紧紧地聚集在一起时，界面看起来没有重点，因此需要和谐的运用它，空间的运用规则直接影响产品的性格，小空间和大空间在视觉感受上，两者完全不同，那么我们在界面设计中如何去更好的运用空间来设计排版。

有一个很好的方法就是可以运用网格去搭建空间，在平面设计中，运用得非常多，那么在用户界面中，同样也可以运用网格去搭建，下面看一个案例：

如上图作者把一个界面分为4Gird，通过搭建好的网格来进行界面中元素排版，右侧是我拆解的图（备注：网格的搭建并没有任何强制性的规定需要搭建多少列，最终的搭建列数需要根据这个产品内容复杂程度去定义的），比如：我最近在做车载HMI设计语言，同样也运用了网格，那么我会根据整个车载HMI产品复杂程度去搭建，同时也运用了几种网格配合使用。

上面两个例子我们可以发现 设计师运用了大空间来设计界面，这使得整个界面呼吸感更强，更透气，因为也是 娱乐 类偏杂文产品，所以设计会偏艺术化一些。

韩国29cm产品是我比较喜欢的一个app，整体设计呼吸感很强，留白空间大，视觉焦点清晰。

我们都知道大的物体更吸引眼球，更容易引起我们的注意，那么在设计中，我们一般都会将重要元素放大，突出显示。

a和b那个更吸引你？

答案是a. 因为a类型排版看起来很大，更具有吸引力。

上面案例中算是大小方法上运用比较好的，我们可以看出视觉层次非常清晰了。首先我能快速知道哪些重要信息，肯定是封面图，接着左上角logo,然后就是导航和标题了，最后就是针对每个内容块的一些详细文案解释。

简单示例，重要的信息一定要大，次级信息弱化。

颜色在排版设计中起着很大的作用，能起到点睛之笔，又或者为画面带来活力，又或者代表着品牌，当然我们在UI界面中字体颜色一定要慎用，因为不同颜色含义是不同的。合理恰当运用颜色， 能够瞬间提升设计品质感。

上面这个web设计中，设计师通过红色来强调重要信息，同时也让灰白的画面有了些许不同之处。

对某些文本使用辅助颜色，例如链接文本，图1 使用方式正确。图2将颜色大量使用在正文，严重影响视觉体验。

避免像图2那样使用对比度低的颜色。

对齐是界面设计中我们经常提到话题，也是提升界面品质感最重要的一个隐形的力量，也许有时候我们会忽略他，有时候会不经意间就没做好。

对齐的界面比不对齐的要整齐很多，视觉流也符合用户阅读习惯。

我们可以借用前面所学的网格来对齐，这样不仅设计有节奏感， 同时画面很整齐美观。

我们界面设计中可以有三种思路对齐方式，当然根据业务板块去选择合适的对齐方式，三种对齐方式都有一个隐形的轴（看我标的线），然后围绕这个去排版设计，自然形成一个规则的视觉流。

上面案例中作者整体偏左对齐，这样形成以左为中心一个轴展开视觉流走向。

我们在做界面设计时候，会经常遇到有人说你的设计，要么是这边太重了，要么就是太轻了，或者这边要不加点东西进去，不然太空了，为什么？

这就是平衡定律，如果同一个环境下的物体没有保持平衡关系，我们视觉感受上是很不舒服的。

下面我们看几个例子：

图1和图2 我们可以看出，图2 给人第一感受就是不平衡的，整体视觉重心偏左。

上图案例，设计师通过按钮来平衡整个画面视觉重心，因为左侧内容多，如果按钮很弱或者很小，是很难平衡画面的，因此我们做界面时候，定义一些按钮大小也是非常考究的。

左边视觉界面，右边拆解原型出来，我们可以看到设计师也是通过元素合理分布使得界面整体平衡。

字体选择对界面排版非常至关重要，这也是所有界面排版中必要的一步，不同字体有不同的性格属性，我们需要根据产品来选择恰当的中英文字体。同时，也需要记住，一个产品APP界面设计中，字体最好不要超过两种

推荐一些我认为2019比较好用的英文字体，大家做概念设计时候或者提案方案包装时候是可以用到的哦（吐血推荐）。

分别是：Montserrat 和 Nexa 字体。

分别是：Futura 和 Playfair_Display 字体

中文好用的字体，大家应该都知道，平方字体，思源黑体，汉仪旗黑，兰亭纤黑，我就不做示例了。

终于到最后一趴了，最后这点是整个设计排版的核心之一，为什么？

如果不清晰设计目标，那么整个排版风格也许最后产出和你用户群体或者产品性格是两种类型的，不同产品风格会有不同的排版style。

比如：我们产品是奢侈品，那么整体排版设计风格一定是使用大网格，大空间去设计，字体纤细等。如果是简约现代呢？又或者母婴产品， 科技 产品， 娱乐 产品等等，每个会有一些特殊排版思路。所以了解你的设计目标，并确定设计原则。

有了这些原则与目标，那么接下来就是开始找参考，找灵感找到对应产品他们是如何排版，如何控制画面节奏感的，推荐多去使用pinterest或者behance

通过七大点排版思路，可以更好的运用在界面设计中，每个排版原则并不是独立的个体，他们之间是相辅相成的关系，比如大小离不开网格，也离不开对比，颜色等等，缺乏某些元素，那么界面就会缺失灵魂，设计产出质量并不好！

好了本期到这里结束，下期会继续和大家分享如何巧妙运用图形提高界面品质感和增强细节！

题图来自 Unsplash ，基于 CC0 协议

版式1：居中对称型

这种版式是最为简单和理解的，所谓居中对称，就是整体画面元素(图片，文字，背景等)是最为直观的平衡版式。

版式2：上下构图

其实上下构图视画面的整体感觉，上图中茶字与小文字，位置均为图的偏上方，茶杯的位置为图的偏下方，整体形成上下的关系，而茶字并不是整体在上，但是整体的视觉是偏上方，所以也是可以看成是上下的关系。

版式3：左中右版式

此版式适用于横板的图，其中元素的位置均可以随需要变化，整体形成左中右布局即可。

版式4：自由布局

自由布局对素材的运用要熟悉，容易造成画面空洞或不协调，上图的右上角+中左位置，均可以增加素材使画面更加饱和。

关于设计中常见的排版布局有哪些，环球青藤小编就和您暂时分享到这里了。如果您对网站设计、页面排版、图像处理方面比较感兴趣，希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。