网站建设中互动按钮起到的大小作用

当建设一个网站完成了核心需求后，我们就可以慢慢准备开始看细节了。

您可以谈论产品几乎每个级别的细节：表面上的内容和表面上的内容。表面上的细节很简单，只要花时间去做，试一试，犯错，改正。看不见的细节，比如产品定位、用户体验等，往往依赖于短期经验、研究、用户反馈的积累，很难清楚地了解在哪里以及如何去创造和纠正。

笔者做过一些平面设计，深切体会到“如果别人拿东西拿东西看细节，那么每个部分的细节都要仔细去寻找”。在印刷海报和传单时，可以轻松复制数十万份，然后被数千人和数万人观看。考虑到这一点，您必须仔细处理屏幕上的每个细节。因此，设计师往往会无缘无故地花一整个下午，只是看着屏幕上的稿件，慢慢调整字体和颜色，每个标题的大小和间距，屏幕上的每个文本和大小Font   and   Spacing   Spacing   和行间距.等

笔者也参与过一些动画创作，深刻体会到“东西要动，细节要考虑更多”：比如动画的十大定律，物体落地时的变形（物体的不同的材料，不同动画风格的表现也会影响变形程度），动画人物在表演时的准备动作……等等，虽然不这样做不会影响整体表现，但缺少她会让观众觉得有点不好吃。

并参与了用户界面的制作。再次，我深刻地理解“如果事物仍然可以与用户交互，那么需要考虑的细节就会成倍增加。”因为我们永远无法预测用户何时会做超出他们预期的事情。

追求细节是一项耗时的工作，但我们必须有追求细节的态度。

按钮交互细节

以网页上最常见的交互元素为例：按钮，网页上的按钮一般包含三种交互效果：Normal、Hover、Active（Pressed）。通常，网页设计人员使用三图像覆盖来实现此效果（使用三个单独的图像或使用CSS   Sprites）。

有一段时间，Flash   SWF   成为流行的互联网最爱。可视化的创作界面让很多创作者觉得不那么反感，成为很多网页设计师必学的软件之一。 Flash   中预设的按钮元素也提供了相同的交互效果：上、上、下（第四次点击是检测区域）。由于Flash   的动画特性，用户可以为每个状态添加动画组件，允许他们为按钮交互添加动态效果。

好了，现在我们可以给按钮添加动态效果了，比如下面的情况： 我们在Over   上放了一个黑色的块动画剪辑。当用户将鼠标移到按钮上时会触发此动画：

交互体验更加生动，但缺少一些东西：因为Over   块检测“鼠标移到块上时”以激活动画效果，以及“鼠标离开块”时。但是没有对应的帧，导致整个动画效果戛然而止。

魔鬼在细节中，想要得到完整的体验，就必须考虑到这个容易被大家忽略的部分，即不仅仅是光标移到按钮上的动画效果，光标离开的效果也是设计考虑的细节之一，理想状态如下图所示：

如果要考虑这种影响，就必须使用程序控制来达到目的（无论是Flash   还是CSS/Javascript   等）。通过编程语言进行控制可以有效地达到预期的效果，让设计者的创意想象力更加广泛，但也存在不能很好地利用图片，导致创意灵活性较低等缺点。以及其他浏览器和平台的支持。问题。

更多细节

“如果某些东西仍然可以与用户交互，那么细节就会成倍增加。”同样的例子，在放慢动画效果之后，我们会遇到另一个问题：“如果用户在动画执行到一半，鼠标离开了别的地方？”以下面的按钮组件为例，动画会突然中断（因为帧被强制跳转到下一帧）。

相反，这样做更安全，因为当用户的“光标离开检测区域，动画性能被强制停止”时，你不会遇到动画编程的问题：想象如果光标退出，动画是仍然很慢执行时，用户快速重复光标移动进出进出这会是另一场灾难吗？考虑到这个问题，如果你使用程序控制，你应该非常小心这部分的细节。

一个小按钮和简单的动画会涉及到如此多的“细节”，因为它涉及到用户交互。虽然寻找细节的时间比较长，但大部分时候，恐怕会一不小心就会想到“这部分不影响产品的功能”、“这不是产品的核心”等等上。但正如**设计师查尔斯埃姆斯所说：“细节本身并不是细节，而是产品的本质。”他经过精心调和和校准的椅子风格至今仍是出色的设计。

更多高端网站建设，网站制作，网页设计，网站优化相关问题，欢迎咨询我们的在线客户或者致电联系！