赞助商
立即赞助

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

字体设计3年前 (2021)发布 流光
4.9K 0 0

什么是矛盾空间

矛盾空是利用视觉觉和视转换交替,在维平上表现了三维立体形态,设计出在实空法存在空形。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

埃舍尔绝是这个领域鼻祖以及大师,他作品以常精巧考究细节写实手法,利用视觉误,生动地表出各荒谬结,几十年来,始终令玩味穷。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

矛盾空间的运用

“矛盾空间”成了一种荒诞又有趣的视觉效果,这些在现实生中绝对可被制来,但越来越广泛的被在艺术设计领域。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

大方正标志,利中间共的白色正方形随着观察视点的移,显示同的空间存在,观察者产生既俯视又仰视的视觉效果。从各个角看都是一个“方方的正方体,美地诠释了方正一词的涵。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

科技术馆的标志,相互矛盾的方体十分巧妙地连接在一起,使作产生真与假、是与是的视觉冲突。它们相互循环又各自成立,使人们在整体的合中到的合性,寓意深刻、耐人寻味。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

包括大较熟悉的游戏《纪念碑谷》,有趣的空间错位,交织了清唯美的迷宫世界。获得了 2014 年 App Store 精榜单中国区年最佳游戏。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

接来为大分析设计的方法。

设计前期准备

使的软件是 Adobe Illustrator 2020,在设计前需要绘制格辅助线和制作基础笔画。

绘制网格辅助线

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

2. 在画布的空点击,弹出对话框。大选择 1000X1000 像素。“水割线”“垂直割线”的数值选择“50”,得正方形的网格。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

4. 右键选择“变换>倾斜”命令,“倾斜角度”30 度。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

5. 右键选择“变换>旋转”命令,“旋转角度”-30 度。这样就得到了一组网格辅线。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

制作基础笔画

1. 使用“矩形工具”绘制出三个边长 47pt 正形,执“效>3D>凸出和”命令,“位”分选择“等-左”、“等-右”、“等-上”。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

2. 选择三个立体,执“象>扩展观”,三个基本笔画制作好了。为了便讲解,分标注上数:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

字形分析

可先从阿拉伯数字开始设计,数字的笔画较简单,基本可简为横、竖两个笔画:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

竖画可直接使笔画①代替,可入他笔画字重心更稳定:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

较短的“横”可使笔画②③代替:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

较长的“横”可使笔画②和③组合:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

做好这些准备工作,就可像拼积木一样把笔画组合成字。

案例实操

1. 拼笔画

先从最简的数字“1”开始制作。把三个基础笔画移动位置,得“1”的下半部。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

复制笔画 1 和笔画 3,移动位置上方,初步的文字就拼好了。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

2. 优化调整

使用“直接选择具”调整笔画度,调整时尽对齐网格辅线,避免笔画变形。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

取消所群组,选择相同颜色的色块,使用“径查找器”的“联集”把相同颜色的色块合一形状。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

使用“钢笔具”中的“删除锚点具”把多余的锚点删除,保证每条线段只起点终点两锚点,这样会得到平滑完的直线。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

3. 整颜

所有笔画处理以,以使用菜单栏的“重新着图稿”,在对框中选择“新建”,双击不同的块给文字重新上。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

也以填充单,并用描边来分割块。

了得到净的的描效果,好把重复多余的线段删除。

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

终效果:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

4. 举一反三

掌握规律以,所有的数字以通样的方法拼接完成:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

最终效果:

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

通过本期程,大应该初步了解到矛盾空间字体的设计方法,下期带来的是进阶版——矛盾空间中文字体的计方法,下期见。

注作者的微信公众号:「艺海拾贝Design」

让视觉更有张力的矛盾空间字体,是如何设计的?(上)

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在最近的招聘旺季里面,你开始跳槽了吗?这个季节总是高手过招的时候。是人才还是“废柴”出来比划一下就知道啦! 如果正在求...
作品集
Banner包含什么元素? 在电商设计中,最重要的就是店铺的banner设计,banner中所包含的元素也多种多样,每一种都有不同的功能...
Banner设计
创意字体排版既是 2020 年的主要平面设计的趋势,也是一直以来一直在趋势前沿的一个设计门类。对于设计师而言,优秀的创意字...
字体排版
这9种方法可以让 Banner 中的文本标题快速具有形式感。 一、分栏式布局+剪切蒙板 二、沿着图片背景元素走向排布 三、用不同...
Banner设计
重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性...
平面
构图是在有限的空间内把文字、色彩、图形等元素结合起来构成画面,使作品不仅具有美感,还能清晰表达设计者的目的。不同构图...
上下构图
上次推送的几篇关于文字组合海报,受到了广泛好评。说明大家还是都比较喜欢这种简单直接的小妙招~ 贴心的小优这次又给大家送...
图文排版
重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导性...
对比原则