2007，是当家做猪的一年···因为猪肉的价格创了新高。在猪年里，你或许猪联璧合，或许有遗猪之憾。无论你的理想是站在猪穆朗玛峰的顶点向天长啸“我是猪”，还是你想在茫茫猪海呐喊“我不是猪”！无论你想骑着猪在杭州的上空呼啸而过 还是想做猪中的战斗猪。这一切已经不重要。因为你经历过2007，《四猪全书》说过，有经历的人最幸福。
现在我们即将告别07，迎来新的一年。迎来了我们的小老鼠。虽然鼠开头的词都不是什么好词。最多能用一个“可爱”来形容。不过总有办法做到鼠途同归。因为我们每天都要用到鼠类的工具-鼠标，现在我们做了一回料理鼠王（Ratatouille）为您奉上谈不上丰盛却也可口饱含心意的壁纸小餐供您享用，谨代表口碑UED团队向您恭贺新禧，高兴的事情鼠不胜鼠，使用口碑体验更清新^_^
各位观众朋友，插播刚刚收到的一个广告slogan：开放的口碑UED欢迎您！
新年壁纸独家首发，欢迎下载使用^_^
ued.koubei.com
好的设计不仅仅是创意或者说视觉效果，她应该是全面解决了需求，推动了商业的成功，狭隘些说数据上升了。长篇的理论知识不如一个简单的例子能说明问题，更让人反思问题，我就说一个简单的banner的例子，给大家些启发举一反三，当然具体情况具体对待。
腰花旺旺上说有个资源，我过去了，他说下图有个广告位(黄色部分)，我们需要马上上去，策划内容(见下图)马上发给你，我明白运营的意思了，快速做好，位置小但吸引力要足，最大化引流。
我们最常用的有四种选择方法，
Id规则选取，比如
button#button{}
#urlBar[type=”text”] { }
div > p > span#demo{}
class规则选取，比如
button.toolbarButton { }
.fancyText { }
menuitem > .menu-left[checked=”true”] { }
Tag规则选取，比如
td { }
div > p { }
input[type=”checkbox”] { }
统配选择器，比如
*
：after
[hidden=”true”]
他们都是从最右边开始匹配，直到最左边整个规则结束。
这样就存在一个问题，比如说最右边的规则已经能确定你要选取到元素。
那更多的规则匹配就造成了性能上的浪费。
比如说div > p > span#demo{}
div > p > span根本没有意义。
首先在这里呢,做一个系列开篇的预告,接下来,笔者会通过视觉设计与专题内容架构的一些设计技法的分享,与大家深入讨论创造用户产生黏性的动力,以及常见而有效的表现技法.同时也希望起到一个抛砖引玉的作用,希望得到大家积极的参与!
今天开始我们的第一个话题,通过视觉语言来吸引你的用户.给你的作品创造视觉冲击力,使它在重多作品中脱颖而出,也可以使你的作品在同一界面内得到更多的关注!由此来看,视觉冲击力实在是一种创造反差与夸张的艺术.目的是吸引眼球.通过强烈的冲突,将观览者的情绪带到一定的高潮.或引起悬念,或好奇,或产生知识缺口,这些是为”黏住用户”而做出的第一步.将用户带到你的世界中来.笔者在这里总结了常见的十种表现技法,在这里分享一下,欢迎诸位大侠拍砖.
1.对比与反差
通过同一场景,状态下截然不同的主体的对比,在视觉上制造强烈的反差.形同戏剧表现上现实与虚拟,写实与轻松的切换,在短时间内制造悬念,从而产生了解下去的好奇心.
口碑本地搜索 http://bendi.koubei.com
一项新功能肯定是需要用户“光临”的，我们需要“暴露”她，然面现实用户却“没看到”她，难道是“暴露”的不够？不是，不够“漂亮”？不是，真正原因是“不在舞台”上，下面就用个例子说明：
口碑本地搜索shortcut，第一版上线是这样(见下图)，放在了类目上面位置。
得到了第一个用户反映，第二个反映、第三个……这是个问题。
经过分析，用户是要找“华星科技大厦”，结果已经找到显示在类目的上面，用户视线却是从类目下面的内容主体区开始，真巧的是主体区内容却是显示的“华星科技大厦”的周边信息，用户发现找不到“华星科技大厦”了，用户在提示知道在上面时，说的最多的是“我以为上面是广告呢，我就没注意看”，还是“用户就像每小时以100公里的速度驶过页面”看清楚了表现相像的内容主体区，没看楚“离的老远”的想要的信息。我们改过一次把背景淡黄色改为浅灰色，结果用户的反映是同样没看见，像广告。
问题到底在哪里？很显然是在位置上，我们就把她做这样的调整(见下图)，在内容主体区第一条，因为第一条就是用户想要的。
以前拿到这种页头的时候，会在html里面插入图片，然后把有链接的地方用热区分割加链接，这样的写法不利于seo；
可以看到四个导航按钮的位置比较个性化，我用的方法是这张图作为背景，其他带链接的都绝对定位，在html代码里只看到精简的代码：
