阿克苏seo顾问-版式设计-“三率一界”是什么？

作者：浪旅seo• 来源：网络整理 • 更新时间：2020-09-29 21:40 •阅读 3000

　　版式设计:“三率一界”是什么？

　　很久没有更新版面设计的文章了。之前写过一篇文章《干设计:点、线、面在版式设计中的作用》，所以这本书沿用了之前的文章。今天黑马PM想说一下版面设计中的三率一界概念。相信大部分朋友都没听过这个概念。三率指布局率、网站seo厘金手指排名二六板块率、跳跃率；一个边界是指视觉边界，简称地平线。

　　布局如何？

　　版式是指打印的页面，包括图片和文字，以及页边距的整个部分。当你看图图时，这个概念很容易理解。

　　上图是一本书和一本杂志的演示。我们说中间的灰色区域就是布局。也就是说，我们的主要设计内容会在版面中排版。我们通常在排版软件创建设计文档时规划版面的大小，画辅助线，因为版面可以限制设计的内容大小区域。

　　在布局设计中，有头、脚、缝、切口的概念:

　　天空之头指的是我们常说的头球的位置。

　　脚是指我们常说的页脚的位置。

　　缝纫是指靠近书脊的一面装订。孝感网站制作

　　切口指的是以后要切的一侧。也就是最外面的一周。

　　这里需要特别注意的一点是，正常情况下，头顶的天空小于地基的高度。seo优化工作总结

　　为什么？

　　因为锚点部分通常需要设置页码，所以页码占用了一部分空间；而缝合和切口通常可以设置为相同的宽度。

　　有的书还认为整个设计文档就是一个版面，中间的灰色区域叫版心，可以这么理解。其实不管叫版面还是版型，孝感网站制作其目的都是为了规划设计信息的主要视觉区域。不仅是平面设计，网页设计也有布局的概念。

　　一、布局率

　　对开本中版面大小的比例称为版面比例。版面率越小，页边距越大，给人的感觉更高级，更优雅；排版率越大，空白越小。版面给人的感觉是内容丰富生动。请看下图:

　　通常情况下，信息杂志或网站的版面率较大。因为这类产品本身就有大量的信息要传递，小版面无法容纳。比如超市里的商品传单等等。(见上文)。

　　以及一些要求高质量的产品，比如文摘和一些非常敏感的产品(见上)。你需要一个小布局，让内容更清新简单，页面大面积留白；衔接后让主要信息看起来精致优雅。

　　所以我们设计师在收到设计要求的时候，通常会为设计风格定下基调。是更实用还是更精神？如果是实用的设计，布局可以更大，而对品质的精神要求可以让布局更小。网站seo厘金手指排名二六这开始考验设计师控制设计风格的能力。

　　二、板块率

　　从字面意义上，我们大概可以猜测，版材率就是版面中所有图片的比例，称为版材率。

　　当图片尺寸和分辨率较小时，您希望提高页面印版率，可以通过重复和颜色块填充页面，如下图所示:

　　上图是某汽车杂志内页的逐页文件。

　　首先我们说这一页的版材率达到了100%，孝感网站制作许昌网站制作因为周围没有空格，而是直接在版面上放了一整张超广角图片。

　　这种大板率的图片给人的感觉是视觉上很有冲击力，第一印象是视野很开阔；后面的背景建筑代表静态美，前面的宝马轿车象征动态美；这种一个接一个，静止不动的对比，营造出产品很大很高端的视觉感受。

　　再来看看这张图。这是一本家居产品杂志的内页，板率达到100%。手机网站seo 王通也是随处可见的厨房角落的真实画面。许昌网站制作

　　通过使用这张大比例的现实生活地图，它可以给你一种你静静地站在这堵墙前的感觉。所有的风景都是静止的，完全没有风，给人一种静谧的美。让你静静的想，生活应该是那么的安静舒适，不要太浮躁。

　　用这种简单的字体和少量的文字；立式围裙和破布让整个画面更加平衡，有代入感。

　　这是一个家具网站的主页。首先，打开屏幕，是一张100%版本率的全图。也有视觉冲击感和代入感，网站seo厘金手指排名二六现在很多网站都是这样设计的；因为我们的电脑屏幕曾经很小，阿克苏seo顾问但是随着屏幕越来越大，这种全屏的大画面越来越受到设计师的青睐。

　　这是一本手表杂志的内页。我们来看看头版。这一页的版材率在70%左右，然后底部30%留白，有产品图片和品牌LOGO。

　　这张大型图片主要是给你讲一个故事，我的初恋，然后男女主角热烈拥抱，仿佛在传递一段美好的爱情。

　　事实上，许多奢侈品，如珠宝、seo教程手表、香囊等。，无论是电视广告还是纸质广告，都使用这种带有故事内容的态势图。

　　其实产品本身在布局中占据的位置是不显眼的。设计师主要是想通过一个故事让你记住这个品牌，从而记住这个产品。

　　这张图的制版率是50-50，颜色以黑、铜仁网站制作白、灰为主，许昌网站制作页面看起来很优雅。阿克苏seo顾问

　　有意思的是，seo优化工作总结图中的人物好像是从墙后探出头来给你拍照的。人们有一种心理，在给你拍照的时候会有人特别注意。所以设计师也是通过人的心理让页面抓住你的眼球。

　　这张图的板率更小，估计是10%。要推广的主要产品图片位于布局的中心，可以抽象为一个点；让视野更集中。

　　少即是多，少即是多，阿克苏seo顾问没有太多视觉干扰。

　　说到这里，我想到了郭德纲的一个相声。

　　郭德纲去一家公司面试，面试官说:“1分钟后让我记住你”！郭德纲想了想，绕过他的胳膊，给了面试官一个嘴巴，然后转过头就跑；到家后，我接到公司的电话:请立即向公司汇报。

　　其实这个相声告诉我们，简单粗暴最让人印象深刻，版面设计也是。

　　第三，跳跃率

　　还有一种布局叫自由布局，会让页面看起来跳跃活泼！

　　很难让布局中的所有设计元素看起来随机但清晰。似乎没有规律，手机网站seo 王通但内在的规律就藏在里面。

　　所以自由布局是对设计师控制布局能力的考验之一。