四标志的设计流程-VIS设计(企业形象设计).ppt

1、LOGO DESIGNLOGO DESIGN标志的设计标志的设计流程流程马马 英英 豪豪 本节内容1、标志的设计流程2、标志的构思3、标志设计流程案例解析天洋标志的设计流程1、调研分析2、要素挖掘3、设计开发4、标志修正 1、调研分析 标志不仅仅是一个图形或文字的组合,它是依据企业的构成结构、行业类别、经营理念，并充分考虑标志接触的对象和应用环境，为企业制定的标准视觉符号。在设计之前，首先要对企业做全面深入的了解，包括经营战略、市场分析、以及企业最高领导人员的基本意愿，这些都是标志设计开发的重要依据。对竟争对手的了解也是重要的步骤，标志的重要作用即识别性，就是建立在对竟争环境的充分掌握上。因此

2、，设计首先会要求客户填写一份标志设计调查问卷。2、要素挖掘 要素挖掘是为设计开发工作做进一步的准备。我们可以依据对调查结果的分析，提炼出标志的结构类型、色彩取向，列出标志所要体现的精神和特点，挖掘相关的图形元素，找出标志设计的方向，使设计工作有的放矢，而不是对文字图形的无目的组合。3、设计开发 有了对企业的全面了解和对设计要素的充分掌握，可以从不同的角度和方向进行设计开发工作。通过设计师对标志的理解，充分发挥想象，用不同的表现方式，将设计要素融入设计中，标志必须达到含义深刻、特征明显、造型大气、结构稳重、色彩搭配能适合企业，避免流于俗套或大众化。不同的标志所反映的侧重或表象会有区别，经过讨论分

3、析或修改，找出适合企业的标志。4、标志修正 提案阶段确定的标志，可能在细节上还不太完善，我们需要对标志的标准制图、大小修正、黑白应用、线条应用等不同表现形式进行修正，使标志使用更加规范，同时标志的特点、结构在不同环境下使用时，也不会丧失，达到统一、有序、规范的传播。1.以名称为构思2.以内容与外观造型为构思3.以理念为构思4.以地点为构思标志设计的构思标志设计的构思 以名称为构思以名称为构思 以以内容与外观造型为构思为构思 以以内容与外观造型为构思为构思 以理念为构思以理念为构思 以地点为构思以地点为构思 以地点为构思以地点为构思3、标志设计流程案例解析1.为软件产品In4systems设计一

4、个标志，该软件是一个商用的资产管理软件，企业将用该软件来管理其下所有的资产数据。设计师在接触该设计业务时，对客户进行了一些提问，并了解了一下市场竞争对手的情况；2.设计师将花费大部分时间用来创意，同时随时手绘下瞬间的想法和创意；3.设计师根据手绘稿件，输入到电脑，并且在电脑中制作出简单的黑白稿件，同时去除了手绘稿件的一些随意性元素；4.设计师根据对客户的了解判断出更佳契合客户的标志，并且通过添加色彩和细节表现出来，之后向客户提稿；5.客户选择他们更倾向的标志，并且提出一些反馈意见，设计师再根据反馈信息进行一些修改，同时设计出一些相关的商业常用文件，如名片，信纸等，如图：总结，经过分析客户还是比

5、较倾向文件、报表图形的标志图形，从最终结果来看，该标志确实更契合该软件产品。所以标志设计不仅要追求尽善尽美，更重要的还是要契合身份。Hotbox Studios形象标识设计过程形象标识设计过程创意介绍创意介绍HotBoxHotBox Studios Studios是一家位于英格兰东部的公司，专门从事创意动画和设计的业务。公司从创立到现在已有5年时间。右图所示的是公司原来的旧标识。一段时间后，公司方面决定重塑品牌品牌，为此，公司方面就联系为他们设计一个新的标识，以便推进这次的品牌重塑过程。公司主管 觉得以前的标志并没有正确代表公司所从事的创意作品，因此需要一个全新且易记的logo，以便将公司的创

6、意以便将公司的创意动画和设计作品的真谛体现出来动画和设计作品的真谛体现出来。该logo主体由一个图像标识组成，可以与公司名放在一起，也可单独使用。新logo在本月底结合网站推出时，要能易记能易记并且能容易识能容易识 别别。设计草图以及完善过程一开始，个人觉得设计一个容易记忆的方法就是充分利用公司名字的花押字或者首字母缩写。头脑中闪过的第一个想法就是在 HotBox的H上做文章，如下的就是这个想法的最终成型结果。利用一个立方体或者盒子构建出一个“H”的形象。不过自己觉得这个想法没有完全和整个创意 过程相吻合，而且它只是代表了一个名字，并没有充分代表公司所在的行业。接下来，继续着头脑风暴和研究过程

7、。之后，从电影胶片中获得灵感从电影胶片中获得灵感。下面展示的就是当初头脑风暴过程中画的草图。顺着 这个胶片灵感，把”H”和”B”两个字母都结合进符号标识中。这样，就构成了一个感观上更为强有力的花押字。从这个项目的开始阶段，创意灵感都是 来自于这两个大写字母。从外观上看，”H”有着明晰的路径，和动画之类的东西有关联性，并且和电影的一段胶片有些类似。因此，之后，把更多的时间花在 了如何把”B”结合进去。多次尝试之后，最终得以将”H”和”B”完美融合，同时又利用字母组合图案抓住了公司所在的行业的特点。想法确定好后，就开始计算所采用的图案标识的数学构成元素来将创意最终成型，之后，就是修改，修整，到最后

8、将画的图转移到点状网格纸上。点状网格纸特别适合基于几何构型的设计，因为网格纸上的几何形状的点阵很适合此类画图。下图就是开始的点状网格画图结果：到此，logo已经基本显现除了雏形。接下来，所要做的就是将它转移到数字媒介中。用扫描仪将网格图像扫描进电脑，如下显示的就是扫描后的结果，以便可以用软件进行润色修改。利用Adobe Illustrator，得以快速重新创建出与原图纸图的相吻合的排版设计。当设计想法在纸上成形后，这 个过程就会快很多。所以，再次强调，在纸张画草图是整个设计过程中最为至关重要的一个步骤。用纸和笔，你可以获取任何新的想法，而如果用软件，就会相当 劳烦。此外，当你远离电脑，在纸上画

9、图能给你带来全新的设计观点，使得你脑子里的众多想法能够不受阻碍地表达出来。向客户展示过设计结果后，客户对”H”和”B”的字母融合和电影胶片的文本意境的想法感到很满意。接下来，就是加上一些设计规格。由于字体和上色在创意想法阶段就已确定下来，自己得以专注于确定设计方案的替代方案。最后选出下面的这个确定方案。Hotbox在完成网站改版后将会启用新的形象标识。新标识定于1月末推出。到时诸位一定要公司的网站去浏览一下。原文链接：http:/www.dache.ch/dache/comments/hotbox/构图网网站标志设计图标头像的结成：由字母g T组合，把g平放成一个眼镜，T为嘴。最先是直接用字母

10、goutoo来做的，乱排了一下，不好看！色彩上不是很清爽，下边网址不怎好看！所以放弃了！这个感觉有点长！字母分得有点散！研究生合唱团标志设计过程和思路研究生合唱团标志设计过程和思路客户是某国家研究所的研究生合唱团，合唱团成立两年来，在本研究所的开学、毕业典礼等活动中有过多次演出，同时也曾在其他研究所的新年晚会等活动中演出，团员们都有很多美好的记忆，到了毕业的时候，有的团员即将因为毕业离开合唱团，他们希望为团员设计一件T恤作为留念，同时也想设计一个标志作为以后不同宣传材料所用。这次的要求比较复杂，因为不只是T恤的设计，还有标志，希望能体现出合唱团的特点，可以先设计标志，然后用标志作为T恤的主题，

11、一举两得。为了设计代表合唱团的标志，先列举一下和合唱团的相关的特征，合唱团首先是唱歌，有声音，不同声部不同高低的声音，是个群体，怎么表现这些特征呢，我们先从文字开始，“唱”这个字左边的“口”字代表和嘴有关，是表意的，右边“昌”字取音，中国的方块字是发源象形文字，有结构，有意义，历代书法本身就是一门艺术，很有装饰感，下面我们看看不同体例的“唱”字。再看看，唱字其实是由一个“口”字和两个“日”字组成的，在我们小学课本里，提到这两个字，可以写成这样：其实主体是三个圆，稍加改造可以演变成三个不同音源，发出不同的声波：这样既有中文的“唱”字，也可以体现合唱的主题，不同高低声部的声波汇总在一起，实际的设计

12、可以有不同的表达方式，下面是两个例子，不同的表现手法表现声波，三个圆每个是一个颜色，代表不同的频率，而在一个圆里差别只是透明度不同：三个圆摆在那里，有点散，我们加入剪裁，就像用相机对标志拍照，当然可以用不同比例的剪裁，这里用正方形的剪裁，就像一张66的底片拍摄的照片，在摄影里正方形的剪裁一般可以产生集中吸引眼光的效果，这里我们借鉴了摄影的技巧，同时借鉴摄影里的三分法，让三个圆的中心在照片三分之一的位置，体现比较平衡的感觉，剪裁的同时，还是可以让人认出“唱”这个字的整体。下面我们把各个圆的圆心向内靠拢一点，一方面显得有立体感，更生动，同时也体现合唱相互配合的特点：客户比较喜欢第一种的设计，同时希

13、望有不同的颜色可以选择，下面是不同的样例，有不同颜色，通过不同的透明度来表现声波的形状：最后客户选择了单色的绿色，体现合唱团学生青春的特点，同时在设计黑白灰度印刷品的时候，效果不会有太大的变化，而且也节省印刷费用。作为T恤，设计比较简单，把“唱”字的标志，放在左胸口，体现“用心去唱”的理念，同时右边用黑色字体的合唱团的名称作为平衡，中英文名称用不同粗细的字体作为对比，设计只有两个颜色，制作费用也得到了控制，下面是最终设计的应用效果图。WebMYnd公司公司logo设计过程实录设计过程实录作者:David Pache去年，有一家名叫WebMynd的初创网络公司联系我，让我帮他们做一个logo以便

14、公司在全美开展新业务。WebMynd的团队由麻省理工学院和剑桥大学的3个毕业生组成，他们对自己的创业项目充满着一种激情。之前公司已经获得ycombinator旗下的种子基金的风险投资(这个种子基金专门扶持企业并且在业界有着极好的表现)。WebMynd的产品是一款浏览器插件，它可以把你的网页浏览器变成一个大脑记忆的一个扩展区域。从而让你在网上冲浪时把你看到的任何东西都可以保存下来，在你需要回想之前浏览过的东西时可以让你对实际的页面图像和文本进行方便搜索。创意过程备忘录客户对于创意过程的主要方面集中在要求设计一个新的形象，这个形象要能传达出一个理念，即在一地就可以轻松收集网上的各种信息，从而引申出

15、扩展你的大脑记忆的这一核心理念。WebMynd公司曾经想设计出一种网络工具，可以让网友采用老式的书签收藏和给网站添注标签的方法收藏互联网上的信息。开工设计一开始，我把客户的创意想法信以为真，并进行过一些头脑风暴。我当时想利用WebMYnd的首字母进行创意。如下的就是第一个创意想法的诞生过程。简单的线条勾勒出一个大脑的抽象参照物(这一想法客户此前也尝试过，但不喜欢一个大脑的外观)。这一设计方案体现了大脑形状的精髓，同时又形成了一个“W”字母的形状。创意过程备忘录创意过程备忘录客户对于创意过程的主要方面集中在要求设计一个新的形象，这个形象要能传达出一个理念，即在一地就可以轻松收集网上的各种信息，从

16、而引申出扩展你的大脑记忆的这一核心理念。WebMynd公司曾经想设计出一种网络工具，可以让网友采用老式的书签收藏和给网站添注标签的方法收藏互联网上的信息。开工设计开工设计一开始，我把客户的创意想法信以为真，并进行过一些头脑风暴。我当时想利用WebMYnd的首字母进行创意。如下的就是第一个创意想法的诞生过程。简单的线条勾勒出一个大脑的抽象参照物(这一想法客户此前也尝试过，但不喜欢一个大脑的外观)。这一设计方案体现了大脑形状的精髓，同时又形成了一个“W”字母的形状。但由于“W”看起来不够清晰，这一想法也就没再继续下去。它并没有体现出客户期望的那种形象。因此我就创意重心转移到了色彩上，进行相关调研以

17、获取灵感。我本人是瓦西里*康定斯基的忠实拥趸。康老是俄罗斯的画家和理论家，作为20世纪著名的艺术家之一，康老创作出了世界上首批现代抽象艺术作品。下图所示的就是一副我从中获得灵感的作品，将它作为WebMYnd的logo的色板较为适合。虽然作品色彩运用较多，但却对受众的眼睛并不构成影响，相反，突出的色彩却能愉悦受众。这正是我想要达到的效果。而现在所需的就是一个合适的设计来展示这些缤纷色彩。草图设计及完善过程草图设计及完善过程我向客户进行了咨询，客户同意我用“W”和“M”设计出一个花押字。下图展示的是开始的一些素描稿。第一张素描稿勾勒的线条最好。但我不大喜欢这种线性的外观，因为我无法在单一的线性轮廓

18、的图片中运用不断变化的色彩。而下面的这些图是在一个创意的基础上拓展到2维空间后画的。结合不同的元素将这些形状进行交叉，从而可以填充较多的色彩。对这些创意想法的其中一种重画图后，我决定选用一个整体对称的设计：其中“W”和“M”构成一个镜像。之后我就把设计图稿转移到点状网格纸上。因为设计中有四个元素完全相同，我只要集中在其中一个元素上就可以了。余下的就是利用电脑软件进行复制及图案旋转。色彩选用色彩选用前面敲定了四个设计元素，接下来我就尝试了一些色彩。下图展示的就是我试验过的色彩组合。最后我决定选用如下的色彩组合方案，利用这些具有活力的色彩营造出一种形象，但避免使用过于妖艳的色彩，以免对受众的眼睛造成伤害。最终色彩运用和创意成型展示最终色彩运用和创意成型展示对于这个设计，我尝试过许多个色彩组合。当设计用到大量的色彩时，只有每种方案都尝试，才能找出最适合的一种组合方案。下图是客户最终选择的定稿方案。作品交付及信息反馈作品交付及信息反馈客户一开始对我的这个创意很中意，但用了几个月后，就不用了，经过公司内部讨论后，他们决定采用其它设计师的新方案用以推进他们的业务。新方案图如下。