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

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

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

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

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

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

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

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

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