相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

我的排版套路——“方块理论”

大宝发布于:2017-6-28 21:40 |原作者: Tommy子言|
大宝
北京市 延庆县 平面设计师
发私信 + 关注
简介: 当所有人都在急于变现的时候,我选择用心写好每一篇原创文章。这是关于我设计理论中最重要的感悟-方块理论。六千多字的文章我写了一个星期,这是一个待完善的理论,是初探,更是分享。送给一直在路上的种梦人!前言:一直以来,我们都认为"点线面"是画面构成最基础的组成部分, ...

版权申明:本文原创作者“Tommy子言”,感谢“Tommy子言”的原创经验分享!

当所有人都在急于变现的时候,我选择用心写好每一篇原创文章。这是关于我设计理论中最重要的感悟-方块理论。六千多字的文章我写了一个星期,这是一个待完善的理论,是初探,更是分享。送给一直在路上的种梦人!

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

前言:一直以来,我们都认为"点线面"是画面构成最基础的组成部分,而从广义的角度来说并不完全是这样。传统的说法中,画面最小面积是"点",若干个"点"组成了"线",若干条"线"组成了"面",但真的是这样吗?假设我们把点放大,它其实也是一个面,而同样的,我们把线放大,它同样其实也是一个面,其实"点线面"在述说的是一个方块(区域),而在一个画面中,方块与方块之间是相互作用的,而使各个方块达致平衡的理论,我称之为"方块理论"。

"方块理论"并不是要推翻"点线面理论",而是把复杂的问题简单化。把"点线面"看作是画面中的各个相互作用的方块(区域),为了更好更形象地推广这一套理论,一般情况下我们把"区域"说成是"方块"使之更为形象,下面我们就统一把"区域"述说成"方块",其实两者所说的是一样的事情。"方块理论"在接下来的案例中会有更详细的说明,而现在让我们一起来重温一下"点线面"吧。

一、何为点线面

1、点:宇宙万物的起源;宇宙万物的基础。

在几何学上,点只有位置,理论上并不是真实存在的。在设计学中,点则有具体的大小、形状、色彩、肌理等特性。而在自然界中,如果我们把任何物体放至最大或者缩至最小,最终呈现的将会是一个又一个的点。打个比喻,远看海边的沙石是点,从高空中俯视街道上的行人是点,抬头仰望夜幕中满天星星是点。近看(通过显微镜)我们日常生活中的衣服是点,家中可爱的小猫小狗是点,还有我们人本身也是一个点,所以说点是宇宙万物的基础与起源。

2、线:点运动的轨迹,面运动的起点。

在几何学中,线只具有位置与长度,没有宽度与厚度。在设计学中,线则具有宽度、形状、色彩、肌理等特性。现实生活中,线有两种,一种是直线(最重要的有平行线、垂直线、斜线等),它给人一种干练理性的感觉。另一种是曲线(最重要的有弧线、圆、波浪线等),它给人一种优美感性的感觉。所谓直线就是一点在平面上或空间上或空间中沿一定(含反向)方向运动,所形成的轨迹就是直线。而曲线则是在平面上或空间中因一定条件而变动方向的点轨迹。同时线还有实线与虚线之分。

严格来说,宇宙万物并不存在线,因为点才是物象最终呈现的结果。打个比喻,要想绘制海边的沙石首先要把具体的物象(海、沙石)就是所谓的面,转折形成线,其物象的轮廓由线来界定,也就是我们通常所说的线稿(轮廓线)。而所谓的线,其实是由若干个点组成的。

3、面:扩大的点形成了面,一根封闭的线造成了面。

在设计学中,面具有大小、形状、色彩、肌理等特性。所谓面,其实就是一个画面中的方块(区域),与上文所说,根据"方块理论"一个点、一根线同样也是一个方块(区域)。

分析:在一个画面中,无论呈现的方式是平面还是立体,都是由一个又一个的"方块"组成的,又或者说是单独一个"方块"组成的。传统的"点线面"理论相对有点复杂,把复杂的设计理论简单化,让大家都能看懂设计,正是"方块理论"诞生的初衷。

设计是一门基于美学的系统工程,所以它会有系统的一部分,但我们可以将系统部分简化成为大家都能理解的知识。把"点线面"看作是一个画面的综合体、一个个的方块(区域),这样更有利于大家去理解设计本身。

举个简单例子:在PS新建一张900px*500px(尺寸可自定义)的图片,最外面一层是一个最大的"方块",现在画面是左右排版的,左边是LOGO+文字信息,右边是产品配图,那么,我们可以把画面左边看作是一个"方块A",画面右边看作是另外一个"方块B"。而为了达到画面相对的平衡,我们用最简单的办法就是把方块平分对齐,达到画面的平衡。这是"方块理论"里面的"绝对对称"。为了打破绝对对称的沉闷感,使用了"方块理论"的"互动"技巧在画面上方叠加了圆点,使之有灵动的感觉,大家可以试着想象一下,如果没有了圆点之后的画面是多么的单调乏味。

1234下一页
25

好评
10

差评

刚表态过的朋友 (35 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

大宝
北京市 延庆县 平面设计师
+关注 发私信
发表评论

最新评论

引用
妖妖灵发布于:2017-11-14 11:47
辛苦你这么久写了一堆我看都看不懂的神作 估计这就是砖家?

查看全部评论(1)

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计