平面设计中如何运用理性科学的眼光把握比例与尺寸?

所属分类: 平面设计 / 平面其它 阅读数: 1566
收藏 0 赞 0 分享

  @乘与九设计:记得在上大学时有一门书籍装帧的课,老师让我们在设计书的尺寸之前先去参考一些优秀的作品,于是大家的作业各种奇形怪状,大大小小的各种尺寸都有。老师看过之后很是生气,说我们抄也只能抄到皮毛,让我们都带着尺子去书店里把那些设计的不错的书仔仔细细的量一遍,得到精准的数据之后才发现,日本的书一般设计的不会太大不会太宽,特别称手,才明白了老师的良苦用心。用科学的眼光来看待设计,会发现另一片天地。

  日本设计师佐藤大说:设计不只是天马行空的创作,还需要缜密的逻辑和科学方法。

  今天我就分享一下如何运用理性科学的眼光——比例与尺寸,来学习优秀的艺术作品和设计作品

  艺术作品中的尺寸与比例

  当你看到这幅作品时,你注意到的是什么?耀眼的黄色长剑?矫健的白色马驹?还是整个激烈的混战氛围?

  有趣的是,这幅画最有名气的,竟然是这从马上跌落的士兵。这是文艺复兴时的伟大艺术家乌切洛创作的《圣罗马诺之战》油画,这画中士兵在当时引起了巨大的轰动,因为乌切洛利用通过改变比例,将「透视法」应用到作品当中。

  我们可以通过给作品加上辅助线,可以更好的了解艺术家是如何处理比例和尺寸的。

  蒙德里安的作品其实是很完美的网格工具。把它转化成网格后,用来排版特别实用。同时,他用色的比例也是我们可以借鉴的部分。例如用百分之60的红,百分之10的蓝,再加上百分之3的黄来编排画面,颜色会看起来很和谐。

  设计作品中的尺寸与比例

  01. 黄金分割

  关于设计中的比例,我们最熟知的就是黄金分割,1.61803398875…,

  其实说白了,黄金分割就是画面2:3的关系。

  02. 三等分

  还有一种是关系,也就是把画面三等分。

  03. 尺寸与比例的功能性

  利用1:1:1这样简单的设计比例,都可以排出很不错的版式,例如PENGUIN的封面设计。

  尺寸比例的运用中,最具功能性就是我们的视力表,把这种比例方式运用在海报中也会带来相应的视觉感和功能。

  尺寸在配合上比例大小,也可以表现距离感。

  这张日本静冈新闻的海报完美诠释了什么叫99%理性+1%感性,一般秩序都给人枯燥的感觉。但它这样秩序感极强的编排,却加入颜色调皮的水果和植物来协调,使其具有视觉刺激的功能,又很具美感。

  04. 分区规律

  分区规律,是研究经典作品很好的办法。因为这些作品本身肯定是有遵循一定的共性的,上面Barcelona Design Museum的几张海报,是可以从上面扒出它们背后的网格分区的规律,而这些规律就是你提炼出来的工具,下次排版时,在这个基础上面编排信息,速率提升,而且版式必然不会出大问题。

  05. 网格是内在风格

  不难发现,上面介绍的尺寸和比例是都是网格的一部分。而网格第一阶段的用法,就是帮我们规范好版式,验算我们的设计,让画面符合最基本的视觉美感。

  而网格的终极用法,是创造网格系统。就像上面这本杂志,它是有自己的网格系统的,每一页有大的模块分割,再分别细化模块到各页中,在一本普通杂志中编排出3-5种网格规范,形成系统,就能满足整本的排版了。做品牌VI手册规范时,也是用这样的方法,因为这是视觉的内在风格,又可以统一规范化输出,特别牛X。

  就像佳能的品牌书,是有固定的网格系统在背后支撑的。所以它的版式的内在风格是保持统一的。

  用科学的眼光来欣赏艺术和设计作品,会给我们提供更深层次的感受,而不仅仅停留在美与不美的层面上。

更多精彩内容其他人还在看

大众点评智慧餐厅LOGO诞生全过程分享

这篇教程是向脚本之家的朋友分享大众点评智慧餐厅LOGO诞生全过程,对于学习logo的朋友可以参考一下,一起来看看吧
收藏 0 赞 0 分享

设计必备:字体使用规范

下面为大家分享有关字体使用规范介绍,对于设计师来说是非常值得学习的,好了,下面小编就为大家详细介绍一下,一起来看看吧
收藏 0 赞 0 分享

移动端版式设计那些事 App版式设计配色原理解析

能称得上设计的要素:配色与版式,我们之前分享过很多关于配色的知识和小工具,今天要讲讲关于移动端的版式设计。其实对于设计师,APP中的版式比网页版式还要重要和有难度,在小小的尺寸里做到华丽简约,且重点突出,绝非易事
收藏 0 赞 0 分享

一个好的设计师需要什么样的性格?

大家都知道,做设计是很苦逼的,也是万人指点江山。我很想知道作为一名设计师大家觉得应该有怎么样的脾气和性格才能处理好这个在工作上被万人指点的情绪以及如何面对?来看看下文介绍吧
收藏 0 赞 0 分享

LR快速调出电影感的色调照片

这篇教程是向脚本之家的朋友分享LR快速调出电影感的色调照片方法,教程调出来的色调非常漂亮,难度不是很大,推荐到脚本之家,来看看吧
收藏 0 赞 0 分享

响应式设计LOGO进化史解读

响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。来看看下文介绍吧
收藏 0 赞 0 分享

低多边形风格动物标志logo设计

使用多边形LOGO这些创意在设计项目不算很多,或许用多边形的风格来设计有点难度吧,又或者不适合和没好的灵感等等。虽然如此,但是多边形设计出来的作品确实很有特色
收藏 0 赞 0 分享

设计分享03-我的Banner设计三步曲

这篇教程是向脚本之家的朋友介绍设计分享03-我的Banner设计三步曲,教程真的很不错,值得大家学习,推荐过来,一起来看看吧
收藏 0 赞 0 分享

设计分享02-Banner横幅设计五重奏

这次为大家分享设计分享02-Banner横幅设计五重奏,教程比较非常不错,值得大家学习,好了,一起来看看吧
收藏 0 赞 0 分享

设计分享01-点线面的详解和日常设计应用

今天为大家带来一篇教程,主要是向脚本之家的设计朋友分享关于设计的心得,这次是向大家介绍点线面的详解和日常设计应用,有兴趣的朋友快快来看看吧
收藏 0 赞 0 分享
查看更多