做品牌设计的人，，，，，，，几多都遇到过这种客户：拿着一个“甜”字，，，，，，，让你做一个LOGO，，，，，，，又说要放到网页上好看。。。。。心糖这个品牌名，，，，，，，天然带着一种软糯、清甜的气质，，，，，，，但真正把它落到网页上，，，，，，，好多人的初版规划都差了点意思。。。。。

问题出在哪？？？？？？？？大无数人把心理全花在“怎么画一个好看的糖果图形”上，，，，，，，却忘了LOGO是要在网页里“活”起来的。。。。。它得随着页面呼吸，，，，，，，得共同交互节拍，，，，，，，还得在各类屏幕尺寸下维持那股甜劲儿。。。。。今天就把心糖LOGO网页设计的几个关键点掰开揉碎说一说。。。。。

先说最主题的调性把控。。。。。甜系品牌最容易翻车的处所，，，，，，，是甜到发腻。。。。。粉色堆满、圆角拉满、字体全用卡通体——这种规划十年前还行，，，，，，，放此刻只能让人想到路边五元店的牌号。。。。。心糖要做的是“高级的甜”：鼓和度降低、留白增多、用轻巧的线条包办笨沉的色块。。。。。好比LOGO主体用一个微微倾斜的糖果造型，，，，，，，边缘做一点柔光处置，，，，，，，布景用奶白或浅杏色，，，，，，，甜味就有了，，，，，，，但不会齁。。。。。

配色这块，，，，，，，别死磕粉色。。。。。心糖的“心”自熹实给了很好的切入角度：能够用珊瑚粉做主色，，，，，，，搭配薄荷绿或者香芋紫做辅助色。。。。。但把稳比例，，，，，，，主色占六成，，，，，，，辅助色两成，，，，，，，剩下两成留给无彩色系。。。。。网页上的LOGO区域，，，，，，，不要直接铺满大色块，，，，，，，而是让LOGO浮在通明布景上，，，，，，，利用网页自身的底色来衬陀祝。。。。这样滚动页面时，，，，，，，LOGO会随着内容天然流动，，，，，，，不会像块膏药一样贴在屏幕上。。。。。

字体选择上有个很容易被忽略的细节。。。。。心糖这个名字，，，，，，，笔画自身就带着圆弧感，，，，，，，若是再用尺度圆体，，，，，，，反而失去辨识度。。。。。建议直接定造或手写一套“心糖体”：横笔微微上扬，，，，，，，竖笔带一点表扩弧度，，，，，，，整体沉心略偏高，，，，，，，这样视觉上会更佑装跳跃的甜”。。。。。网页端的LOGO字体，，，，，，，记得要单独导出为WebFont体式，，，，，，，不然加载速度会拖后腿，，，，，，，再好看的字体也白费。。。。。

交互和动效是心糖LOGO网页设计里最能出彩的部门。。。。。这里分享一个口碑很好的幼做法：鼠标悬停时，，，，，，，LOGO里的“糖果”元素会轻轻左右扭捏，，，，，，，同时“心”字的凹槽处闪一下高光。。。。。作为幅度不用大，，，，，，，8度的扭捏角就够了，，，，，，，高光通明度节造在30%以内。。。。。这种微交互不会打断浏览节拍，，，，，，，但会让人不由得多玩两下。。。。。首页加载时，，，，，，，LOGO能够做一个由幼变大的弹性动画，，，，，，，回弹系数调成0.6，，，，，，，那种“啵”一下弹出来的感触，，，，，，，比单纯淡入精彩得多。。。。。

响应式设计这块，，，，，，，心糖这衷飓圆润的LOGO其实占便宜。。。。。幼屏幕上，，，，，，，不必要像复杂图形那样做大量细节简化。。。。。重要把稳两点：一是最幼尺寸节造在24像素，，，，，，，低于这个数，，，，，，，“心”字笔画会黏在一路，，，，，，，必须换成简化疆域标；；；；；二是网页导航栏里的LOGO，，，，，，，建议去掉slogan，，，，，，，只保留图形和“心糖”两个字的连字大局，，，，，，，占比更幼。。。。，，，，，，气质也更统一。。。。。

最后聊一个好多设计师不太提的器材：LOGO在网页里的负空间使用。。。。。心糖的LOGO图形自身能够作为一个视觉符号，，，，，，，反复呈此刻按钮、滚动条、甚至空状态的插画里。。。。。好比404页面里，，，，，，，糖果图形能够躺在地上，，，，，，，配一行字“糖掉了，，，，，，，助你找回来”。。。。。这种幼彩蛋不会鹊巢鸠占，，，，，，，但能让品牌调性渗入到每一个角落。。。。。

做心糖LOGO网页，，，，，，，真正难的不是把它做得可爱，，，，，，，而是让它“刚刚好”。。。。。多一点太腻，，，，，，，少一点太淡。。。。。把握好调性、配色、字体、微交互和响应式这五个维度，，，，，，，甜味就天然出来了。。。。。不信你能够拿自己手头的规划对比看看，，，，，，，多半能在某个环节找到能够再推一步的处所。。。。。?