广州总部电话:020-85564311
广州总部电话:020-85564311
20年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

练好排版55 丨先学会“版面收纳”,再谈设计

发布日期:2026-01-06 08:05:17 浏览次数: 816 来源:做设计的Ronny
推荐语
设计师孙容揭秘:排版其实是一场"版面收纳"的艺术,掌握对齐与对比两大法则,让你的设计瞬间提升质感。

核心内容:
1. 设计师本质是"版面收纳师"的身份认知转变
2. 版面收纳两大核心技巧:区块对齐与重点对比
3. 实际案例演示"设计稿很好看"的三步排版优化法
小优 网站建设顾问
专业来源于二十年的积累,用心让我们做到更好!


“设计”这两个字具有很强的迷惑性,让人觉得充满了创意且要依托一定的天赋。于是误导了很多小白在入行前忽略了方法的训练。
今天我来做一次直达本质的“正名”——我们做的不是“设计”“创意”,我们的工作其实是,版式收纳。
当你接受了“版式收纳师”这个身份,排版就变得容易很多。
以下的两件事做好,你的排版一定不会差。
故事 Pin 图图片
故事 Pin 图图片
故事 Pin 图图片
我先举个例子,下面两张图,哪一个视觉感更好?
留言告诉我你的选择,我们看看大家的感觉是不是差不多。
接下来,我来具体说明“版式收纳”要怎么做
就像“收纳”的概念,当我们要收纳一些东西的时候,首先要有一个容器,可能是衣柜、抽屉等各种格子。而这些格子都有一个共同特点,
拿衣柜来说,一般衣柜的格子都是有一个超大的,再搭配几个小格子,这样方便收纳不同尺寸的东西。
不知道你有没有注意到,柜子的划分都是非常整齐的,都是方形的划分,最终完美组成一个长方形,这就是收纳最简单也最重要的方法👇
技巧一:对齐
当然,这里会有同学疑问:对齐,会不会让版面很死板、很无聊呢?
的确,对齐的版面会显得稳重。但我们初次接触排版时,如果连基本功都无法做好,又怎么能去做出进阶的花式动作呢。
所以我们要先练习“对齐”这项基础技能。那我们要如何“对齐”?
下面我要引入“版面收纳”的一个专业概念
排版时,你需要把说明同一件事的文字视为一个区块。
就像我们的衣柜,不管怎么调整,最终都是以区块的形式出现。
区块很重要的原因:
因为我们的大脑喜欢简化事物来快速决策,而排版时用完整的区块来对齐,会让我们的大脑产生舒适、和谐的感受。
这同时也是设计心理学的概念。
技巧二:对比
在衣柜的收纳中,需要经常拿取的衣物一定放在最显眼、最方便的位置,而其他不常用的东西会放在周围搭配的格子。
文字收纳时也采用同样的方法:
如果我想说“我的设计师稿很好看”这句话,里面“很好看”是我想强调的,那么就需要把它放在最显眼的位置。
其中“显眼”的技巧可以是增大字体、增加粗细等,让阅读时这段文字更好懂。
3、做下实际示范——如何运用“版式收纳”法则
以“我的设计稿很好看”为例,我想强调“很好看”三个字

➊ 先将句子分两段,把想强调的“很好看”拿出来,句子变成“我的设计稿”“很好看”两部分

➋ 先做对齐,把“很好看”和上面的文字对齐,形成视觉的“区块”

➌ 最后,把“很好看”加粗加大进行强调,形成对比。

这样三步操作下来,这一句话的设计是不是就比原来更清楚也更容易接收到信息了。

我们的初级设计师们,可以利用初步的“版式收纳”原则练习起来!

也欢迎大家在群里上传你的作品,我们一起讨论。

`    




优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
联系专属顾问
联系专属顾问
联系专属顾问
和我们在线交谈!