1000元和100000元的LOGO区别设计达人

LOGO辅助原理关于LOGO的辅助线制图,重在对图形的推敲打磨。用到的都是初中数学的几何原理,有些还会用到一些简单的数学计算。可以说LOGO辅助线制图是几何与设计的结合。这里只列举一些,如主要会用到的圆形相切原理。

▲(如上图)两圆相切指的是一种位置关系,分为内切和外切。当两圆相切时它们之间会产生惟一的公共点,这个惟一的公共点称为切点。

▲LOGO辅助线制图最经典的案例要数Apple的这张设计图稿了,大多数设计师应该都见过,整个苹果的造型被N多个正圆形切割。

这些用来切割LOGO图形的正圆形也可以叫做LOGO的制图辅助线,帮助设计师更好的校准图形的规范性,梳理图形内部结构的逻辑关系。经过辅助线切割后的LOGO会更加经得起推敲,视觉感受上也更加严谨、舒适。

看看实际案例

引用之前我在百度做过的一个项目“百度钱包品牌升级”作为讲解案例,这个项目当时采取团队内部比稿形式,经过几轮提案和方案调整,最终选用了下面这款设计方案。

可能会有很多人不清楚究竟在设计过程中什么环节开始用辅助线制图?其实,这个环节是需要等LOGO方案在设计方向确认后才开展的,而且有的情况下即使是经过辅助线画图后,还会再经过几轮调整。一般到中期锁定创意方向后,通常会画N多个草稿。

▲虽然创意方向定了,草图也画了很多,但是勾出的矢量稿感觉每一个都不那么理想,但又不知道从该哪个方案继续深入下去。

▲当一个一个去除掉那些看起来不太舒服的图形后,眯起眼睛再看这个骨架,就会更加明确最后想要的图形该是什么样子。而且在辅助线制图阶段,这个骨架可以帮你判断图形头尾这些关键地方该如何取舍。

▲经过几轮内部评审,并选出较一致认可的方向进行上色后,可以先给需求方提案,直到需求方或老板确认方案并拍板。在提案阶段通常内部会先选定2-3个设计方向,经过3、4轮设计提案后,最终敲定设计方案。

如何从0到1绘制一个辅助线

▲将确定后的这款方案转成黑白稿后会发现,箭头所指的弧度和收尾处不太舒服,显得有点笨笨的感觉,不是很顺畅。所以在用辅助线制图前可以先钢笔工具试着调整下轮廓曲线,达到视觉看上去舒服的形态。

▲在逐步讲解前,我们先直接看下辅助线调整后的效果(如上图),一堆密密麻麻的辅助线,看着可能有些乱,但仔细观察每一个辅助圆和直线,它们之间又似乎存在某种关系。

▲辅助线很大程度帮你解决了,一些看起来不舒服的造型弧度问题。(如上图)可以看到辅助线制图后与原来图形比较,整体虽然只是有细微的差别,但在箭头指向的两个关键地方优化效果却比较明显。

▲下面将辅助线单个分析,上图显示主体部分两个辅助圆中心保持水平,并处于相切位置,产生了一个切点。LOGO内部那个尾巴也是从这个切点开始向内圆收进去的。

“人类创造了直线,上帝创造了曲线”,优美的曲线弧度使标志图形看起来更有美感和耐看,而这些弧度都可以用圆切出来。

▲这样运用到实际图形中,我们也就有了一个制作的依据。也能你给领导讲方案时,可以解释图形为什么这样处理更好看,你是通过试验对比去论证过的。

但是大家都知道不管是LOGO还是icon图形制作并不是一个局部一个局部去切形,需要考虑图形的整体。

▲除了直线部分,标志图形的每一段曲线都可以用圆的一部分弧度去代替。通过圆相切,让这两块区域产生了潜在的逻辑关系。你就好比是“上帝”,让这个图形按照你的规矩被创作出来,这些规矩就是通过圆、直线、切割、角度等等来制定的。

当然规矩是建立在图形前期被不断调整后有了一定视觉美感基础上,规矩只是个辅助工具,会让图形变得更严谨考究。

▲还有些不属于圆形相切出来的“规矩”,但也可以找出一点关系。从中间方块儿的两个边缘和中心点延伸出来的辅助直线,让它刚好经过三个关键点。这个关键点可以定在一些顶角、转折角位置,或是两个辅助圆相交的位置。

AI软件的一些操作技巧

那么,在AI软件里怎么去操作这些辅助线呢?水平或垂直角度的圆比较容易做到相切弧度。那如何让这种不在规则方向的两个圆让它们相切,并连接成一根完整的弧线?

▲还是先苹果键选择“Command+Y”,让整个文件只显示轮廓线,然后这里需要辛苦选择“”手动拖动一个圆到两个圆形相切的位置,然后选择“P”钢笔工具,将鼠标移到两圆相切处,会出现“”符号并点击后,会在其中一个圆形上增加一个锚点。然后隐藏掉这个增加完锚点的圆形,按刚才方法,在另一个圆上面也加一个锚点。

▲点中没用的线段并删除,保留想连成弧线的部分。

▲鼠标框选相切的位置,此时会同时选中两个断点,再选择“Command+J”可以将两个断开的点连接,一条完整的弧线便完成。

▲一般图形锚点越少越规矩,勾出的图形弧度和造型看着就越舒服。

▲尽管原图与修正后的图形比起来相差不大,但是看得久了左边的瑕疵就会很明显。现在回过来看其实右边的图形仍然有很大的优化空间,也欢迎大家在一起切磋讨论这个知识点。

▲我们再看下最开始的那张辅助线图,是否还会觉得很复杂?是不是变得清晰很多?

设计资料分析

再看几组网上找的设计资料

▲日本JR铁路LOGO的辅助线稿及黑白稿,辅助线组织的非常有逻辑,就好像井然有序的电网线路。各个圆形也是层级规整,辅助圆之间相切(标红圈处)的逻辑关系也是有的。

▲虽然只是两个字母的简单组合,但看得出背后应该花了非常大的精力去调整图形之间的结构关系,图形整体看起来非常硬朗、干练有力。“J”字母尾部独特的识别性,以及“R”字母的尾部处理得锋利果断,将铁路的快速、安全、准时的品牌感受传达的很强烈。

▲日本JAL航空的标识图形是我觉得见过非常完美的LOGO,能强烈感受到图形经过圆形切割后的严谨、饱满感,鹤的整个造型亮相非常的霸气高傲,又给人一种很安全、祥和的感受。翅膀与头部的关系应该蕴含着很强的比例逻辑关系。

标志图形要考虑无论是大到楼宇海报,还是小到icon、徽章各种尺寸下的展示效果,这是最基本的要求。“疏可跑马,密不透风”这里用来形容图形的结构关系,虽有些夸张,但道理都是一样的。

总结

将辅助线制图的设计稿展示在你的提案PPT里,可以让需求方感受设计团队的高专业性,以此提高设计方案的命中率,这是我以往经验论证过的。当然最重要的还是帮助你把控图形的最后输出效果。用辅助线规范你的LOGO,你学会了吗?

怎么样,看完以后是不是觉得logo设计其实并不像我们看起来的那么简单。

THE END
1.ailogo设计辅助线素材网站图片免费下载共有1317425个ai logo设计辅助线相关内容为您呈现 AI怎么做logo设计的辅助线ai设计logo正方形网格辅助线ai设计logo时怎么擦除辅助线ai设计logo辅助线怎么贴齐ai的logo设计怎么加辅助线ai标志设计logo加辅助线ai设计logo怎么用辅助线ai设计logo的时候辅助线ai设计logo辅助线怎么对齐ai logo设计辅助线怎么划ai设计logo辅助https://www.zcool.com.cn/tag/ZODA4ODc0OA==.html
2.AI快速设计非常精细高逼格的标志Illustrator教程平面设计这篇教程是向脚本之家的朋友分享AI快速设计非常精细高逼格的标志方法,教程制作出来的logo非常漂亮,很精细,推荐到脚本之家,喜欢的朋友可以参考本文 ChatGPT & MidJourney 绘图免魔法无限使用 【点击领取】 老王说:在我们制作LOGO的时候,经常会看到很多大神的设计稿有很多高精度的辅助线,让整个LOGO显得非常精细(如下图https://www.jb51.net/Illustrator/504460_all.html
3.illustrator插件大全免费插件介绍Ai设计插件集合(1)4. 对齐和分布:插件还提供了强大的对齐和分布工具,帮助你快速对齐元素或均匀分布它们。这对于创建复杂的设计布局尤其有用。 9、KSDrafter Logo网格辅助线插件 https://www.instagram.com/KSDrafter/ KSDrafter 是一个logo设计神器,它可以自动为Logo的各个方向的线条都创建了辅助线。https://blog.csdn.net/bigfigure/article/details/134768119
4.logo是怎样诞生的设计师YogaPerdana作来自优设AIGC【logo是怎样诞生的】设计师Yoga Perdana作品,看到辅助线了吗?好强。。。必须get!小编@Yeekin_Xyo https://weibo.com/1773655610/BdHzG2p2y
5.网页设计需要了解的相关知识小的本身是一个平面设计人员,前一阵儿有一些空闲的时间,便在各个站长网上发布了贴子,大意是免费制作logo,以换取网站连接(相信很多人都看过),半个月的时间做了80多个个人站或企业的logo,认识到了许许多多的站长,他们人都很好,但是其中一些站长由于由于对美工知识过于匮乏,导致了诸如让我直接给图片加连接,把橙色当作http://www2.hnsyu.net/syxywlzx/jszc/wlxxaq/201012/t20101212_46968.html
6.AI辅助线工具快捷键绘制方法添加位置及使用技巧详解它提供了丰富多样的工具和功能,使得设计师可以轻松创作出高品质的作品。其中,辅助线工具作为一种辅助设计的要紧功能,不仅可以帮助设计师精确对齐和定位对象,还能升级工作效率。本文将为您详细讲解辅助线工具的快捷键、绘制方法、添加位置及利用技巧助您在设计期间更加得心应手。http://www.guanxian.org/consult/aizhishi/112306.html
7.AI画logo中R带圈怎么弄?如何用ai设计字体logo 新建文档(保存)2.分析LOGO可以用什么图形组成3.画出需要的形状,同样的圆直接复制出来,画几条辅助线(我用了三个正 ai绘画logo-免费在线logo生成 燕雀LOGO--一款智能在线LOGO设计工具,只需要输入品牌名、行业、关键词、风格和颜色,就可以帮你在线生成LOGO,商标设计,以及配套的企业VI,帮助您塑造https://wenda.so.com/q/1681179146211406
8.如何用ai画规范logo,如何用AI做出这样的LOGO2,如何用ai设计字体logo 1. 新建文档(保存) 2. 2.分析LOGO可以用什么图形组成 3. 3.画出需要的形状,同样的圆直接复制出来,画几条辅助线(我用了三个正圆一个椭圆,三个个长方形)(保存) 4.房子和门都只有描边,没有填充颜色,描边是用的圆形(保存) http://chengdu.cdxwcx.cn/article/isdpjp.html
9.AdobeAi牛了!这款黑科技可以提高200%的工作学习效率!众所周知,Logo是设计师的“标配”,更是一个设计师基本功的体现。今天就同大家看看设计师 Artem Goubin 的一组Logo设计作品展示,其擅长用辅助线与网格分解标志设计。Logo中的网格则能够帮助设计师更好的校准图形,规范梳理标志内部结构的逻辑。 今天毛毛给大家分享都是AI相切吸附插件Subscribe,毫不夸张的说,这款插件专http://www.360doc.com/content/22/1201/09/81125249_1058341135.shtml
10.如何用ai制作花瓣logo,怎么在AI中用钢笔绘制花瓣形状的路径图形找张白纸用黑笔画上去,扫描成图片,拖到AI里面然后对象,图像描摹,建立并扩展剩下的细部调整下。外行的话真的有可能做的很丑,建议找设计师修改。 ai只能说是在有logo的基础上,进行颜色的填充,因为在ai里做不了太多的效果,但是带有科技感的logo大多都是带有蓝色色彩的,可以通过用颜色渐变的方式或是logo样式立体效果http://shouzuofang.com/article/iodhhp.html
11.Illustrator制作超有质感立体矢量LOGOIllustrator制作超有质感立体矢量LOGO 本次教程专门为仅有一点AI基本操作技巧的初学者而准备的,文中所用到的AI技巧仅有滤镜、不透明度、辅助线等工具,对于初学者来说也是很快就能学会的,下面就让我们一起来学习吧。 先看看效果图 最终效果图预览 1.绘制图形最基础的外形,很多人喜欢把整个图形的外形绘制出来,在这里https://www.51zhanma.cn/2902.html
12.标准制图法绘制高标准LOGOAI实例教程飞特网FEVTE编注:更多AI教程讨论及AI作品提交请到飞特网AI实例教程栏目:https://www.fevte.com/plan/ai/aisljc/ 具体的制作步骤如下: 1 ▼ 新建导入草图 首先打开AI,新建画布 将用笔制好的草图拍摄或扫描出来,直接将图片拖动到AI的画布中。 2 ▼ 使用椭圆工具绘制LOGO形状辅助线 https://www.fevte.com/tutorial-31000-1.html
13.AI教程!手把手教你绘制一组清新简约的微图标优设网下面设置网格线,网格线在AI中是个对于初级和老手都很有用的东西,对于需要注意大小和比例等这些地方方便很多,还省去添加辅助线的麻烦。 编辑>首选项>参考线和网格,设置如下。网格大小根据具体设计要求设置。 视图>显示网格,对齐到网格。这些都设置好会大大简化工作。 https://www.uisdc.com/ai-create-micro-icon-set/
14.AI吸附功能怎么打开AI自动吸附对齐辅助线如何调出? 共1条回答 > 清晨的大脑: ai自动吸附对齐辅助线通常是在设计软件中的“对齐”或“排列”工具栏中设置的,具体方法如下:1.打开设计软件,选中需要对齐的对象或元素。2.打开“对齐”或“排列”工具栏。3.找到“自动吸附”或“智能对齐”选项,勾选开启。4.根据需要设置对齐参考线的https://www.3d66.com/answers_relation/relation_3313477_3.html
15.Photoshop课时:logo简单透视法一点透视视频教程翼狐网致力于推动CG艺术发展,为用户提供海量的CG视频教程,本节内容主要介绍LOGO设计法则-品牌商业案例拆解式系统教学之课时21:logo简单透视法--一点透视.https://www.yiihuu.com/v_211588.html
16.8个免费极简在线封面图片制作工具神器集测评简介: 免费的在线文字图标logo文章封面图生成工具。 产品功能:支持背景色、文字颜色、字体类型/样式、阴影颜色、图片尺寸、辅助线等设置。 平台:网页浏览器访问。 价格:免费。 使用评价:配置项比较丰富。与同类产品比,多一个阴影效果。 07 Figen 简介:Figen 是一款免费的封面图、背景图制作工具。 产品功能: 主要是https://hao.logosc.cn/a/891