|
［友情提醒，图文较多，尽可能在有Ｗifi进行阅读，土豪除外］ 经常会有粉丝\学员\同学私信: '菌菌,如何排版更大气?' 排版选择什么字体呢? banner怎么弄更好看? 喂喂喂. 字体是大点好呢\?还是图文好呢? ..... 那么到底设计中,排版是有什么规律呢? 我们今天就来聊聊这个话题吧! 排版: 把文字、表格、图形、图片等进行合理的排列调整，使版面达到美观的视觉效果。 (一) 排版的三大规律 1、平衡 元素之间就有相互平衡的关系！ 这里的元素主要是指：文字，图形，图片，色块等设计构成！ 中心平衡 如： （四周与中心之间的平衡） 对称平衡 如：
非对称平衡 三解定律规为其最稳的一种 如： 2、统一 文字，图形，图片，色块 在朝向、色调、对齐方式、位移角度上的统一关系 如： 3、层次 文字、图形、图片、色块之间的主次层级关系 主标，幅标，正文 大图~小图 重色~浅色 亮点 那么，问题来了！ 按三大规律，有没有比较常用的一些总结呢？ 请继续往下看！
三角定律 对齐规律 针对以上两大规律，我们整理版式设计十三种类型！ 这些版式布局你应该要有些了解！对你帮助会比较大！
你在排版的时候， 可以根据排版的规律结合你的文案进行， 会大大提高你的工作速度。 资源菌， 看了你的原理，规律，那能不能来个实例进行讲解呢？ 可以啊，接下来， 由作者：Nyako_111 PC端：http://www.zcool.com.cn/article/ZNDE5MDI4.html 为大家带来《六招拯救排版》 （三） 六招拯救排版本文主要针对入门选手~解决如何排版的问题，总结了自己工作中最常用到的6种排版技巧，希望能为大家提供一点帮助！ 1、善用对比 合理利用好字体大小、颜色对比，能产生令人惊喜的效果。一般的命名用规则是，主标题大而粗，副标题纤细，视觉上形成对比，也强调了重点。
这是一个简单的案例，主要想引出两个知识点！ （1）主标一般情况下是文字大且粗，副标小且细 （2）同一行文字里，强调重点可利用粗细，颜色对比 2、合理对齐 标题的排版上，合理的对齐很重要。常用的排版方式有左对齐，右对齐，居中对齐，两端对齐。
对齐很重要的，基本上一个banner里对齐方式要统一。除了上面讲的几种对齐方式外，还有一种自由型。自由型的排版根据不同页面设计需要自行调整，不太建议初学者用这种排版方式，因为一不小心就很乱。 3、巧用形状 腻味了传统的纯文字排版？巧用形状可以帮助你解决这个问题。新潮的banner和网页设计上经常采用形状+文字的结合，来塑造有活力，个性的设计风格。通常比较常用的形状有：圆形、三角形、矩形。
要活学活用形状，并且形状的使用上，有几个小技巧。 （1）形状要与文字产生关系，彼此之间最好有接解点 （2）最好不要展示完全的形状，雾里看花，更美 4、迷之横线 文字排版时，加上横线可以分割信息或者增加形式感，可以看需要来使用哦~
5、搭配矩形 全是文字看起来头大？其实合理利用矩形可以避免这个问题哦。在重点文案多时，可以对部分文案用谈形框起来。或者叠加一个矩形的底色，文字反白，能起到很好的调节画面的作用~
其实除了搭配矩形，别的形状也是可以的。圆解谈形，对话框，圆形，都能起到类似的功能，要学会举一反三。 6、遮挡文字 这是一个让设计看起来比较高端的方法，就是让画面主体与文字产生关联，文字被 主体遮住部分。这类型的文字排版使用也很广泛哦，运用得当可以为设计加分很多哒~
这种排版方式在服装类目设计时经常用到，效果也很好，但是使用时有几个注意事项： 1、交错的地方一定要檫干净。 2、做细致的投影，给整体画面加分。 以上就是能提高排版水平的6个小技巧！学会了吗？熟能生巧，加油，希望大家都能进步，灵活使用~ 那么问题又来了！ 资源菌，能不能分享一些常用排版的字体呢？ 请继续往下学习~ （四）设计师常用字体库 我的常用字体库， 分类整理让工作更高效！
那么肯定会有好多的同学在问，有没有提供下载啊？ 你可以通过百度查找进行下载字体的！ 比如：迷你简超粗黑
需要什么类的就去下载什么类的喽！ 值得注意的事，这些字体好多都有版权！ 如果你运用在商业的时候，一定要对字体进行变形处理 或者用PS进行重新在加工，这样子确定字体不被侵权！ 问题一定又来了， 资源菌，你讲的都是海报，电商类的排版？ 能不能来个书面排版的呢？ （五）平面书面的排版实例 通过设计画册内页几种不同的版式布局，来给大家进行讲解字体组合在版式设计中的技巧和重要性。对字体组合的版式布局是否掌握，对于平面设计来说有非常重要的意义。 书面的文案分为：图片、标题、内文 模拟图片素材
模拟内文：平面设计的历程就如马拉松赛跑，是一条既漫长又充满挑战性的道。..... 1、大小对比 将文字的大小做变化，是字体组合最基本的一个方法， 大多数性况下，主标题、重要信息要放大处理。
第二种方法是把重要信息摘出做成视觉图形，变成修饰性元素，这版用的是第二种方法。 2、粗细对比 粗的字型比较重，细的字型比较轻盈，这一重一轻就形成了对比。与大小对比的原则一样，重要信息可以加粗。
相当于两个人身高一样，但胖瘦不同，给人的重量感对比是最直接的。 3、字型对比 不同字型会有不同的气质，而字型的对比，也恰 恰 是不同气质的碰撞，我们在做字型对比的时候，也要深层次的考虑字型的选择从气质上是否与主体相匹配，同时，我们也要注意，一个画面中不要超过三种字型。
宋体字型的文化属性与黑体字型 的商业属性结合， 而英文的Alan chan用的这款款纤细的字体，也蕴含儒雅的气质。这样画面中就形成了商业，文化，儒雅的碰撞，这种味道是很好。这三种字型也符合人物的商业形旬和文化形象的定位。 4、色彩对比 当我们要强调某部分的时候，可以通过色彩的明度差，纯度差和色相差来调节，在有色系中，黄色的明度最高。紫色的明度最低，在无色系中，白色的明度最高，黑色的明度最低。
这一稿通过明度的差别来强调“分享设计30年”便是没有变成白色的原因，白色太突出，虽然冲力非常强，但和谐度不高，就相当于一个英雄能力太强，所以我们用色彩对的时候，强调与和谐都很重要。
同样的色彩对的案例，有明度的对比，也有色相的对比。 5、动静对比 静中有动，动中有表，一张一弛，相铺相成。 塑造动感的具体方法是什么样的
把字体倾斜化会具有动感，传递出洒脱的气质。 而这种动感的质与按照规则正确的排列的字体开形成的对比，也很容易让人有心潮澎湃的感觉。 6、方向对比 让文字有方向性，可以延伸版式的面积； 上面举得例子里，倾斜的字体排列就是方向性的一种，文字的很横排与坚排的结合也是方向性。
这个案例我故意做成这么夸张的表现。意在能让大家感受出文字横竖排列对比所带来的方向性。 7、疏密对比 文字的疏密对比就是指字距的大小来形成的冲击，字距大的给人舒心放松的感觉，字距小会给人干练快捷的气质。 这两种不同质的冲周也会带来很多的味道。
字距的大小对比经常会用到对标的表现。字距密的造型更有装饰性和艺术性，但是内文不推荐用字号密的方法来对比，因为内文字号小，如果字距用我的这种方式的影响阅读。 8、前后对比 这个前后对比从学术上来讲并不专业，而我之所以这么叫，是因为我认为这么叫会很形象。前后对比顾名思义就是文字的叠加所呈现的艺术效果，文字的前后对比可以根据色相的差别，和字型的粗细来达到效果。
9、材质对比 材质对比也叫肌理对比，
用纸纹的效果置入书法字量，这种有激励效要的字体和其他的字体相比有时代的冲击力，如果要用这种效来做的话，可以根据不同的项目选择不同的材质来表。 10、裁切对比 字型之间运用裁切对比，是一个比较有风险的方法，风险在于你的客户是否接受这种方式，可以再主标题上裁切，也可以把主标题旋转在页面边缘，利用边际来裁切。
裁切的时候要注意，如果被裁切的文字功能性的，那么就要注意裁切的识别性。如果被裁切的文字装饰的，那么我们可以尽情的裁。 |
|
|
