互联网网页设计中的仿生设计的简要介绍
简单而不简陋 发布时间:2012-07-31 15:17:08 作者:佚名
我要评论
网页的设计中有很多借鉴了仿生设计
提到仿生设计,很多人会想到飞机的发明,迪拜的帆船酒店,蛙泳等等。模仿生物的特殊本领,利用生物的结构和功能原理来设计产品机械的设计方式。
仿生学涵盖了仿生物形态、仿生物结构、仿生物功能、仿生物色彩、仿生物意象等等。
而此处的仿生设计是互联网领域模仿现实生活的交互设计。
1、缓冲区、防疲劳

上图为人行天桥,行走在这样的天桥上面或许你并不觉得很累,因为它设置了缓冲区(图中红色圈),它把很长的台阶分割成较短的两段,让行人更易接受,也减缓了心理的压力和恐惧感。登山的台阶也是同样设计,试想下如果取消缓冲区,从山底建个台阶直达山顶,会有几个人登这座山呢,行人只会望而却步。

图1为腾讯客户端迷你新闻界面,图2为去掉留白及虚线后界面。阅读图1的新闻感觉很舒服也很自然,而阅读图2新闻则有些疲劳,视线很难聚焦到其中一条新闻。当用户读完几条信息后会有留白的缓冲区(图中红色区域),有短暂的视觉停顿,以减缓用户的视觉疲劳,从而提升用户体验。也许作为用户的你,并没有注意到这个细节,其实他存在很多网站的目录或列表页面。
2、观看电影开关灯

电影院观看电影时,会关闭所有灯光,给观众营造一种引人入胜的氛围。当电影结束时,灯光便会打开,气氛也变的吵杂,一些人开始讨论这个电影了。

其实在优酷、迅雷看看等在线观赏视频时,为了给用户更好的体验,它们提供了一个“关灯”的功能。关灯后除了视频整个页面变暗,让用户沉浸在电影之中。然而在电影出现结束字幕时,页面并不会自动变亮(也就是开灯),用户此时即会关闭页面而进行其他操作。如果在电影结束时自动开灯,将会给用户更加体贴的体验。开灯后用户可以去评论,查看相关推荐电影等等操作。
3、网购

现实生活中的购物,顾客进入商场推着购物车,挑选着自己需要的商品,然后去收银台结账。然而这只是一部分用户,还有一群人进入商场后,只挑选了一件商品然后就去了收银台付款,而没有使用购物车,这样的人也不算少数。

在淘宝商城,用户挑选喜欢的产品后,可以立即购买,也可以将其放入购物车,然后再挑选其他商品。这种设计完全符合了现实生活中的购物模式,同时也满足了用户的多种需求。其中腾讯的QQ商城也是这种设计;Amazon(亚马逊)除了提供加入购物车、还提供了一键购物,让用户网购更便捷。
生活中还有很多行为及活动都被模仿应用于互联网中,并取得了成功。更多的关注生活,也将会从中获得更多的灵感。
仿生学涵盖了仿生物形态、仿生物结构、仿生物功能、仿生物色彩、仿生物意象等等。
而此处的仿生设计是互联网领域模仿现实生活的交互设计。
1、缓冲区、防疲劳


2、观看电影开关灯


3、网购


生活中还有很多行为及活动都被模仿应用于互联网中,并取得了成功。更多的关注生活,也将会从中获得更多的灵感。
相关文章
今天的文章,我们将分享15个可以学习编程的网站,这些网站上提供了很多编程教程,图书以及编程练习,希望对你有用2024-11-02- 这篇文章主要介绍了web开发中的长度单位主要包括px,pt,em等,需要的朋友可以参考下2023-08-06
- px单位是绝对单位,一般用于pc端网页开发,因为是绝对单位所以在移动端上的使用体验并不是很好,rem它是描述相对于当前根元素字体尺寸,是相对单位,它可以根据根元素的变换而2023-08-06
WEB前端优化必备js/css压缩工具YUI-compressor详解与集成用法
压缩工具层次不穷,各有优点,选择适合的压缩工具为将来做项目开发使用是一件很重要的事情!!在这介绍YUI-compressor,需要的朋友可以参考下2023-06-21- 浏览器是多进程的,有浏览器主进程,网络进程,渲染进程,插件进程等,在将html,css,javascript解析成一个页面的时候,就需要多个进程的分工合作2023-05-01
- 本文为大家整理了常用的文件对应的MIME类型,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2022-04-25
postman中form-data、x-www-form-urlencoded、raw、binary的区别介绍
这篇文章介绍了postman中form-data、x-www-form-urlencoded、raw、binary的区别,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2021-12-28- 国际组织制定了可以容纳世界上所有文字和符号的字符编码方案,称为Unicode,是通用字符集Universal Character Set的缩写,用以满足跨语言、跨平台进行文本转换、处理的要求2021-11-27
- 这篇文章主要介绍了前端实现字符串GBK与GB2312的编解码(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2020-12-02
这篇文章主要介绍了告别硬编码让你的前端表格自动计算,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2020-09-27




最新评论