当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页设计理论:按钮的反馈

心得技巧
设计观点:技术是设计能力的重要资本
设计参考:20个干净简洁的蓝色风格网站实例
网页设计师必知:目前上网用户使用浏览器和分辨率
设计理论:Tagging的利与弊
WEBJX收集50个国外的时尚的摄影网站实例
设计理论:手机交互设计初体验
设计实例:Google wave交互设计分析
设计师感受:技术必须掌握而且保持对它的敏感
网页设计师学习网页设计的经验和技巧
网站用户体验设计实例:亚马逊购物用户体验
设计观点 技术是设计能力的重要资本
Javascript 树形菜单 (11个)
整理了12款Javascript 表格控件(DataGrid)
外文翻译:有效LOGO设计的最重要的提示
折叠纸张艺术应用在LOGO设计上的36个实例
20个大师级的简洁版的logo设计实例
设计实例:用字体变化设计的logo实例
设计经验分享:怎样才能设计最成功的标志
33个创意和漂亮的logo设计实例
设计理论:简单实用又吸引人的简洁标志设计

心得技巧 中的 网页设计理论:按钮的反馈


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 87 ::
收藏到网摘: n/a

在我们的生活中,需要接触大量的带有机械按键的物品。当你用手指按下按键的时候。都会或强或弱的感受一股(嗯,也有可能是一丝丝)反作用力传递到你手指的神经末梢。这是一个完整的反馈过程。

我们把从开始按到按下的过程关键帧分解模拟下。


图1

在软件中,M$公司在windows系统的按钮模拟了这种反馈方式,不光增加用户的满足感,也让用户更清楚的感知他的操作过程。


图2

在很多做软件公司在GUI基本规范都要求做多态(三态居多一些)的按钮,硬件厂商也相应推出了一些力反馈游戏设备。而在触摸屏系统方面。也有很多应用,比如专门研究触摸屏和触觉回馈技术的Immersion公司的技术也应用在很多触摸屏手机上面。


图3 Immersion技术展示

我们在生活中评价一个键盘手感不好的时候,通常我们把它称作手感很硬
而在我们互联网产品当中,有些沿用了windows按钮。当然更多的按钮出于视觉美观度考虑就行了美化。是这样滴。基本上属于很“硬“的按钮,按上去不会发生变化。


图4,一些按钮截图

回到图1。我们如果这时候通过按钮的视觉变化告诉他。是的,你按了这个按钮。是不是会更好一些呢。
虽然没有说一定要在网页按钮中一定这样做。但有更加清晰和详细的反馈是一件更好的事情。

延展阅读反作用力 Immersion 公司触摸回馈技术