网站logo 设计 技巧

设计网站logo时，在图形和文字中间找到相同或相似的地方，使用轮廓将两者结合，共用轮廓，形成相互依存相互制约，突显视觉效果。下面介绍网站logo设计技巧，希望可以帮助到大家。

(资料图片仅供参考)

(1)点构成

不同的点带给人们不同的视觉感受，圆点饱满、充实;方点稳重;三角形的点尖锐;自然形态的点质朴、灵动。

(2)线构成

线是点的集合、不同的线具有不同的性质，直线刚强、僵硬，斜线具有方向感和运动感，曲线柔美。

(3)面构成

相对点和线而言，具有宽度和长度，规则的几何形具有冷峻、严肃的特征，圆形具有典雅、灵动的特征，有机的自然形态具有自然、质朴的特征。

(4)立体化

立体化是将平面图形通过处理，在视觉上具有立体感，以增加信息量、增强视觉感受。

(5)像素化

很多元素组合在一起构成一个更大的主体，通过颜色的变化来体现和装饰。

(6)共线

在图形和文字中间找到相同或相似的地方，使用轮廓将两者结合，共用轮廓，形成相互依存相互制约，突显视觉效果。

(7)共形

找到两个图形之间相同、相似或相互依存的部分，创造出一个两形共存的组织结构，形成奇特的视觉感受。

(8)透叠

透叠标志是两个或两个以上的图形相互穿透，形成新的、现实当中不存在的图形。透叠突破了物形三维立体限制，照成一种幻觉，在视觉上有极强的吸引力。

(9)遮叠

就是一个物体遮叠另一个物体，遮叠的部分相互渗透就形成了另外一个新的图形，而这样的效果也会给人一种超强的视觉效果。

(10)省略

去掉图形中相同或重复的部分，突出最具个性的部分，形成视觉焦点。

(11)反转

反转图形标志的物形与背景，由于位置、方向、大小及构形方法的不同，产生一种时而物形，时而背景的视觉形象，产生了耐人寻味的视觉效果。

(12)旋转

旋转标志是用相似的单元旋转而产生的图形。

(13)视幻

利用视点的转换和交替，在二维平面上表现出三维的立体感。

(14)变异

改变物体的形状，在视觉上将物体的转化与结合达到新的综合。

(15)律动

使图形象波纹一样进行有规律的重复，产生一种律动，增强视觉冲击力。

(16)断置

把某一个物体进行分离错位等，分隔组成既有原本的形态，又形成新的图形的物体，形成新的视觉感受。

(17)手绘

手绘标志生动自然，富有灵活性和人情味，手绘的方法不同带给人们不同的视觉感受。

网站logo的常用技巧

1 反白

所谓反白，简单的讲就是将黑白颠倒.没有什么特别的含义，制作时，最简单的就是将黑的部分变成白的，白的部分变成黑的。如果设计时采用了渐变效果，那么渐变部分也要相反。但是笔者认为，基于这一理论，我们可以运用色彩互补的原理进行其他色彩的logo设计。

2 局部调节

所谓局部调节，就是指在设计中通过修改文字笔画的局部、图形边框的局部来作为整个logo设计的点睛之笔或作为整个logo的视觉焦点中心。这种方法可以使网站logo的个性更加鲜明、突出。对于浏览者而言记忆将更加简单。如图7-8所示，设计师巧妙的将文字或字母笔画的局部进行的线条画化(左图)和图形化(右图)使得logo的整体效果可识别性、企业的产品特征得到明显的优化。

3 连笔

所谓连笔，就是指设计师在设计logo的过程中从设计美观的角度，从增强logo的整体性角度出发，巧妙的运用设计技巧将文字、字母、数字、线条等元素的局部进行相互连接，从而使logo的整体感、视觉美感更加强烈。如图7-9所示，通过巧妙的笔画相连，使得logo的整体美观度的到了极大的改善。当然也要注意色彩的合理搭配。

4 情趣

所谓情趣设计法，就是指在logo设计中设计师可以为logo中的数字、图形、文字、字母等元素的局部笔画增加一些有特定内涵的、有趣的图形、人物、枝叶、动物等，使得logo更加具有情趣。对于情趣设计法，笔者觉得使用得当可以瞬间使得logo的亲和力、可识别性得到极大的提升。如图所示一只小鸟的增加，使得logo所表达的产品的特征及亲和力的到明显的改善。但也要注意，并不是所用的设计都可以采用情趣设计法，初学者一定要从客户设计的实际需求出发合理的运用设计技巧。

5 拉近距离

拉近距离，就是指在设计时，通过将松散的字符的笔画变得紧凑，从而产生良好的视觉美感。如果再次拉近字符的距离，就会形成环环相扣的视觉效果，而这种效果自然而然的就会令人联想到手拉手的团结并进、齐心协力等深刻内涵。如果为了营造突出的视觉中心，我们也可以在字符的交叉处通过设置和填充指定的色彩来增加logo的表现力。切记，这里我们所说的距离仅仅是相对距离，例如，我们也可以将某个字符通过切割产生距离，然后再次重新调整其相互之间的距离。

6 壮男淑女

所谓壮男淑女，其实只是一种形象的说法，主要是指在设计中，通过运用不同的设计手法，将设计元素的局部笔画加粗、变长或变细，进而产生一种视觉上的显示变形，以此来迅速获得浏览者对logo的记忆。

7 用i点睛

这种设计方法具有一定的局限性，也就是说在设计中通过巧妙的改变字母i上方的点元素来获得别样的视觉效果。可别小看这一“点”，这一“点”恰恰是整个logo设计中的点睛之笔。尽管这种方法有其局限性，但是我们可以以之为基础进行拓展，比如“j”、“福”、“康”、“文”温度标示“CO”等包含点的特殊字符、文字或字母，我们都可以运用这种方法进行设计。

8 笔画截肢

所谓笔画截肢，也就是说在设计logo时，在不违背文字的可识别性原则的前提下，巧妙的将文字的某些笔画进行去除，从而获得不一样的视觉效果。这种方法运用得当，可以使得logo的精致性及设计的细节性方面得到明显的改善，有助于创建个性鲜明的传播效果。

9 飘逸

所谓飘逸，主要是指用若条流线型线条放置在组成logo的元素的周围或者穿越logo的部分区域，从而营造一种流动飘逸的视觉效果。这种设计方法实际是在设计中借用了曲线的特征，巧妙的将曲线融入logo设计之中。

10 巧用字母(数字)

在互联网世界中，如果能够巧妙的使用数字或字母作为网站的名称，那么网站的传播速度及传播形式将十分便捷。例如常见的“1号店”、“1加1”、“51job”等网站。当然作为设计师我们可以巧妙的利用这些常用数字进行logo设计。例如，将数字进行飘逸化设计、情趣化设计等。更重要的是字母和数字之间包含一定的变形关系。主要表现如下2种关联形式：

字母之间的关联

将字母C顺时针旋转90度即可得到字母U，适当变形即可得到字母V，如果继续将字母V进行镜像并复制则得到字母W，若将字母W垂直翻转则即可得到字母M。

数字之间的关联

数字0垂直镜像并复制即可得到数字8，若将数字8适当的“截肢”即可得到数字6，如果将数字6再次进行翻转即可得到数字9。

与大家分享了这些数字和字母之间的联系，就是希望大家在借用字母和数字设计logo时拓宽设计思路，设计出更为优秀的作品。

11 巧用涟漪

所谓涟漪，网络中有很多的讲解就是指在设计logo时巧妙的运用线条营造出一种具有涟漪效果的视觉表现。当然这种方法既简单又实用。但是笔者认为，我们还可以将涟漪效果展现的位置进行更改。当然也可以直接运用曲线设计出涟漪效果，同时搭配以适当的颜色，这种设计手法也不失为一种更为直观的设计方法。

12 七上八下

所谓七上八下就是指在设计logo中将组成logo的上下部分进行垂直方向上的镜像排列或错位排列。这种设计手法主要通过改变设计元素的位置和陈列形式来营造一种别样的视觉效果。

13 巧用镜像

这种这几方法，大家再熟悉不过了，其最大的优点就是可以快速的提高设计效果，也就是说我们可以仅仅设计和制作logo的一半，而另一半则可以通过镜像来实现。注意，镜像可分为水平镜像和垂直镜像2种形式。我们在实际设计工作中可灵活选择。如图7-19所示，是设计师使用了水平镜像所设计的成功作品。

14 “O”的巧用

“O”的巧用，实际和“i”的巧用有异曲同工之妙，但是本节我们主要从“O”的局部变形、局部错位、线条虚化处理、轮廓重复及缩放的角度来重新定义“巧用”的技巧表现。笔者认为我们可以从以下3方面来理解“O”的巧用，下面，我们来一起分享：

1、我们可以将“O”与数字“0”进行同位替换，也就是说当我们的设计作品中出现此种情形时，可相互借用设计的技巧。

2、我们可以将局部变形、局部错位、线条虚化处理、轮廓重复及缩放、色彩变化等设计方法进行交叉运用，这样可以有效的拓宽我们的设计思路。

3、要注意整体和局部的关系，也就是说要分清楚“O”与数字“0”相对与logo的整体而言仅仅是一个个体和局部，但是我们可以通过强化这个个体和局部，来为整个logo的视觉效果创建点睛之笔。

15 框的巧用

在传统设计上，框的巧用只要是指我们在设计logo时，可通过为logo添加全部或局部的边框效果，从而创建一种不一样的视觉效果。

极简LOGO设计的技巧

1、使用黑白色调

极简LOGO设计的精髓之一就是使用黑白色调。黑白这种色调搭配返璞归真，是LOGO设计最合适的起点，当LOGO的形体设计足够好之后，再考虑使用更合理的配色。如果LOGO在简单的黑白配色下都没法看的话，恐怕它即使换了色彩也不够极简。

黑白配色下进行LOGO设计会让整体的框架和形体更加突出，做好这个部分之后，再着色，加入渐变或者纹理，这样可以使得LOGO所传达的概念更加扎实而完整。

2、试试蜿蜒的曲线

越来越多的设计师开始尝试异想天开的设计元素，天马行空的想法如果能够化作蜿蜒的曲线来构建一个独特的LOGO，未尝不是一个不错的选择。

就像签名一样，无论是弯曲的字迹，还是汇聚的曲线，都可以成为一个人、一个品牌标志性的符号。如果品牌完整的名称过长，一个定制过的曲线LOGO结合特定的字母或者单词则可以作为品牌的独特标识，辅助用户记忆。无论是螺旋形的结构还是自由恣肆的线条，都能够发挥作用，重要的是你的思路和想法。

这种设计方法最大的优势在于，你可以将你的手绘作品，或者其他的数字化设计融入其中。手绘或者插画式的设计，会赋予LOGO更加艺术化的气息，同照片、图片或者纹理、背景之类的元素结合起来的时候，效果尤其明显。这也使得这种设计手法成为了许多品牌的选择。

3、创造文本LOGO

如果你的产品或者品牌本身除了名称之外，没有其他的内涵和外延，那么你不妨专注于名称本身，创造一个风格独特的文本LOGO。

中文字体有着丰富的样式，而几何风格浓厚的英文字体风格则更加多样。时尚的，复古的，怪异扭曲或者特立独行的，英文字体的个性和选择的范围相当的广泛，但凡是你愿意在这个上面投入时间，都能找到风格、个性符合你的需求的款式。当你找到一个风味独特的字体，加入恰如其分的设计和调整，它会拥有更为持久的生命力和价值。

这样的LOGO设计大多不用在意来来去去的趋势，作为品牌，应用或者产品的LOGO也拥有广泛的适用性。

4、复古一点

值得一提的是，极简设计风的元素并非是新东西，它实际上早就已经出现，从某种意义上来说它本身就是复古元素的一部分，如果在进行LOGO设计的时候，加入一些复古的元素你会发现，复古和极简有着某种意义上天然的契合。

复古极简风更技巧倾向于使用简单的字体和干净的线条，诸如圆形的结构和围绕在边缘的文字。纤细的线条和笔触是这类LOGO设计最常见的特色。

如果再加上略显复古的配色方案，比如充满80年代风情的总社或者大胆而跳脱的霓虹配色，整个设计的质感就越发的明显了。而复古极简风的优势在于，概念可以由着你挑选，你可以从不同的年代的设计中汲取营养，如果你手艺好，运用一百多年前的设计风格也不无不可!

5、专注于几何图形

几何图形有着先天的辨识度。设计LOGO的时候，可以从最基本的圆形、三角形和矩形开始做，挑选一个或者几个图形作为基础。

几何图形不仅仅是构造LOGO的基础，而且是传递信息、沟通用户的重要手段：

·圆形/环形：环形是典型的无始无终，它本身蕴含着运动的含义。环形和圆形常常和女性相关联，带有爱、能量、力量的含义，同时它也常常被赋予无限和和谐的意义。

·方形：它是最常见的形状，也常常给人以平等和规则的含义。它是稳定和信任的代名词，不过与此同时，它也因为普遍的存在，也会被视作为无聊和平庸的代表。

·三角形：三角形主要含有稳定、功率和能量的含义，不过它同样带有冲突、紧张和不安的情绪特征，不过这通常是三角形尖角朝下时候给人的感受。

·十字：十字架象征着宗教，同时带有健康、希望和平衡的含义。

6、不要过度美化

这可能是截至目前最重要的一个建议。当我们设计极简风的LOGO的时候，千万不要过度美化它。

想要创造简约而富有创意的LOGO的方法有很多，但是当你开始准备“美化”它的时候，这种简约的美感就算是被毁了。在设计过程中，你甚至要采取完全相反的方法：在完成基础的设计之后，要不断的对照草图，不断的试图从中剥离出更多的元素出来，来达到“极简”的目的。

你应该尽量从扁平化的思路来设计，创造出一目了然，简约直观又不附带冗余信息的设计。有位倒是曾经是这样建议我的：“真正简约的设计，应该是一笔在稿纸上能勾勒出来的设计。如果你在设计过程中能做到笔不离纸面，这样的设计应该就是真正的简约了。”

虽然它的建议并不总是可行的，但是这终究是一个好的开端。哪怕只是借用这样的思路来精简设计都是相当有效的。

网站LOGO设计的注意事项

1、网站LOGO的特殊效果

如果要把公司的LOGO上同时应用到自己公司的网站中，除了应该考虑到这个LOGO在屏幕上的显示效果如何能清晰的表现出来。还要考虑到如果这个LOGO应用到公司的日常工作当中的话，如传真、报纸、杂志等纸介质上的单色效果、反白效果、在织物上的纺织效果、在车体上的油漆效果，制作徽章时的金属效果、墙面立体的造型效果等等。

2、网站LOGO的设计规范

设计网站LOGO时，面向应用的各种条件作出相应规范，对指导网站的整体建设有着极现实的意义。具体须规范LOGO的标准色、设计可能被应用的恰当的背景配 色体系、反白、在清晰表现LOGO的前提下制订LOGO最小的显示尺寸，为LOGO制订一些特定条件下的配色，辅助色带等方便在制作BANNER等场合的应用。

另外，应注意文字与图案边缘应清晰，字与图案不宜相交叠。还可考虑标志竖排效果，考虑作为背景时的排列方式等。一个网络LOGO不应只考虑在设计师高分辨屏幕上的显示效果，还要考虑到网站整体发展到一个高度时相应推广活动所要求的效果，使其在应用于各种媒体时，也能 发挥充分的视觉效果，同时应使用能够给予多数观众好感而受欢迎的造型。

3、网站LOGO的设计方式

logo设计网站LOGO的设计中，大量的采用合成文字的设计方式，如YAHOOAMAZON等的文字LOGO和国内几乎所有ISP，这一方面是网页寸屏寸金的制约，要求LOGO的尺寸要尽可能的小;另一方面是由于这些网站建设之初，一般缺乏优秀的形象设计师的参与，决策者多数为技术类人员，对直截了当、简洁明快有种直觉式的追求;而最主要的是网络的特性决定了仅靠对LOGO产生短暂清晰的记忆，通过低成本大量反复浏览，既可产生需要图形保持提升的那部分印象记忆。所以网站LOGO对于合成文字的追求已渐成网络标志的一种事实规范。