按交互网页设计教程 第1篇
注:函数参数的长度:length是arguments对象的属性,表示函数被调用时实际传递的参数个数
return 返回值;
var result=函数(参数); 调用时
匿名函数就是没有名字的函数,也称为拉姆达函数,时一种使用JavaScript函数的强大方式。
匿名函数作参数:通常把匿名函数作为函数的参数传递,这种情况在jQuery中非常普遍
方式一:
方式二:
全局变量是在函数体外声明的,可以在任何地方包括函数的内部使用。
局部变量是在函数体内声明的,只能在函数体内使用,局部变量随着函数的结束而消失。
如果全局变量和局部变量出现重名的情况,局部变量优先,即无论局部变量的值怎么改变,全局变量的值不会受到影响
将字符串转换为整数
例:150cast——150
cast——NaN
6——6
——6
返回的是一个浮点数
例:——NaN
6——6
.6——
判断参数是不是数字。如果不是数字,返回true,否则返回false
例:1234——false
wh——true
按交互网页设计教程 第2篇
JavaScript诞生于1995年,主要是进行用户输入的合法性验证
Web脚本语言 轻型的、解释性的 浏览器内
当客户端向服务器请求某个页面时,服务器端将整个页面包含JavaScript的脚本代码作为响应内容,发送到客户端的机器,客户端浏览器根据收到的网页内容从上往下逐行读取并解释其中的HTML或脚本代码
从服务器端下载到客户端,在客户端执行,不占用服务器端的CPU等资源,分担了服务器的任务,间接提升了Web服务器的性能
在网页的
do{
语句或语句块
}while(条件表达式);
for(初始化表达式;循环条件表达式;循环后的操作表达式){
语句或语句块
break退出循环结构
continue结束本次循环,进入下次循环
按交互网页设计教程 第3篇
“用户访谈、用户观察、问卷”这些用户调研方法可以去看《设计调查》这本书。“用户画像”相关的知识可以直接去知乎或公众号上搜索“用户画像”。“用户”相关的知识是很大的一个领域,比较大的公司中都会配备单独的“用户研究员”。
所以作为刚入门的设计师,可以相对简单了解一下这些知识就可以,深入的专研可以等到比较入门后再进行。但平时可以注意多去观察身边的人怎么使用产品,建立一些基础认知。
目标同样会影响设计,比如大家都知道,同样是聊天APP的“微信”和“钉钉”在设计上差异很大,微信打扰性很小/功能精简,钉钉打扰性很大/功能复杂。这是因为用户使用微信的目标是“生活中的轻松沟通”,而使用钉钉的目标是“工作中的高效沟通”。
在交互设计的体系中,目标可以细分为“用户目标”、“业务目标”,因为设计师不仅仅要为用户服务,也要为公司业务服务。如果用户很爽但公司完全不赚钱那肯定不是长久之计。“用户目标”可以再度细分为“人生目标”、“最终目标”、“体验目标”,这3个细分目标的具体定义可以参考《交互设计精髓》第一大部分。如果想要初步了解下这3个目标可以参考下图的例子。
场景可以简单理解为“用户当时所处的情况”,如果交互设计师只能学习一个概念,那么一定是“场景”。
场景有什么用呢?
场景是设计师去理解用户需求最重要的一个工具。因为用户的需求是很难感同身受的,如果都不能感同身受那么如何为用户做设计呢?于是就有了场景。设计师可以把自己代入到“场景”中,去感同身受用户的想法,从而得到用户需求(细粒度的需求)。
一般而言,我们都会将“场景”和“用户”、“目标”整合到一起描述,也就是常说的“用户场景”。用户场景的通用结构是:谁?在什么情况下?想要什么?做了什么?结果如何?他的想法如何?
下图中举了一个用户看新闻的例子,可以帮助理解什么是用户场景。
知道场景后真的对设计有帮助吗?答案是肯定的。当设计师将自己代入到场景中,思考每一个场景,过程中便能产出大量的想法,设计的创新/细节就都出来了,且最终的结果往往也是相对符合用户真实需求的。
为了更易理解,我将“场景”应用到了上面提到的银行APP的例子中,描述了一下用户场景并提出了一些idea,如下图所示。你也可以把自己代入到这个场景中,看是否能体会到“场景”这个工具的奥妙。
掌握了“设计内核”(用户、目标、场景)后,就可以算得上一个初级的交互设计师了,做一些基本的交互设计没什么问题,甚至说可以上岗了。
在掌握了上面步骤1、2中的基础知识后,我们便要开始攻克专业能力,成为真正专业的交互设计师了。专业能力主要指的是:用户研究、竞品研究、设计理论、设计方法、用户测试、数据分析。
注意这里我所说的专业能力都是在实际工作中常用的,而不是全量的专业能力。下图中我将这些专业能力按照产品的研发流程做一下归类(红色是优先学习的,橙色是建议学习的,灰色是选择学习的):
这些专业能力的学习相对复杂,且不是“入门阶段”所应该优先接触的,所以笔者只介绍一些学习方法,不做具体的解释分析。