找不到版式灵感？掌握「点线面」让你创意爆棚！ - 优设

平常我们看优秀案例的时候，多积累点线面应用的方法，可以让你的创意源源不断。

下面是一些常用的点线面排版的例子：. 创意 ... 找不到版式灵感？掌握「点线面」让你创意爆棚！ 收藏 2019/04/16 编辑：程远作者：韩小美阅读4.2w点赞35评论有奖阅读本文需4分钟 首页设计文章平面详情 点、线、面是平面构成中最基础的要素，就是在同一个平面空间内，主角和配角元素组合，让配角有效地衬托主角，做到主次有序，丰富有层次。

比如一只鸟，一朵云，就是点；一条电线上的一排鸟，飞机划过云，就是线；鸟儿们一起飞，一大片云，就是面。

生活中的一切都可以想象为点、线、面，这个概念是相对的，相互比较得来的。

我们把这些丰富的画面运用到设计上，得到创意。

初识点线面 1.点线面长什么样？ 先简单画个概念图，再根据下面的例子想象一下，点线面实际上可以是任何形态。

2.生活中的点线面 点线面无处不在，与生活息息相关。

3.版式设计中的点线面 以下作品是怎么运用点、线、面的呢？ 解锁点线面 1.点的应用 点是相对面积较小的元素，面积越小，越灵动。

在一个作品里点不是单独存在的，也没有固定的形态，可以是任何形状，任何元素。

版式设计中的点 下图中的字母、珍珠和彩色的圆点起到活跃版面的作用。

当画面内容较少时，可以采用加入「点」的方式，丰富画面，烘托氛围。

营造空间感的点 2.线的应用 点动成线，线可以划分空间、建立联系、引导视线和美化排版，具有不稳定、动态、冲击感和运动感。

线还有虚实之分，实线一目了然，虚线缥缈虚幻。

版式设计中的线 一目了然的实线 虚幻无形的虚线 3.面的应用 线动成面，面是画面中面积最大的部分，可以是视觉中心，可以用来区分版面，面也没有固定的形状。

页面主体 区分版面 分析点线面布局 实操的第一步还是要分析版面的构成，下面分析3种类型，我把它画出来给你看，同时把颜色层次也画出来，做图的时候也要注意这些明暗对比，重点突出配色方法。

这个案例主要利用面和线的结合，背景是用斜线体现时尚。

中间的内容大面积集中，形成了一个面，同样它也使用了点线面结合，比如英文字母就是点。

这个案例点线面的结合比较丰富，背景的色块就是形状不规则的面。

中间的文字分散写，形成了点。

最下面的大量文字使用了贴近和远离的手法。

点线面的方法是专题页常用的排版方法，使页面变得丰富，有活动的氛围，让人忍不住多停留一会。

版式举例 每个设计稿都可以像这样拆分，看点线面的布局。

平常我们看优秀案例的时候，多积累点线面应用的方法，可以让你的创意源源不断。

下面是一些常用的点线面排版的例子： 实例练习 好了，现学现用，找个素材做个练习吧。

只有自己思考过了，才能吸收变成自己的心法。

总结 点线面一般是组合起来使用的，但是怎么把握好平衡，组合成各种各样的形态，让版式更加富有创意，还需多看多练。

欢迎关注作者的微信公众号：「聊个设计」 程远 文章7032 人气11526.3w 优设内容总监 +关注作者 点赞35 收藏201 复制本文链接 文章为作者独立观点不代表优设网立场，未经允许不得转载。

继续阅读本文相关话题 创意方法创意灵感找灵感点线面设计灵感 全部新视野UI网页平面手绘电商交互产品下载神器职场学手绘学UI 程远 11526.3w人气 7032文章 +关注 查看主页 1Adobe疯狂星期四！200亿美元巨资收购Figma2新鲜出炉！iPhone14官方展示样机素材打包下载 文章目录 文章目录 你即将学会优设大课堂的知识KFC国家博物馆都在邀请的美女插画师！她为什么会这么火？1.5w人阅读上一篇你即将学会品质感的知识作品粗糙不耐看？用实战案例教你快速提升作品质感！4.1w人阅读下一篇 发评论！每天赢奖品 点击登录后，在评论区留言，系统会随机派送奖品 2012年成立至今，是国内备受欢迎的设计师平台，提供奖品赞助联系我们 本期奖品 造像 已累计诞生168位幸运星 查看获奖名单 发表评论 已发布5条 参与互动，获得铁粉徽章尊享权益查看详情>> {{moreBtnTxt}} Wo~本文的评论还空着，快来抢沙发 ↓下方为您推荐了一些精彩有趣的文章热评↓ 以上留言仅代表用户个人观点，不代表优设立场 评论就这些咯，让大家也知道你的独特见解 立即评论 阅读相关文章 程远 2017/08/05阅读4.6w 教程 哟哟哟！学会点线面，排版好方便！ @设计便利店：每个设计师多少都有一点强迫症，有时候会为一个像素的间距而纠结，有时候又会割舍不下自己做的元素，满屏的信息都想突出，导致画面混乱。

设计师培养自己对画面的全局观是很... 平面设计点线面7分钟阅读 程远 2018/02/28阅读5.4w Banner设计 如何巧用线条，让你的Banner更有设计感？ 在上两期整理banner设计的过程中，我发现线框在banner设计中的应用非常广泛。

不仅能够辅助一些元素的设计，还可以为设计增色不少，增加设计感。

所以，我决定总结研究一番，发... BannerBanner设计6分钟阅读 程远 2018/06/14阅读2.8w 教程 用一篇文章，帮你全面系统掌握线条在设计中的用法 线是最基础的，也是设计中最常见的，希望这篇文章对大家有所帮助。

一、线的概念线是点运动的轨迹。

几何学上的线只有长度和方向，没有粗细、宽窄、厚薄和形状之分。

点线面版式设计11分钟阅读 程远 2019/01/15阅读2.4w 教程 平面新手来收！超详细的「点/线/面」基础知识全方位科普（下） 下层基础决定上层建筑，好的设计形式结构不需要复杂的修饰依旧能展示其魅力。

表象之下隐藏着事物的真相。

今天给大家带来点线面形式研究第二章的内容，在上章的分享中《平面新手来收！ 平面设计点线面3分钟阅读 土拨鼠 2020/03/16阅读2.6w 平面 学会这个脑洞训练三部曲，帮你解决绝大多数创意难题 是否具有创意能力是设计师与美工之间的主要差别之一，然而创意给大家的感觉很虚、很不好理解，所以很多人只注重版式设计、字体设计、图片合成、软件操作等能力的培养，这也直接导致他们设... 创意创意思维13分钟阅读 优设推荐官精选热门话题设计流程文章151字体下载文章136酷站推荐文章333设计史文章143 {{comTitle}} {{comSubtitle}} 学手绘学UI 评论 收藏 分享 取消 设计专题 全部专题 专题24.3w位观众阅读已收录12篇持续更新AR设计AR设计可能是距离设计师最近的未来设计AR类产品，你至少要考虑清楚下面的6个问题1.6w人阅读超全面总结！移动端的AR交互设计探索2.0w人阅读查看专题专题84.1w位观众阅读已收录15篇持续更新简历制作让你的简历敲开大厂的门实战指南！初级设计师简历怎样获得面试腾讯的机会？8.3w人阅读校招季必备！这些年我在设计师简历中发现的10个问题5.4w人阅读查看专题专题89.2w位观众阅读已收录24篇持续更新表单设计庖丁解牛般全面剖析表单设计用3个案例，让你学会移动端的长表单设计4.7w人阅读如何高效完成表单输入？来看这个实战案例！2.7w人阅读查看专题专题298.8w位观众阅读已收录34篇持续更新配色指南一个专题囊括所有配色方法和技巧！用完即走！设计师必备的Chrome浏览器配色/取色插件6.6w人阅读用这个神器，优秀配色采集+分析一键轻松搞定！9.0w人阅读查看专题 热门频道 设计专题热门设计知识精挑细选查看专题细节猎人1分钟小短文揣摩设计真谛查看猎人优设读报行业资讯一站知晓查看读报优设琅琊榜顶尖设计作品聚集地查看榜单行业新闻行业大事小事全知道查看新闻设计问答高手大咖在线答疑解惑查看话题 继续阅读 哟哟哟！学会点线面，排版好方便！ 推荐阅读4.6w 如何巧用线条，让你的Banner更有设计感？ 推荐阅读5.4w 用一篇文章，帮你全面系统掌握线条在设计中的用法 推荐阅读2.8w 平面新手来收！超详细的「点/线/面」基础知识全方位科普（下） 推荐阅读2.4w 优设网uisdc.com 2012年成立至今，是国内极具人气的设计师交流学习平台 看设计文章，学软件教程，找灵感素材，尽在优设网 按Ctrl+D收藏本站返回首页 优设基础训练营 @林雅诺 关于我们 优设是国内极具人气的设计师平台，2012年成立至今，一直专注于设计师的学习成长交流。

我们通过优设网、优优教程网沉淀优质设计知识的同时，更率先试水新媒体领域。

目前旗下媒体矩阵包括：微博@优秀网页设计、微信公众号@优秀网页设计、抖音号@优设PS大神、@优设AI大神等，全网粉丝量过千万。

热门频道 文章专题 热门问答 设计大赛 免费教程 设计导航 设计课程 设计灵感 主编推荐 Banner设计 海报设计 Logo设计 插画绘画 字体设计 支持与服务 联系我们 广告投放 免责声明 作者投稿 友链申请 意见反馈 优设微博 @优秀网页设计380W粉丝！每日更新设计干货@优设强烈推荐！优设官方品牌微博@优优教程网官方微博，海量教程看不完@优设基础训练营零基础入门，带你成为软件高手 官方群 优设官方微信群 01优设25+设计师交流群02优设30+设计师交流群03优设求职招聘群04优设同城交友群05优设私单群06优设学生交流群 07优设UI设计师交流群08优设插画师交流群09优设平面品牌设计师交流群10优设3D设计师交流群11优优教程自学团12优设VIP知识星球交流群 微信扫码添加管理员招财 微信号：uisdc411 严格审核打造高质量交流群 进群会有面试题谢绝打广告 优设微信 每天官微五分钟 一年萌新变大神 扫码关注 1000W 优设新媒体矩阵等你来关注 优设优优教程网优设大课堂设计师导航细节猎人优设训练营 每天官微五分钟一年萌新变大神 扫码关注 每天10篇设计干货300万设计师关注！ 访问官方微博 全部文章17701篇UI1660篇网页296篇平面1268篇手绘179篇电商155篇交互673篇产品1796篇下载377篇神器推荐1162篇新视野595篇职场1185篇 设计专题热门设计知识精挑细选细节猎人1分钟小短文揣摩设计真谛优设读报行业资讯一站知晓设计问答高手大咖在线答疑解惑优设琅琊榜顶尖设计作品聚集地优设9图每日爆火的设计干货行业新闻行业大事小事全知道活动大赛精彩纷呈的设计活动及赛事求职招聘理想岗位等你选设计师心有猛虎细嗅像素 设计导航精选520个设计师网站图书导航高分必读设计书籍大全电商导航全球顶尖电商网站合集色彩导航中日传统色彩一网打尽 优设大课堂名师高徒！专业实战就业优设训练营就业衔接！只教设计真本领优设私房课火什么看这里！好课风向标设计公开课顶尖设计高手免费公开课 学教程3000+免费教程在线观看找灵感每日都有新灵感找软件省时高效的设计神器都在这知识树热门软件零基础入门字体下载最新免费可商用字体 搜索 搜索 国庆灵动岛UI设计规范Behance面试设计趋势样机苹果IP形象设计大赛数据可视化C4D元宇宙B端Logo作品集Figma包装mastergoBlendersketchBanner设计优设字体改版免费商用字体自学指南UI配色必备！MasterGo设计资源设计师爱看的520个网站新升级！最新设计大赛4款人气超高AI绘画神器每日爆火的设计干货 近期热门 Banner设计保姆级全方位教学！万字干货！2.4w设计师在看免费商用！15款设计师必备的中秋海报标题字体（附下载链接）1.9w设计师在看5000字干货！超详细的保姆级间距设计规范1.8w设计师在看自学设计却半途而废？让优设和优优来帮你从小白成为专业设计师3.1w设计师在看平面设计作品不出彩？来看高手总结的18个细节！2.2w设计师在看 微信赞赏好内容值得被赞赏学到了，来请作者喝杯咖啡吧程远优设提醒：您的赞赏金额将直接打赏给作者