浅谈LOGO设计中辅助线的使用技巧

2016-02-16 23:00 207 1 收藏

下面是个简单易学的浅谈LOGO设计中辅助线的使用技巧教程,图老师小编详细图解介绍包你轻松学会,喜欢的朋友赶紧get起来吧!

【 tulaoshi.com - 平面设计 】

我非常能明白当你看到别人的logo设计中加的那些看起来非常系统且科学的辅助线,心里感到的那些焦虑及不确定。大家都在想这些牛人都怎么画出这些辅助线的啊?这些是他们做logo设计前就画好,然后开始设计logo的吗?

这里我给大家举个我自己做过的案例,关于Wavepulse Acoustics的logo设计。(见下图)

浅谈LOGO设计中辅助线的使用技巧,PS教程,图老师教程网

这张图看起来比较牛的就是头顶的那个部分,粉色的线,蓝色的线,圆形互切,弧形,再加一些数字符号,x,y之类的,还有箭头。这些都是让我的logo设计看起来完美无缺的小技巧。

问题来啦,我们是否真需要这些看起来像激光手术一样精确的辅助线呢?

答案是,我们真不需要,但是不同情况下也真是会用到。

如果我告诉你们这些辅助线啊,数字,箭头等都是我设计完logo后再加上去的,你会惊讶吗?

我加这些辅助的东西并不简单是为了好看,这个案例中的这些辅助线提供了这个logo设计中的元素对齐的一些重要信息。

浅谈LOGO设计中辅助线的使用技巧,PS教程,图老师教程网

如页面排版中我们用到的基本水平对齐原则,我设计这个logo的时候也做了基本的水平对齐。但是logo设计过程中我并没有考虑到x,y的间距,也没有那个左边的半圆弧线 及各种箭头标明2倍的x距离等。

在我做完总体设计后,选择好字体,然后开始加这些准确的参考线,网格及圆切与弧线来对logo进一步的完善。Wavepulse Acoustics的logo设计事实上是我非常想要icon与字体水平对齐做的非常精确的一个设计。

这里需要注意的最终的一点是,这些辅助图形的使用是用于最终完善这个logo设计的,而不是在做logo设计一开始就用到的基础构型手段。

这里想说的另一点是这些辅助线不是完全就是用来装高大上的。

让我来进一步解释下这个事情。

【关于 形态与视觉美感】

每个设计师都有自己对形态及视觉美感的理解。设计师至少需要有对自己审美观的自信。因为对于很多用数学辅助线设计出来的东西,有时候需要手动进行调整使其视觉上更具美感,即使这个改进需要完全打破预定好的辅助线,设计师也要自信自己的判断。

也许你会经常听到一些人有些调整英文的字母及字母间距完全就是根据眼睛来判断的而不用尺子或者其他数学工具来调整。不是所有的用数学辅助线设计出来的东西都是完美的。

logo设计亦是如此。适时适度的手动调整有时候比用数学辅助线画出来的东西更能创造一个好的logo。

当然在设计过程中,如果你的脑子里已经有这些辅助线的概念,应该对你的设计是很有帮助的。它让你在做logo的过程中懂得如何如调整间距,让其在视觉上看起来更舒服。你可以在logo做完后再添加这些辅助线,前提是这些辅助线真能帮助提高你的logo视觉美感,否则的话宁可让logo更自然,而不是应塞到辅助线里去。

【案列分析】

我做过的一些logo中创作过程中运用到视觉准确及基础水平辅助线以帮助各元素对齐的包括:Tom & Teddy, Safer, Feedly and Tamara Kauffman.

我做过的一些logo中在做完之后添加辅助线以完善设计的包括Frictn, Panelit, Skiplex, Foehn & Hirsch and Keyboard Kahuna.

浅谈LOGO设计中辅助线的使用技巧,PS教程,图老师教程网

有时候,在icon与第一个单词,第一个单词与第二个单词之间的垂直间距需要相等,以达到视觉平衡。

在 Keyboard Kahuna 的案例中我同时保证了icon中小人对右边黑色边框的距离与外部的icon与单词之间的距离相等。

但是有时候这些辅助线在视觉完善上却毫无帮助。

浅谈LOGO设计中辅助线的使用技巧,PS教程,图老师教程网

Foehn & Hirsch案例中略有不同,我当时非常纠结于方框内的文字位置,我加了不同的x,y的位置来定位了这儿位置。

这两个案例中,辅助线并不是为了装B,而是真的给logo设计的准确性及完整性提供了很大的帮助。

浅谈LOGO设计中辅助线的使用技巧,PS教程,图老师教程网

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

Skiplex 的logo设计中比较注重的是角度辅助线的问题了。我对字母k,字母i的顶部,及字母e的收笔处都做了相同角度的处理。粉色圆圈部分只是我增加后给客户展示我是如何整体性考虑这个logo设计的水平与垂直线相交的角度一致的。这里的每一条线与圆圈的使用都是为了让客户更深入的了解这个logo的结构。

【另一面】

有些case我看到非常夸张的辅助线图,恨不得每个角度,线条,间距都由圆形,弧线等切画出来。我都怀疑他们用在画这些辅助线的时间比他们用于设计logo的时间更多

一个比较合理的视觉辅助线应用应该是像apple 的logo辅助线图。在apple的这个案列中,辅助线很好的帮助准确定位了图形线条。另一种受益于用圆及弧线切的是字体设计及基于字体的logo设计。

浅谈LOGO设计中辅助线的使用技巧,PS教程,图老师教程网

浅谈LOGO设计中辅助线的使用技巧,PS教程,图老师教程网

在第一次看到这些用圆及弧线切出来的很多logo的时候都会让人印象深刻,但是请您千万不要迷信这个就是好logo被设计出来的唯一方法。

好的logo通常都是来自于好的创意或者铅笔画出来的灵感,而不是来自一堆的辅助线,网格,圆弧。

【结论】

所以下次你做logo的时候,你开始怀疑你是否真不会用这些辅助线,网格,圆弧的时候,或者你看到别人的logo设计有很多这些辅助线的时候,请不要惊慌。有些时候这些看起来非常漂亮的辅助线,都只是设计师咖啡喝多了,然后觉得非得用100万个圆来切出一个完美的圆形。

当然从另一面看也有很多非常好的案例让你理解通过这些logo的辅助线分析,你可以看到一个logo是怎么设计出来的,通过辅助线让你看到一个图形背后的数学原理。

需要记住的一点就是,辅助线可以帮助logo设计过程中需要的的对齐,等距等问题,让你的logo设计更为完善,在Skiplex的logo案例中,辅助线也能帮助你的客户更深入了解你设计的logo的结构等。这些都是辅助线的优点。

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

来源:http://www.tulaoshi.com/n/20160216/1576208.html

延伸阅读
辅助线是水平和垂直的线,专门用于在视觉上对齐对象。你可以添加、删除和移动辅助线。如果辅助线尚未显示,单击“视图”菜单上的“辅助线”就可以显示它。利用辅助线将对象对齐的步骤如下: ①拖动辅助线,将它定位在要对齐对象的位置。②靠近辅助线拖动每一个对象,这样对象的中心或边缘会自动对齐辅助线 在PPT要设置辅...
标签: 电脑入门
要分析版面设计就要借助辅助线,才能快速了解演示文稿版面设计情况。 用Wps演示打开来自锐普论坛名为PPT-Who Hasn"t Been Sent的ppt,作为学习的对象。 ppt下载地址:http://www.rapidbbs.cn/forum.php?mod=viewthread&tid=33303 首先请出Wps演示中的参考线。 参考线是默认的水平和垂直方向的两条直线,可以进行移动、复制、删除、显示...
标签: PS教程 PS基础
拖动辅助线时按住Alt键可以在水平辅助线和垂直辅助线之间切换 。按住Alt键点击一条已经存在的垂直辅助线可以把它转为水平辅助线,反之亦然。 注意:辅助线是通过从标尺中拖出而建立的,所以要确保标尺是打开的[Ctrl+R] ( View > Show Rulers )。 拖动辅助线时按住Shift键将强制其对齐到标尺上的刻度。 双击...
之前就很想写这样一个很无聊的技术性文章,我这块只是在技术当中也不算是一个码活,靠的就是细致还有很多与生俱来的审美能力,以及不屈不挠的耐心和沉着。 说不出来很多废话,下面来看我的一些比较粗浅的总结 这是一套关于Button的实现,如果对HTML有了解的话,应该知道active和hover伪类,并且在网页体现中,他们也起到了很大的作用,以至于...
很多小伙伴们为了提升设计作品的逼格,在设计展示图上打上各种圈圈,让简单的图形,看起来高端上档次。有的时候,屌丝与高富帅,仅一圈之遥。 为了搜文章中的配图频繁搜索女优 构图等关键字而被公司封内网一天的代价.. 还有一种普遍的现象,一个标准简洁的logo诞生之初,总会被外行人鄙视嘲笑吐槽,当设计师发布了线框图(手稿之后),又会...

经验教程

902

收藏

73
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部