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.电商PS教学,详解制作专业级电商Logo图的完整教程与技巧PS怎么做电商Logo图 1、新建文件,打开Photoshop软件,按下Ctrl + N快捷键新建一个文件,设置尺寸为800 * 800像素,分辨率为72像素/英寸,点击确定,随后,添加渐变背景,选择工具箱中的“渐变工具”,在属性栏中选择“径向渐变”,设置颜色从暗灰色至黑色,并从画布顶部中间向边角拉出渐变色,过程如下图所示,为背景添加适当http://m.9213.net/2AFf165fD701.html
2.LOGO设计中常用的黄金比例辅助线你会画吗,不会的小伙伴看过来吧#LOGO设计中常用的黄金比例辅助线你会画吗,不会的小伙伴看过来吧#LOGO设计 #AI教程 #平面设计 @抖音小助手 - 戏精小熊玩设计于20230720发布在抖音,已经收获了75.3万个喜欢,来抖音,记录美好生活!https://www.douyin.com/video/7257871358346972435
3.ai做logo辅助线:详细步骤与添加方法### 怎么画Logo辅助线 在中绘制Logo辅助线,是为了更好地实设计定位和元素对齐。 ### 绘制辅助线的步骤 1. 确定Logo布局:在设计Logo之前先确定Logo的布局和元素分布。 2. 创建辅助线:依照布局需求在中创建相应的辅助线。 3. 绘制Logo元素:利用的绘图工具,沿着辅助线绘制Logo的基本元素。 #https://www.yanggu.tv/webgov/aizhishi/96829.html
4.立体字母LOGO设计[教程]第一步:提炼想法,设计LOGO 根据自己的思路在纸上画出LOGO线稿(线稿很关键) 第二步:根据线稿画出辅助线 ①、画好垂直辅助线并确定好间距; ②、旋转辅助线角度,复制移动辅助线,确定右倾斜辅助线。复制并且水平翻转确定向左倾斜辅助线角度。然后调整距离; https://www.jianshu.com/p/f41905e8d86a
5.LOGO技巧logo标志设计 1.我们来分析第一步,尾巴这个形状是什么组成? 我们怎么可以达到这个效果? 2.第二步肚子,这个形状是不是采用了辅助线? 相切? 3.明显的第三步是的一个是相切的过程? 重点来了,别眨眼。一伙的功夫,你可能就错过了几个亿? 先画五个圆形大小不等,如下图排列 https://www.douban.com/note/587161165/?ivk_sa=1024320u
6.网页设计需要了解的相关知识小的本身是一个平面设计人员,前一阵儿有一些空闲的时间,便在各个站长网上发布了贴子,大意是免费制作logo,以换取网站连接(相信很多人都看过),半个月的时间做了80多个个人站或企业的logo,认识到了许许多多的站长,他们人都很好,但是其中一些站长由于由于对美工知识过于匮乏,导致了诸如让我直接给图片加连接,把橙色当作http://www2.hnsyu.net/syxywlzx/jszc/wlxxaq/201012/t20101212_46968.html
7.品牌设计,对移动互联网时代的的产品质量提升带来了更多的可能性。也对设1、设计辅助线 好的品牌图形是需要对基本图形进行2次提炼,去除一些不必要线条细节,对原有的剪影图形进行几何抽象化。我们经常看到在画LOGO时候出现的各种辅助线(图1-11),这些辅助线以各种圆为参考形。辅助线的作用是帮助设计师用规整的几何图形去切分原有的剪影。让线条更加规整几何化。这样几何规整化的图形已经和http://www.333cn.com/shejizixun/201750/43498_139407.html
8.香奈儿logo用CAD绘制3d溜溜设计问答平台为广大设计师们提供各种香奈儿logo用CAD绘制问题解答,3d溜溜素材问答平台汇聚全球各地的设计师、名师名司、设计爱好者等设计灵感和经验,迅速为您解决香奈儿logo用CAD绘制的困惑。https://www.3d66.com/answers_relation/relation_2389675_16.html
9.怎么用cad画苹果logo?cad苹果logo的设计过程AutoCAD闲着无事,用cad画了一个苹果,数值什么的也不是很精确,画法也很简单,仅供娱乐,欢迎大家来讨论 1、先画三个圆,圆心在同一条直线上,如图所示直径分别是50,10,50。PS:红色的为辅助线 2、使用菜单栏上【绘图】-【圆】-【相切,相切,半径】命令画一个直径为80的圆 https://www.jb51.net/autocad/422022.html
10.这种设计logo的圆形辅助线怎么用ps和ai调出来?15.最终效果如图示。还有很多黄金比例/借助辅助线做出的logo 参考视频 Dainogo主页_课程_作品 - 虎课网https://www.zhihu.com/question/357149243/answer/909534130
11.斐波那契螺旋线在绘画设计中的应用这幅画将蒙娜丽莎的鼻子作为视点设置在斐波那契螺线的中心,螺线的轨迹依次经过下颔、头顶、肩膀和右手,使得这幅画看上去非常和谐,绘画技巧与科学研究的结合才造就了举世闻名的瑰宝。 在设计方面,许多logo的设计都运用到了黄金比例。最著名的当属苹果公司的logo了。在苹果logo辅助线分解中,我们可以看出苹果logo的设计正http://www.360doc.com/content/19/0620/21/51537932_843813234.shtml
12.名片设计教程?餐饮名片设计禁忌?2、然后在选项栏上选择矩形工具,在图层上拉两条线出来。最好是画图层的下面一点,上面的等一下要填写文字。可以使用辅助线来拉直。 3、现在就可以在图层上面编辑输入文字了,根据个人的职业信息来填写就可以了,也可以选择在图层上添加logo图标。 4、下面就来填写个人的名字和介绍,选择横向的字体,把手机号码信息输入https://m.yxlady.com/mt/202410/1822252.shtml
13.做LOGO为什么要用圆形做辅助线便于定义标志图形的生成理由,以及便于精确复制。通过不同的圆相切,获得标志的各处曲线、弧度和转折数据,并证明这些数据的必要性和合理性。ps:这种东西在计算机时代慢慢被抛弃了,但依然有相当多的设计师迷恋它,不外乎两个原因,1:说明这个图形不是随手画出来的,具有内在的数理依据;2:显得牛逼。https://zhidao.baidu.com/question/371120016151519012.html
14.超全面总结!黄金分割在界面设计中的应用优设网来看看黄金螺旋线衍生的最佳兴趣点在什么位置?(如下图) 在设计中实际应用的时候,想找出这个点来绝对不是很容易的事情。所以怎么办呢?有简单找到最佳兴趣点的方法吗?长方形的一条斜线链接起来,另一个顶点画一条垂直于这条斜线的点基本就是最佳兴趣点的位置。(如下图) https://www.uisdc.com/application-of-golden-section-in-interface-design
15.如何画螺旋线Step7:画一个矩形外框 Step8:修改宽度为10mm,高度为16.18mm 跟随小仙的步骤,你应该得到了一个很酷的“黄金螺旋线”,你可以将他导出保存,以后就可以一直使用了,一劳永逸! 看着自己做出的黄金螺旋,心里是不是很有成就感,仿佛自己又距离世界第一设计师进了一步,你兴奋的掏出自己的黄金螺旋辅助线,突然发现,你不会https://blog.csdn.net/weixin_39865204/article/details/112722014
16.聊聊我关于设计工作的所思所想(视觉篇)构图是设计师根据题材和主题,把要表现的形象组织起来,构成一个协调的完整的画面。 那都有哪些构图方法? 1.三分格辅助线构图/井字线构图 (延伸为上下、左右构图、对角线、三分法中心构图) 2.中心放射性构图 3.黄金螺旋构图(趋势-整体)符合科学审美的一根线 https://maimai.cn/article/detail?fid=1745694204&efid=qscDdoAcXtzPJAI00VgO5Q
17.知名品牌LOGO标准制图辅助线设计参考1 / 8 知名品牌LOGO标准制图辅助线设计参考 ? 2 / 8 知名品牌LOGO标准制图辅助线设计参考 ? 3 / 8 知名品牌LOGO标准制图辅助线设计参考 ? 4 / 8 知名品牌LOGO标准制图辅助线设计参考 ? 5 / 8 知名品牌LOGO标准制图辅助线设计参考 ? 6 / 8 知名品牌LOGO标准制图辅助线设计参考 ? 7 / 8https://k.sina.cn/article_1550389102_p5c690f6e0270138yf.html