赞助商
立即赞助

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

字体设计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」

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

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

相关文章

在日常工作中,我们或许会遇到这样的情景: 说不清楚交互设计师和 UI 设计师的区别,被人觉得交互设计师就只有审稿或在产品...
交互设计
Banner包含什么元素? 在电商设计中,最重要的就是店铺的banner设计,banner中所包含的元素也多种多样,每一种都有不同的功能...
Banner设计
@研习设K先生 :有一位同学向我们咨询,他的问题大概的意思是,类似网站或者淘宝详情页的那种长图怎么设计能好看?我们在之前...
平面设计
因为各行各业里,都有自己独有的内容维度去组织对用户的信任感。因此下面列举一些通用的方法: 信息透明 将代表自身最真实的...
产品
今天将要分享的是一个我们在设计中经常会用到的「配色」。 很多设计师工作几年后还是对配色摸不着头脑,每次做设计依旧没有...
入门
@研习设K先生 :所谓设计就是按照人的生理和心理需求,来对我们周边的事物、环境、生活方式进行研究和设计,是和人的审美心理...
对称
2020上半年转瞬即逝,可能是因为疫情的缘故,时间都变得着急起来。在这样一个特殊的环境下,品牌与创意工作者们,创造出了哪...
平面设计
编者按:这可能是一篇比较干、注重方法论的文章,是策略设计师 Janko Jovanovic 对于他多年工作经验的总结。我们常说的设计趋...
产品设计方法