UI设计干货 ·

LOGO设计学习:点融设计中心DDC​的字母标识设计教程

今天25学堂需要跟大家分享一个常规logo设计方案:点融设计中心DDC​的字母标识设计教程。让一些刚入门进行logo设计的同学们提供一些设计思路和设计步骤流程。

从中也可以学习到一些logo设计方面的技巧以及如何来设计优秀的logo。

 

LOGO设计案例背景分析:

DDC的含义就是 Dianrong Design Center ,中文名称:点融设计中心。也就是点融网的设计视觉部门的名称。

点融网获得渣打直接投资公司和老虎环球基金(C轮融资获2.07亿美金) 融资,由纽交所上市公司Lending Club联合创始人苏海德(Soul Htite)与资深金融法律师郭宇航创办,致力于用先进互联网技术和金融创新使投资与借贷更透明、更高效。

点融设计中心是一个充满活力的设计团体,是一个点融设计师发挥创意的平台!

所以、logo 的设计理念和基础表现形式应该是简洁的、活泼的、有设计感的、有趣味性的、有我们自己风格的。

%e7%82%b9%e8%9e%8d%e8%ae%be%e8%ae%a1%e4%b8%ad%e5%bf%83ddc%e7%9a%84-logo

点融网的主色调是青绿色。颜色代码:#2bb591

 

 

下面我们就来详细学习下点融设计中心DDC​的字母标识设计的过程:总共7个步骤

 

Step 1. 我们选择以字母为基础进行设计

Image title

我们的文字太长了,放在一个简洁抽象的 logo 下面不好看,所以抽出 “Dianrong Design Center” 的三个首字母 “DDC” 做为我们的 logo 再合适不过,但如果不将 “DDC” 三个字母做设计变形,直接组合下面的文字 “Dianrong Design Center” 又显得过于单调,没有设计感和趣味性,所以我们选择首先设计出一整套 Dianrong Design Center 的专属字体,再抽象出里面的部分主要设计元素后,进行设计重组,最后得出我们的主体 logo。

 

Step 2. 我们选择以工业圆角矩形作为字体设计的 “源点”

Image title

矩形的设计理念和形式与我们点融网自身 logo 形式感严重不符,而圆形的设计又会太过于突出设计自身的形式感,而过强的形式感会抢掉主体 logo 的 “风头”,所以采用圆角矩形是最合适的选择,但是普通的圆角矩形会有 8 个 “直线边” 与 “圆角边” 的连接 “节点”,观者从视觉上会感觉很不流畅,有明显的顿挫感,不过工业圆角矩形则不会有这样所谓的 “节点” 存在,因为其 “圆角边” 的 “切线”,与 “切点与图形中心连线” 所形成的角度会有一定的递增或递减关系,故其看起来完全不会有视觉上的顿挫感,也更加体现出了 “Dianrong Design Center” 整套字体设计本身推敲时的严谨性与逻辑性。

 

Step 3. 剥离部分字体设计 “源点” 的主体元素,进行设计重组

Image title

字母不止1个,而是有26个,所以需要进行设计的重组才能得出不同的字母,而我们设计字母的 “源点” 所用的工业圆角矩形完全可以进行设计拆分和重组,把其各个部分拆分后,延伸或缩减其中需要的部分,得出设计不同字母所必须的不同元素,最后进行组合,得到26个字母。

 

Step 4. 将 “Dianrong Design Center” 整套字体进行视觉调整

Image title

由于每个字母的形式各不相同,其 “负空间” 的面积也都不同,所以要想使 “Dianrong Design Center” 整套字体在视觉上获得美观和平衡感,必须分别调整每个字母的字怀, 字腕, 字耳, 字宽, 字眼…… 以确保他们的 “负空间” 面积在视觉上大致相同。

 

 

Step 5. 把整套字体中 “D” 和 “C” 两个字母抽离出来,进行 “单独” 的再设计,得出主体 logo

Image title

基于 “Dianrong Design Center” 字体设计时的工业圆角矩形元素及其分解部分进行设计重组, 得到一个充满魔性与活力的小写字母 “d”,(在英文字母设计之初,只有设计小写字母,将其放大后进行微调,就得到大写字母,故我们只设计小写字母,我们的大写字母也是通过这种放大后微调的形式设计得来)并将其顺时针旋转后自然得到字母 “c”,“c” 即是 “d”,“d” 即是 “c” 的简洁概念清晰的传达出 “Dianrong Design Center” 团队对极致用户体验的追求,并且 “ddc” 每一个字母内部的 “负空间” 部分都可以抽象出一个字母 “d”,代表了团队每一个人对设计始终如一的初心和坚持。

 

 

Step 6. 组合 “DDC” 和 “Dianrong Design Center” 后,进行视觉调整

Image title

二者需要通过平衡视觉上 “负空间” 的面积来确保观者的视觉平衡感和舒适感,所以在组合与调整的过程中,我们再一次对字母之间的距离进行了微调,以达到 logo 整体的美观性。

 

Step 7. 确定 logo 颜色及应用规范

Image title

logo需要有颜色自不必说,但是怎样与点融网的 logo 气质契合又不相同,是一个摆在我们面前很严峻的一个视觉难题,所以我们认为沿用其绿色的设计是重点解决方法之一,因为这样的设计不仅仅可以使两个 logo 搭配起来可以 “和睦相处”,更重要的是,通过绿色的延续,使得两个 logo 之间的设计感与形式感显得很有异曲同工之妙,很有 “同源” 之美。

使用规范的重要性,相信所有身在设计工作圈的朋友们都很熟悉,没有规范的设计是没有秩序性的,没有秩序性的设计是不严谨的,没有严谨性的设计是不完美的,所以规范 logo 的使用细则,是保护 logo 设计表型形式及用途控制的最重要方式,也是保证其 “完美造型” 的核心武器。

 

参与评论