1.1.45

详解Logo的规范化是怎么操作的

普通推荐
葱爷
站酷2022年度创作者
广州/平面设计师/6年前/10856浏览
详解Logo的规范化是怎么操作的普通推荐
葱爷

简单7步,助你打造出更专业的Logo


我们经常会看到这样的图,在一个简单的标志上环绕着很多的辅助线,看起来很专业、很牛逼的样子,这些辅助线真的有用吗?设计一个标志而已,真的需要搞那么复杂吗?不会是用来忽悠客户的吧?这些辅助线展示的是标志的制图规范,标志规范是标志设计中很重要的一个部分。


经过严格规范的标志会更美观、更方便延展和制作,当然也确实是专业的体现。所以,葱爷打算在这篇文章中详细讲解一下,标志设计的规范化是怎么操作的?


1.圆角的地方一定要是正圆


在一些几何图形或者字体设计中,我们经常会用到圆角,而这些圆角一定要是在某个正圆的基础上画出来的,所以不可以直接用钢笔工具去画圆角。例如在下图的这组英文字体设计中,所有圆角都是以正圆作为基础。


下图是陌陌APP的前标志,图形中的每处圆角也都是正圆。

对于这类标志的设计过程,其实并不是先画好曲线再用正圆来规范,而是在制图的时候就用正圆来设计。举个例子,如果我们要画一个圆角的等边三角形,正确的步骤应该是这样的。


虽然在CC版本的AI中,只需拖动直角的端点就能画出标准的圆角,但是原理也是如此。


2.用圆或椭圆规范弧线

运用到弧线的标志图形非常多,而这些弧线同样不是凭着感觉随便画的,为了使其更美观,我们需要用正圆或者椭圆来进行规范。例如下图的数字“2”是没有经过规范的,我们从图中可以看出在“2”的轮廓上有4处弧线。


作为一个普通的图形并没什么问题,但如果想把这个“2”当成标志使用,那么就需要规范一下,比如上图标出的这四条弧线都可以用正圆来进行规范。

3.对齐


我们都知道对齐是版式设计很重要的技巧,其实在标志设计中也经常要用到对齐,例如下图的字体设计,在没规范过的情况下很不严谨,主要是该对齐的地方没对齐,例如下方右图用红线标出的这几个地方。


当把上图标出的这几处地方都对齐后,整个标志就变得严谨了很多。所以在设计标志的时候要多去观察哪些细节之处是可以对齐的。

4.统一


统一在标志设计的很多地方都有体现,比如在标志的字体设计中,同类型的笔画,在粗细和结构上都(如衬线、倒脚等)要统一;图形中的线条粗细、线条间断开的距离也需要统一。



在上图的标志设计中,所有线条的宽度都是统一的,弧线与弧线之间的间距也是统一的,所以该图形看起来很规整、很严谨。


5.使用常见的角度数值


120°、90°、45°、30°、22.5°、20°、15°等,都是比较常见的角度,这些角度值大家更熟悉,也更容易被记住和延展操作。


比如在谷歌的标志中,字母“G”被斜切的角度刚好是90度的一半45度,而字母“e”旋转的角度则刚好是45度的一半22.5度。


6.圆形轮廓与黄金比例

如果图形外轮廓的端点接近于在同一个圆上,那就让它们刚好在一个圆上,如果比例大小接近黄金比例,那就让它真正符合黄金比例。

例如下图的眼睛图形,眼珠和眼珠的高光该放在什么位置最合适呢?如果放在图形的正中心,那会显得很呆板、不自然,所以设计师把它的位置设定在一个黄金分割的位置,效果不错。



再比如下面这个图形是由两个圆角的等边三角形交差形成的,那么这两个图形交差到什么位置比较合适呢?从下图中可以看出,使图形最外侧的几个点都位于一个正圆上效果是最好的。

7.图形与文字的大小、距离最好成某种比例关系。

标志的图形和文字的大小也不是随便拉的,包括他们之间的距离也有讲究,一般的做法是以图形几分之一为一个单位X,然后字体的高度、字体与图形间的距离设置为Y个X值。或者以文字的横向(竖向)笔画厚度作为一个单位X,然后把图形的高度(宽度)、图形与文字间的距离设置成Y个X值。


例如上图的抖音标志,就是以文字的横向笔画高度定位一个单位:X。图形的边宽为3.5X,文字离图形的距离正好是2.5X,图形的高度则正好是18.5X。


综合实例

逐个聊完标志规范的各种操作后,我们再来综合的看一看,如何完整的规范一个标志。以一个名为“冰蝶谷”的品牌Logo设计为例,下图是草图构想,在上机操作的过程中就需要用到logo的规范技巧了。



首先是蝴蝶的翅膀,其实可以用两个正圆来设计,而这两个圆的大小是相等的,包括翅膀的长宽比也可以设置为黄金比,两个圆的交接处也要在圆的基础上画弧线。轮廓画好后,再选择一个粗细适中的描边。

把图形画好后,再把它顺时针旋转45度度,这就是蝴蝶右边的翅膀,接下来就需要把这个图形复制一层然后做一个垂直翻转,把复制出来图形移到左边,这个时候一对蝴蝶翅膀就都出来了,而这两个图形该交叉到什么位置才最合适呢?这里再一次用到了黄金比,即整个图形的长与宽的比也是1.618:1。需要注意的是,并不是所有比例都得符合黄金比,主要以视觉效果作为标准。


接下来是画蝴蝶的头和触角部分,我这里选择了使用等边三角形来做,头部同样用圆进行规范,且此处的圆与翅膀处的小圆是同样大小的。触角的长度与头部线条的长度又是成黄金比,而头部与翅膀之间的距离则是与图形的线条宽度统一的。

当图形画好后,接下来就是处理字体,字体的设计我在这里不多说,我们主要来看看它的规范,1.笔画粗细与图形统一;2.笔画的端点都是正圆角;3,交叉连接的笔画处也要用同样大小的圆来规范。


再接下来是排版,首先是图形与文字的大小比例,没错,还是黄金比,包括中文与英文也是成黄金比;其次是间距,我们以文字笔画的厚度作为一个单位X,图形与文字的距离可以设置为2X,而中文与英文的间隔则为1X,这样整个标志的规范就做完了。

把以上在设计和规范过程中用到的辅助线都还原出来,就得到了如下这个图,看起来是不是也有一种很专业、很牛逼的感觉啊?


结语


关于标志的规范化到这里终于分享完了,是不是完全没有想象的复杂。当然,并不是经过了规范的标志就是优秀、好看的标志,就好像不是运用了网格系统就能排出好看的版式一样,规范只是能使你的标志看起来更严谨、更专业,切勿舍本逐末。


402
阅读原文
|
举报
748
分享
原创文章 平面 UI LOGO设计 标志设计 设计干货
声明:站酷(ZCOOL)内网友所发表的所有内容及言论仅代表其本人,并不反映任何站酷(ZCOOL)之意见及观点。
评论
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
登录注册
侵权申诉 企业服务 帮助中心
京网文[2023]1747-060号 京公网安备11010502000501号 京ICP备11017824号-4 京ICP证130164号Copyright © 2006-2024 ZCOOL站酷

玻璃钢生产厂家玻璃钢雕塑多人人物苏州仿真玻璃钢雕塑游乐园玻璃钢雕塑安装呈贡设计玻璃钢雕塑咨询北京抽象动物玻璃钢雕塑杭州商场美陈批发价夏季商场中厅美陈虎年春节商场美陈铁岭市玻璃钢雕塑定制阳泉玻璃钢花盆澳门泡沫玻璃钢雕塑加工厂家肇庆玻璃钢雕塑出厂价格贵阳商场美陈材料泰州商场圣诞美陈新民玻璃钢牛雕塑金山区大型玻璃钢雕塑价格合理北京大型主题商场美陈怎么样赣县玻璃钢雕塑成都玻璃钢雕塑的制作玻璃钢抽象雕塑制作厂家安宁加工玻璃钢雕塑多少钱河南秋季商场美陈怎么样宁波玻璃钢雕塑价格河源树脂玻璃钢雕塑工艺商场创意美陈用英语怎么说青州玻璃钢雕塑厂名单鲁权屯镇玻璃钢雕塑德庆玻璃钢造型雕塑玻璃钢雕塑的上色方法有哪些进商场美陈施工香港通过《维护国家安全条例》两大学生合买彩票中奖一人不认账让美丽中国“从细节出发”19岁小伙救下5人后溺亡 多方发声单亲妈妈陷入热恋 14岁儿子报警汪小菲曝离婚始末遭遇山火的松茸之乡雅江山火三名扑火人员牺牲系谣言何赛飞追着代拍打萧美琴窜访捷克 外交部回应卫健委通报少年有偿捐血浆16次猝死手机成瘾是影响睡眠质量重要因素高校汽车撞人致3死16伤 司机系学生315晚会后胖东来又人满为患了小米汽车超级工厂正式揭幕中国拥有亿元资产的家庭达13.3万户周杰伦一审败诉网易男孩8年未见母亲被告知被遗忘许家印被限制高消费饲养员用铁锨驱打大熊猫被辞退男子被猫抓伤后确诊“猫抓病”特朗普无法缴纳4.54亿美元罚金倪萍分享减重40斤方法联合利华开始重组张家界的山上“长”满了韩国人?张立群任西安交通大学校长杨倩无缘巴黎奥运“重生之我在北大当嫡校长”黑马情侣提车了专访95后高颜值猪保姆考生莫言也上北大硕士复试名单了网友洛杉矶偶遇贾玲专家建议不必谈骨泥色变沉迷短剧的人就像掉进了杀猪盘奥巴马现身唐宁街 黑色着装引猜测七年后宇文玥被薅头发捞上岸事业单位女子向同事水杯投不明物质凯特王妃现身!外出购物视频曝光河南驻马店通报西平中学跳楼事件王树国卸任西安交大校长 师生送别恒大被罚41.75亿到底怎么缴男子被流浪猫绊倒 投喂者赔24万房客欠租失踪 房东直发愁西双版纳热带植物园回应蜉蝣大爆发钱人豪晒法院裁定实锤抄袭外国人感慨凌晨的中国很安全胖东来员工每周单休无小长假白宫:哈马斯三号人物被杀测试车高速逃费 小米:已补缴老人退休金被冒领16年 金额超20万

玻璃钢生产厂家 XML地图 TXT地图 虚拟主机 SEO 网站制作 网站优化