《标志设计中的辅助线》由会员分享，可在线阅读，更多相关《标志设计中的辅助线（29页珍藏版）》请在金锄头文库上搜索。
1、年我收到很多设计师发来的邮件，问我 logo 设计过程中使用辅助线、 网格、圆切等是否 是十分重要的？ 我非常能明白当你看到别人的 logo 设计中加的那些看起来非常系统且科学的辅助线，心里 感到的那些焦虑及不确定。 （大家都在想这些牛人都怎么画出这些辅助线的啊？这些是他们 做 logo 设计前就画好，然后开始设计 logo 的吗？） 这里我给大家举个我自己做过的案例， 关于 Wavepulse Acoustics 的 logo 设计。 （ 见下图）FEVTE 编注：编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：http:/ 这张图看起来比较牛的就是头顶的那个部分，粉色的线
2、，蓝色的线，圆形互切，弧形，再加 一些数字符号，x，y 之类的，还有箭头。这些都是让我的 logo 设计看起来完美无缺的小技 巧。 问题来啦，我们是否真需要这些看起来像激光手术一样精确的辅助线呢？ 答案是，我们真不需要，但是不同情况下也真是会用到。 如果我告诉你们这些辅助线啊，数字，箭头等都是我设计完 logo 后再加上去的，你会惊讶 吗？ 我加这些辅助的东西并不简单是为了好看，这个案例中的这些辅助线提供了这个 logo 设计 中的元素对齐的一些重要信息。如页面排版中我们用到的基本水平对齐原则，我设计这个 logo 的时候也做了基本的水平对 齐。但是 logo 设计过程中我并没有考虑到 x，y
3、 的间距，也没有那个左边的半圆弧线 及各 种箭头标明2倍的 x 距离等。 在我做完总体设计后，选择好字体，然后开始加这些准确的参考线，网格及圆切与弧线来对 logo 进一步的完善。Wavepulse Acoustics 的 logo 设计事实上是我非常想要 icon 与字 体水平对齐做的非常精确的一个设计。 这里需要注意的最终的一点是，这些辅助图形的使用是用于最终完善这个 logo 设计的，而 不是在做 logo 设计一开始就用到的基础构型手段。 这里想说的另一点是这些辅助线不是完全就是用来装高大上的。 让我来进一步解释下这个事情。 【关于【关于 形态与视觉美感】形态与视觉美感】 每个设计师都
4、有自己对形态及视觉美感的理解。设计师至少需要有对自己审美观的自信。 因 为对于很多用数学辅助线设计出来的东西，有时候需要手动进行调整使其视觉上更具美感， 即使这个改进需要完全打破预定好的辅助线，设计师也要自信自己的判断。 也许你会经常听到一些人有些调整英文的字母及字母间距完全就是根据眼睛来判断的而不 用尺子或者其他数学工具来调整。不是所有的用数学辅助线设计出来的东西都是“完美的“。 logo 设计亦是如此。适时适度的手动调整有时候比用数学辅助线画出来的东西更能创造一个好的 logo。 当然在设计过程中， 如果你的脑子里已经有这些辅助线的概念， 应该对你的设计是很有帮助 的。它让你在做 logo
5、 的过程中懂得如何如调整间距，让其在视觉上看起来更舒服。你可以 在 logo 做完后再添加这些辅助线，前提是这些辅助线真能帮助提高你的 logo 视觉美感， 否则的话宁可让 logo 更自然，而不是应塞到辅助线里去。 【案列分析】【案列分析】 我做过的一些 logo 中创作过程中运用到视觉准确及基础水平辅助线以帮助各元素对齐的包 括：Tom & Teddy, Safer, Feedly and Tamara Kauffman.我做过的一些 logo 中在做完之后添加辅助线以完善设计的包括 Frictn, Panelit,Skiplex, Foehn & Hirsch and Keyboard
6、Kahuna.有时候，在 icon 与第一个单词，第一个单词与第二个单词之间的垂直间距需要相等，以达 到视觉平衡。 在 Keyboard Kahuna 的案例中我同时保证了 icon 中小人对右边黑色边框的距离与外部 的 icon 与单词之间的距离相等。 但是有时候这些辅助线在视觉完善上却毫无帮助。Foehn & Hirsch 案例中略有不同，我当时非常纠结于方框内的文字位置，我加了不同的 x， y 的位置来定位了这儿位置。 这两个案例中，辅助线并不是为了装 B，而是真的给 logo 设计的准确性及完整性提供了很 大的帮助。Skiplex 的 logo 设计中比较注重的是角度辅助线的问题了。我
7、对字母 k，字母 i 的顶部， 及字母 e 的收笔处都做了相同角度的处理。粉色圆圈部分只是我增加后给客户展示我是如何整体性考虑这个 logo 设计的水平与垂直线相交的角度一致的。这里的每一条线与圆圈的 使用都是为了让客户更深入的了解这个 logo 的结构。【另一面】【另一面】 有些 case 我看到非常夸张的辅助线图，恨不得每个角度，线条，间距都由圆形，弧线等切 画出来。我都怀疑他们用在画这些辅助线的时间比他们用于设计 logo 的时间更多 一个比较合理的视觉辅助线应用应该是像 apple 的 logo 辅助线图。在 apple 的这个案列 中， 辅助线很好的帮助准确定位了图形线条。 另一种受
8、益于用圆及弧线切的是字体设计及基 于字体的 logo 设计。在第一次看到这些用圆及弧线切出来的很多 logo 的时候都会让人印象深刻，但是请您千万 不要迷信这个就是好 logo 被设计出来的唯一方法。 好的 logo 通常都是来自于好的创意或者铅笔画出来的灵感，而不是来自一堆的辅助线，网 格，圆弧。 【结论】【结论】 所以下次你做 logo 的时候，你开始怀疑你是否真不会用这些辅助线，网格，圆弧的时候， 或者你看到别人的 logo 设计有很多这些辅助线的时候，请不要惊慌。有些时候这些看起来 非常漂亮的辅助线，都只是设计师咖啡喝多了，然后觉得非得用100万个圆来切出一个完美 的圆形。 当然从另一
9、面看也有很多非常好的案例让你理解通过这些 logo 的辅助线分析，你可以看到 一个 logo 是怎么设计出来的，通过辅助线让你看到一个图形背后的数学原理。 需要记住的一点就是，辅助线可以帮助 logo 设计过程中需要的的对齐，等距等问题，让你 的 logo 设计更为完善，在 Skiplex 的 logo 案例中，辅助线也能帮助你的客户更深入了解 你设计的 logo 的结构等。这些都是辅助线的优点。很多小伙伴们为了提升设计作品的逼格，在设计展示图上打上各种圈圈，让简单的图形，看起来高端上档次。有的时候，屌丝与高富帅，仅一“圈”之遥。还有一种普遍的现象，一个标准简洁的 logo 诞生之初，总会被外
10、行人鄙视嘲笑吐槽，当设计师发布了线框图（手稿之后） ，又会被一边倒的人评价认真，专业。锤子的 logo 发布之初亦是如此。为何辅助线能提升作品档次？其实这些线线圈圈都是设计的手工作业时代玩剩下的东西，计算机设计时代，无需用笔、圆规、尺，工业及平面师设计用 CAD 轻松解决。大多互联网设计师非工业平面设计科班出身，在平时的业务中，也几乎很少能接触到。但仍有人迷恋他，无外乎几个原因：1.使设计成品有数理依据，设计元素之间都不是各自独立存在的，一定有某种视觉上的关联、透视、对齐，哪怕最终结果是错乱无序的。2.有规范性的数据便于扩展，兼容到各个场景的应用，或者对其他附属产品及应用制定规则及指导。3.显
11、得专业、牛逼。其实第三点才是大部分人的初衷，包括小编。我们工作中常常遇到需求方或外行对一些简洁的设计嗤之以鼻，不尊重你的劳动成果。一张有精密数字计算的线稿草图便成了过（装）搞（B）利器。之前提到的锤子logo 就是个很好的例子。标识制图方法或者说是图标制图，一个原理。平面及工业设计领域里很基础的东西。常见的有两种：1.坐标制图法画很多方格子，界定出标志在每个格子里的图形的样子，依此为标准样本。大多应用在 VI 设计、工业， 民间的十字绣，还有唐卡的绘制。2.几何制图法通过不同的圆相切，获得标志的各处曲线、弧度和转折数据，并证明这些数据的必要性和合理性。比如苹果 logo，缺口、叶子、上端凸起和
12、下端凹进，相应圆形直径是一致的。黄金分割重点来了，依据参考线作图的目的就是为了做出极具美感便于应用的图标。黄金分割比正是做参考线的依据之一。但一定切记，参考线仅是参考，被神化的“黄金分割”也是一样，就是可以方便设计师较为容易的找到成熟合适的比例，虽不一定适合所有的 Logo 设计，但确实它非常通用。任何事物的美感都没有绝对的，切莫迷信于此。黄金分割为什么美：在视觉上，黄金分割本质上带来的是和谐相似、重复、联系，以及变化运动、活力。我们观看图像的时候，眼睛和心灵通过将视觉单元整合为一个融合的整体，来组织视觉差异。心灵本能的试图创造秩序以摆脱混乱，以存储信息。艺术组织有七个原则和谐、变化、平衡、比
13、例、主导倾向、运动和简约。艺术的组织过程就是通过相似将对立方面关联在一起，最后是需要成为一个统一。以线条为例，当一个艺术家运用线条使作品成为整体的时候，艺术家会通过长度、宽度、特征等一种或全部的关联性来创造最终的和谐体。比例虽然是单独列出的一个原则，但我们可以看到黄金分割同时拥有两个特性：和谐、变化。在摄影构图中， 常常用到的构图法则 “三分法”。 即是用到了黄金分割， 下图中的四条线就叫黄金分割线，四条线的四个交点就叫黄金分割点。在拍摄时，把画面的主体放在黄金分割点或是黄金分割线上，这样更符合人的审美习惯，以达到突出主体并让画面更协调的目的。在 AV 封面中，三分法也用得尤其多。例如题图，主
14、体人物在右侧三分线上，而胸部和膝盖都大致在三分点上。这样就能表现女优良好的身体比例，并凸显其“重要部位”。下图，抠菊花的造型也如此完美地契合了斐波纳契黄金螺旋这一神秘的美的规律，专业，紧密，浑然天成。虽然看似调侃，但是专业的摄影师有丰富的经验，更懂得把握构图比例，哪怕是几秒的抓拍。关于黄金分割的原理和计算方法，在此小编就不过多阐述，网上关于黄金分割的文章铺天盖地，可以 so一下，是360的 哦！ （俨然看到了小编溜须拍马谄媚嘴脸）实践为王，苹果的 LOGO 是如何圈出来的小编按照网上的 CAD 的绘制方法，重新用 PS 绘制，因为苹果官方的 logo 的弧度不是完全按照黄金比例做的（据作者称
15、是有意而为之，详情：http:/ ps 里，完全可以忽略不计。所以在这里推荐用工具来计算。此网站有关于黄金比的详细介绍及计算工具：http:/ *309px 的矩形（尽量用路径来画，ps cc 里随便画一形状，在属性面板里输入数值）在矩形中画一内切圆1，选中后设置参考线，再画与圆1和矩形相切的圆2，以此类推。关于参考线推荐下图中的插件：GuideGuide 做页面的时候，小编无时不刻不在用它，根本停不下来。 点击查看介绍第二步.以圆6为中心，选中后利用 Guide 设置参考线。将圆1拖入，与圆6为同心圆（可以 ctrl+t，将中心点对准参考线交界）注：因为我们要画带参考线的展示图，所以把每个圆置于单独图层，以便形状图层和参考线图层区分。第三步.第四步.第五步心急的话，我们可以在此步后，就可以把苹果的形状图层画出来了。由于我要画牛逼闪闪的参考线，所以先不着急，一口气把参考线绘制完。第六步好吧，画到这里小编自己已经凌乱了.因为我们要保留线框图，然而实际绘制中是不需要分这么多层的， 完全在一个图层里通过路径形状组合来完成，即是如下操作：如下操作只给图示，不做文字说明下面画上叶子，方法与上同理，不做描述。此 lo
