首发于Portfolio+
看不懂的Logo“参考线”,该怎么加入自己的设计?

看不懂的Logo“参考线”,该怎么加入自己的设计?

在平面设计中,同学们经常会见到很多优秀的图形设计案例被不同的辅助线条解构成“高大上”的数理结构,用于展现图形设计中的对齐与参差、对称与平衡、比例与尺度、节奏与韵律等等。

但是同学们在平面设计作品集创作时,尤其对于初学者来说,构建图形大多靠感觉,认为使用参考线非常麻烦,而且是一种较为死板、风格固定化的制图方式。其实在很多优秀的设计项目中,看似灵动、创意性的线条也都会利用参考线进行辅助绘制。


本期专栏,康石石将利用不同的平面设计作品案例,分析其中参考线的实际使用价值,并将其有效的运用于自己的设计过程中。


参考线的意义

1. 什么是参考线

设计师在手工标准化制图或者利用电脑绘制图形、规划页面的过程,通常会利用一些辅助线用来测量角度和确定比例。比如“网格坐标”、“标尺”、“对齐基线”,还有通过设计经验中总结出的新辅助线,如固定比例的“网格系统”、“黄金比例通用格尺”、“比例构图框”、“超椭圆”等等。


2. 参考线的作用

熟练运用参考线可以统一编辑、提升理性和关联逻辑性、减少视觉误差、体现设计的专业度。在效果图的展示中,还原图形的参考线便于他人学习复制图形的方法,解构设计师的设计意图,同时展示自身对图形审美的修养。


参考线的应用

1. 图形标志设计

在下面的logo设计中,Ramotion使用圆圈找出了适合的弧度、元素间的距离,以及各部件尺寸,从而在图形的视觉上展现出平衡感。


借助黄金螺旋线以及黄金比例,也可以调整各元素间距,提升图形的视觉平衡。


2. 字形设计

圆圈以及网格工具是字型设计时常用到的辅助线。比如平面设计师Emilio Dessì,他十分善于利用圆圈辅助线改善字体的曲线。


网格工具可以帮助设计师在做logo图形的过程中调整图形间距、衡量位置和约束细节的比例,使图形更加干净。Allen Pattern的“扩张设计策略”中就使用了网格工具,通过移动中心点的位置,根据角度对网格进行拉伸和改变,以此做基准可以快速改变字形的“体态”。


3. 海报设计

版面网格是零散元素间的隐形粘合剂,在很多海报以及杂志中会经常用到。同学们可以通过网格规划出信息的层次,使得整个版面得到平衡。而少数突破视觉平衡的元素,即是信息的重点。在下面的杂志中,利用倾斜的网格也可以增加画面的动态感。


4. 书籍设计

在书籍设计中,网格系统包含了水平和垂直方向的参考线,可以用来合理的排列内容。同学们利用网格系统时,需要确认版心位置,保持版式一致性,提高创作效率。从而使读者能够更清楚的看到信息分类,感受到版式中的韵律感。


5. 界面设计

在界面设计中,辅助线可以帮助同学们在布局中制造层次感,并且能够模块化地管理元素,便于更新调整内容。比如8栏网格和16栏网格,通过在两种模板中匹配不同的元素,就可以做出完全不同的排版。对观者来说,辅助线使布局更加清晰,可以快速找到重点。

8栏网格
16栏网格


6. 图案设计

埃舍尔镶嵌图形,也叫“瓷砖式分割”。这是一种来自伊斯兰文化中的几何图形。它的绘画方式基于数学原理,在其错综复杂的图形中其实具有基础的元素和确定的规律,比如下面的图形就是由三角形组成。


Final: 同学们在设计过程中,可以利用参考线适当地调整自己的设计方案,有依据的进行创意延伸,提升设计的专业观感。同时,可以观察大量优秀的设计作品,通过用参考线和结构线的方式解构和借鉴他们的核心结构。

另外,辅助线虽然可以帮助同学们更好的构建图形或者版式,但是不能以此代替设计灵感及主题,否则也有可能会限制作品的感性与灵性。但是随着创作水准的提高,可以逐渐减少参考线的使用,甚至创作出有自己风格属性的构图形式。


如对艺术留学或作品集创作仍有更多疑问,可私信康石石。

编辑于 02-05

文章被以下专栏收录

    每周二、周五晚6点,准时唠唠那些艺术留学与大家最相关的事儿。 康石石个人公众号将作为每周专栏内容的首发平台,敬请关注,随时在微信端订阅。 关注方式:微信搜索 康石石 即可