-
幕布滑动下降效果 可用于网站公告
所属栏目:[交互] 日期:2018-08-27 热度:81
经常看电影吧?那你肯定见过电影的幕布降落,不过我们很难去做这样的事情,本文讲的就是利用 jQuery 实现的一个类似幕布下降的效果,缓冲滑动效果,烈火网友情提示:本特效您可以用于网站的顶部公告栏。但是前提需要加载JQuery.js。 !DOCTYPE html PUBLIC[详细]
-
js实现更多内容的收缩与展开效果
所属栏目:[交互] 日期:2018-08-20 热度:130
Java SCript完成的一段文字收缩与展开的特效代码,在电影网站里,经常会看到电影简介,但是为了页面整体美观的情况下,会隐藏一部分文字以使网页整齐美观,当你想详细看的时候点击更多会展开所有的文字,本代码就是实现了这样一种功能,点击运行查看效果吧[详细]
-
网页底部浮动条代码 兼容IE、火狐浏览器
所属栏目:[交互] 日期:2018-08-20 热度:100
一款网页底部的浮动条效果,跟随滚动条。在IE与 火狐浏览器 下测试通过,这是烈火在UED TEAM博客发现的,特别分享出来给大家,希望对大家有所帮助。 原理:在标准浏览器下用position: fixed的方式就可以了。IE6下面用overlay.className = overlay.classNam[详细]
-
jQuery收缩与展开代码 没有经过美化的效果
所属栏目:[交互] 日期:2018-08-20 热度:126
jQuery 伸缩与展开效果,个人认为挺简化而且效果很好。以前有个朋友问我收缩与展开的问题,当初朋友的一个网页,打开后某部分是闭合的,点击后才展开,后来过来问我如何让它一打开就展开,当时偶水平也很菜,没能搞出来。呜呜!!遇到类似问题的朋友,不妨[详细]
-
VML绘制正弦和余弦曲线效果
所属栏目:[交互] 日期:2018-08-20 热度:155
用VML在网页上画正弦和余弦曲线,这里使用polyLine和arrow两个函数分别画折线和箭头,两个基本的元素绘画完成,整条曲线也就很容易的就出现了。 关于VML的百科介绍:http://baike.liehuo.net/doc-view-8894.html 文章回顾: 利用VML在网页上绘制一幅逼真的[详细]
-
JavaScript 同时调用网页中的多个函数效果
所属栏目:[交互] 日期:2018-08-20 热度:173
Java Script 同时调用同一网页内的多个函数,点击按钮后执行多次函数,比如连续弹出多次窗口。 htmlheadtitle同时调用多个函数/titlescript language=javascript!--function fun1(){alert(这是fun1);}function fun2(){alert(这是fun2);}//--/script/headbo[详细]
-
js实现点击网页空白处跳转网址效果
所属栏目:[交互] 日期:2018-08-20 热度:87
最近一段时间,谷歌可谓是折腾了又折腾,就拿昨天的跳转事件来说吧,可把媒体忙活的不清,先是执行了跳转,然后又爆出不再跳转,申请牌照,尔后的时间又出现了奇迹:传谷歌中国获得ICP牌照续期,Google.CN重新回到中国,不再跳转香港了,烈火也忙了半天,[详细]
-
判断是否IE6,如果是则提示升级浏览器
所属栏目:[交互] 日期:2018-08-20 热度:188
一个与浏览器有关的脚本 ,也是大家从事WEb前端编程常见的编程技巧,就是判断浏览器的版本,如果发现版本不符合你的设计要求,就给出提示升级浏览器,这样你的网页会更有体验。 回顾: 以前的教程,烈火曾经提到判断IE6的方法,例如: javascript 判断ie与[详细]
-
js 也能画画,简单代码实现城市风景
所属栏目:[交互] 日期:2018-08-20 热度:160
用js代码作画,你想过没有?我们知道js编写游戏,在以前的文章中,有网页版泡泡龙、Bubble Breaker、JS网页版连连看、Google吃豆子、星际争霸等,今天烈火给大家介绍的是JS的简单代码实现的风景。 看看下面的效果,你就知道了,这可不是一幅画,这是特殊字[详细]
-
可拖拽的自定义模块效果,基于JavaScript编写
所属栏目:[交互] 日期:2018-08-20 热度:57
本文介绍的是使用 Java Script精仿iGoogle自定义首页模块拖拽效果,这是烈火发表的第一篇关于模块可拖拽的网页特效,一直以来这种效果都非常流行,尤其作为网址导航或个性首页都在使用这个效果,现在在使用的最著名就是iGoolge主页,还正在采用这种模式,[详细]
-
利用VML在网页上绘制一幅逼真的梅花图
所属栏目:[交互] 日期:2018-08-20 热度:176
今天烈火给大家介绍的是一个特殊的网页特效,在本特效中要用到VML,在文中,作者使用VML在网页上绘制了一幅梅花图,尤其对于VML爱好者来说,可不能错过机会哟。 关于VML VML是The Vector Markup Language(矢量可标记语言)的缩写。VML用于将图形数据矢量化[详细]
-
案例解析|如何设计一个专业的产品着陆页?
所属栏目:[交互] 日期:2018-02-21 热度:83
对于许多品牌和网站而言,着陆页在营销上有着至关重要的作用。用户打开着陆页之后,能够通过它瞬间明白这个网站是做什么的,提供什么样的产品,什么样的服务,同时不会被其他的信息所分心。正是因为着陆页的独特地位,它在品牌和内容营销上的作用是难以忽[详细]
-
2018年即将流行的交互设计六大趋势
所属栏目:[交互] 日期:2018-02-21 热度:133
副标题#e# 今天团队的交互伙伴们将带来 2018 年交互设计趋势。选择在农历新年来临之际奉上这道历时一个月烹制的「交互趋势年夜饭」,只愿给力求打造极致用户体验的你以启发和帮助。 设计是围绕人解决问题,因此对 2018 年交互趋势的预测,我们将目光聚焦在[详细]
-
从这7个方面入手,让移动端交互体验更加优秀
所属栏目:[交互] 日期:2018-02-21 热度:114
移动端设计的质量好坏,其实并不难度量。当用户可以流畅轻松地使用,不用耗费精力便可以完成各种任务,这就说明APP或者网站的设计足够优秀。用户对于交互其实是很敏感的,好用不好用,满意不满意,他们会通过简单的操作快速判断出来。 移动端的应用和网页[详细]
-
行为的设计:行为也可以成为品牌的符号
所属栏目:[交互] 日期:2018-02-21 热度:68
注:行为的设计需要设计师对人与产品间的关系有更加深刻的理解,所以这并不是一件轻松的事情,设计师需要为此付出更多的尝试然后承受更多的失败。 为什么会出现下拉刷新,以及,在下拉刷新出现之前为什么没有下拉刷新?这些问题的答案似乎显而易见,却又总[详细]
-
减轻用户记忆负担:识别与回忆在人机交互中的应用
所属栏目:[交互] 日期:2018-02-21 热度:182
副标题#e# 注:为了更好的理解和区分识别和回忆,并找出为什么在UI设计时我们更喜欢“识别”,我们要探究一下人类的记忆是如何工作的。 在交互设计领域,Top10 的提升用户体验的方法之一即是:避免让用户艰难回忆,而是要让他们自然地识别出产品的功能。那[详细]
-
设计实战:以不变应万变,交互规范的制作与思考
所属栏目:[交互] 日期:2018-02-21 热度:155
副标题#e# 作者:网易UEDC 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过,稍微有点规模的咖啡连锁店,一般至少会有 3 位职员,分别负责收银点单,制作咖啡,打扫。他们各司其职,高效配合,以保证快速满足客户的需求。规范操作让其井[详细]
-
谁说淘宝卖货只能促销,还可以这样做!
所属栏目:[交互] 日期:2018-02-03 热度:94
副标题#e# 关键词 :「痛点文案」 作者:林小晴 ,85 后,从业互联网行业十年,做了 5 年的互联网运营总监。 来源:营销航班(ID:YXHB18) 正文 你写PPT时,阿拉斯加的鳕鱼正跃出水面.... 你看报表时,梅里雪山的金丝猴刚好爬上树尖..... 你挤进地铁时,西[详细]
-
实例解析「交互设计七大定律」在设计中的应用(下篇)
所属栏目:[交互] 日期:2018-02-03 热度:105
副标题#e# 注:上篇内容中(详情可查看站长之家前文《实例解析「交互设计七大定律」在设计中的应用(上篇)》)笔者介绍了「交互设计七大定律」的前五个,接下来笔者将剩下两个定律为大家做个实例分析~~ 六、复杂性守恒定律/泰思勒定律(Tesler’s Law ) 1[详细]
-
旅行青蛙、跳一跳,为什么这些游戏可以刷屏?
所属栏目:[交互] 日期:2018-02-03 热度:57
副标题#e# 注:不是你发了 10 次、 100 次内容的机械式无意义的刷屏,而是能够触动用户的情绪,自然而然形成刷屏行为,这才有意义。 这几天,一个日本游戏《旅行青蛙》刷屏了中国人的社交圈,一个人看书、吃饭、睡觉、旅行的青蛙, 就像曾经流行的电子宠物[详细]
-
从网易刷屏课程,谈用户尊重
所属栏目:[交互] 日期:2018-02-03 热度:67
张小龙在 2018 微信公开课上讲到,微信新注册用户收到微信团队发出的一段话,称呼用的是「你」,而不是「您」。在他讲这个之前,我丝毫没有注意到微信有做到这个细节,知道了竟也觉得蛮赞的。 一是我们不需要用一个很尊敬的态度去称呼用户,因为产品提供者[详细]
-
恐怖,你的这些无意识行为被营销利用得如此彻底
所属栏目:[交互] 日期:2018-02-01 热度:113
副标题#e# 作者:Eva 来源:营销航班 上过叫兽课程的人都知道痛点文案算是叫兽课程的精华部分,按照叫兽给出的十一大痛点文案模板,你的文案水平几乎可以大踏步上一个台阶,句句戳中痛点。但是伴随着市面上痛点文案的大肆使用,一股反“扎心”风潮也席卷而[详细]
-
我是如何成功的把一家淘宝店铺给作死
所属栏目:[交互] 日期:2018-02-01 热度:88
推荐 | 张涛 现在这个社会,都在鼓吹如何才能成功,却忽略了成功的不可控因素太多。个人建议不妨看看别人如何失败,起码我们知道了哪条路不对,可以少走一些弯路。 记得以前在微博上有个电商大V组织了一个话题活动:三句话写出自己的简历。我记得有个人这[详细]
-
从一瓶防脱洗发水说起 快消品如何在不同阶段做内容营销?
所属栏目:[交互] 日期:2018-02-01 热度:166
副标题#e# 买买买从来不是一个简单的剁手行为,营销人早就总结出了一套“消费者购买决策模型”,在这个模型中,人们买东西一般会经历这五个阶段: 问题认知、信息搜索、方案评估、购买决策、购后行为。 这是环环相扣的过程,每一步都能影响到最终下单。理论[详细]
-
AR广告弯道超车,成为今年最热门
所属栏目:[交互] 日期:2018-02-01 热度:177
最初简单的文字、图片渲染,到如今的动态视频、AR/VR广告,广告形式正在变得更具渲染力。其中,VR和AR广告能在极短的时间内吸引观众的注意力,卓越的转化效果让传统广告望尘莫及。早在 2016 年,宝马就曾携手美国新生代超模Gigi为宝马M2 拍摄VR广告,广告[详细]