
现状
目前淘宝UED部有四大职位:用户研究、视觉设计、交互设计和前端开发。还有一个和UED独立的产品经理PD部。
一个典型的简化工作流程是:PD输出PRD(产品需求文档)-> 交互输出prototype(交互原型)-> 视觉输出mockup(视觉模拟图)-> 前端输出demo -> 后台根据demo实现开发。注意:这仅是简化流程,实际上还有用研的参与,流程上也不是简单的瀑布。
在PRD经过prototype, mockup到demo实现,经常需要大量的沟通成本。
设想
我设想的一种分工是:
- 用户研究:专业的用户测试调查和数据分析能力。
- 视觉设计:专业的视觉设计能力。
- 前端交互:a. 专业的交互设计能力;b. 基本的前端开发技能。
- 前端架构:a. 专业的前端开发技能;b. 基本的交互设计能力;c. 基本的后台编程经验。
最大的不同就是前端交互师的出现。这要求交互懂前端,同时前端也要懂交互,最后融合在一起,成为一个职位。

今天安装了DW CS5,其实装它的目的仅仅是因为它支持WordPress代码提示了,这样对于我学习WordPress并熟练的运用它提供了一些便利,修改一些板块也相对容易了些。
本人系统是win7,装了IIS+.net 3.5+Microsoft SQL Server 2005环境,还有php+Mysql环境,再加上众多的浏览器,开个PS,DW(这两个一般必开)还勉强可以接受,感觉CS5消耗的内存和CS4差不多,但是除非是专门为了修改WordPress,平时应该还是会用CS4,毕竟熟悉了。
来说说试用的感受吧(网上整理+自己总结)

感觉蓝色理想的运行代码功能非常实用,所以也找了一个运行代码的插件,插件只支持到2.82Beta,可能会出一些问题,暂且用着先
经过考评决定把这个插件干掉了 2010/7/2
Hello World!
/*我只有两天,我从没有把握,一天用来路过,另一天还是路过*/

最近一直在研究JavaScript,jQuery这个用户众多文档众多的框架自然成了我研究的对象,已经感悟了jQuery的强大,很巧又让我发现了一个DW的jQuery插件,很是高兴,特共享之。
我装的是DW CS4的绿色版,扩展管理器默认是给阉割了的,所以不能用扩展管理器安装,不过还是把这个包给放出来,万一以后换安装版了也能用用jQuery插件安装版(用扩展管理器安装即可)
DW绿色版也不是不能用的,又找了大半天终于让我找到了,相信还是用绿色版的人多一些jQuery插件绿色版
安装方法,需要手动拷贝到相应目录:
win7之前系统:
C:\Documents and Settings\Default User\Application Data\Adobe\Dreamweaver CS4\zh_CN\Configuration
或者
C:\Documents and Settings\All Users\Application Data\Adobe\Dreamweaver CS4\zh_CN\Configuration
win7系统:
C:\Users\yue\AppData\Roaming\Adobe\Dreamweaver CS4\zh_CN\Configuration
找到shared和codehints文件,加入压缩文件里面的文件即可。
重新打开dw,你会发现有代码提示功能了
文中打包文件从不同地方找来,具体地址忘复制了,如有侵权请作者联系我。
正在下载DW CS5,可是公司还是DW CS4,或许在家就要换别的jQuery编辑器了。
/*一息尚存,不落征帆*/

1、最常见的IE6双边距,一但元素出现float,且此元素给予了同方向margin,那么在IE6下会出现双边距BUG。
解决方法,给元素定义 display:inline;
2、IE6下为什么图片下方有空隙产生。
解决这个BUG的方法也有很多,可以是改变html的排版,或者定义img 为display:block
或者定义vertical-align属性值为vertical-align:top | bottom |middle |text-bottom
还可以设置父容器的字体大小为零,font-size:0
3、如何垂直居中文本
给容器设置一个与其高度相同的行高就可以了

Hello jQuery
实例下载光看是肯定不够的,多加练习才是真理。
在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了:
$(document).ready(function() {
// do stuff when DOM is ready
});放一个简单的alert事件在需要等DOM完成载入,所以我们把任务稍稍变复杂一点:在点击任何一个链接时显示一个alert.
$(document).ready(function() {
$(“a”).click(function() {
alert(“Hello world!”);
});
});这样在你点击页面的一个链接时都会触发这个”Hello world”的提示。
(译者Keel注:请照此代码修改custom.js并保存,然后用浏览器打开starterkit.html观察效果。)
让我们看一下这些修改是什么含义。$(“a”) 是一个jQuery选择器(selector),在这里,它选择所有的a标签(译者Keel注:即),$号是 jQuery “类”(jQuery “class”)的一个别称,因此$()构造了一个新的jQuery 对象(jQuery object)。函数 click() 是这个jQuery对象的一个方法,它绑定了一个单击事件到所有选中的标签(这里是所有的a标签),并在事件触发时执行了它所提供的alert方法.

很多人都说CSS是如何如何的强大,这一点是还是不能动摇的,但是很多时候我们却忽略了最基本的框架,XHTML,一个好的框架所带来的却不仅仅是少写几行CSS代码,而是为向后兼容也做好了一定的准备。
结构 表现 行为,现在只要一讨论标准,表现和行为基本上占据了90%以上的话题,难道结构不重要吗?在我看来结构甚至比后两者还要重要。建屋需要打地基,现在的知识也是从前一点一点累计起来的,可见基础是多么重要。同样是一个页面,不同的人写出来的代码肯定不一样,就算是你们看的是同一本书,同一部视频,要想写出来一模一样的代码概率也是很低的。但是你却可以写出同样的框架,不同的布局方式可以根据同样的一个框架,禅意花园深刻的阐述了结构的力量,这就是我想强调的标签语义化,要理解每一个标签的真正含义,尽量的避免过多的DIV嵌套,当然在控制方便的前提下可以用适当的DIV控制整体效果,但是过多的使用DIV绝对不是一个好习惯。
比如一个可以用dl dt dd 完成的效果,你却用了至少三个DIV,这样你必须为每个DIV都设置一个class,失去了标签语义化你的CSS就不是那么精炼有力了。
还有就是blockquote ,能实现一个比较好的引用效果,如果你用DIV来实现的话相比肯定比较麻烦了些。
所以如果你还在觉得结构不重要的话,希望你可以再考虑考虑,你也可以试着去尝试一下减少一些不必要的DIV,换成一些语义化的标签,再用CSS控制你的网页, 看吧,你会发现你后期的工作会轻松了很多,而且还省去了挠头去想class的名字的时间,并且这样做相比较一堆的DIV对搜索引擎还是比较友好的,当然这只是个人看法,你觉得对我就多了一个朋友,你觉得不对,那么我就多了一个老师,何乐而不为呢?
/*每一天走在这纷乱的世界,我才感觉现在想要的是简单*/

用JS显示文字的例子:
<html>
<body>
<script type=”text/javascript”>
document.write(“Hello World!”)
</script>
</body>
</html>
用HTML标签来格式化文本的例子:
<html>
<body>
<script type=”text/javascript”>
document.write(“<h1>Hello World!</h1>”)
</script>
</body>
</html>

有时候我就在想,我现在这个行业是不是一个小杯具呢?
前端,很多人都不知道的行业,说白了就是做网站的。然而同样是做网站的很多公司却不敢要,因为你一不怎么会设计二不怎么会程序跟闲人一样怎么会多养你这样一个人呢。初中的政治书上讲过,生产力越高,社会分工越明确。虽然我对那种狗屁政治没什么兴趣,但是这句话我觉得还是挺有道理的。可是真正有着可以坦然接受前端这个职业生产力的公司却不是那么多,这就是一个杯具的开始。
从一开始接触前端就是从网站开始的,从简单的鼠标拖表格到尝试使用div,虽然这些东西在外人看来并没有什么,但真正应用起来还是需要一定的经验和技巧的。当然这些跟那些程序员比就是小菜一碟了,毕竟他们的工资还是远远高于前端的,所以杯具开始了。即使我们很有能力和经验,薪水也不一定能达到中上层程序员的程度,虽然他们是比我们忙碌了些,可是即使我不想闲着薪水还是涨不了多少,有很多时候都在想走这条路是不是正确的呢,虽然我很喜欢这一行,可是我要结婚要买房,要养自己的老婆,这个行业暂时满足不了我的生活,我不能像程序员那样可以没事去接个私活跟客户谈需求,因为我即出不了那种专业的效果图,也无法自己写出满足客户需求的代码,更严重的一点是很多人都看不懂那些页面背后隐藏的代码还是有一定的价值的。这真是一个两难的职业,我想去坚持下去,可是现实不是太允许,一直在学习,可是一看到那些逻辑性很强的程序就头疼,虽然CMS用起来很方便,可是不二次开发的CMS正常情况下使用起来更不方便;设计还好一点,毕竟从分析设计图到写框架这个过程也接受了不少美感的熏陶,再加上看了一些国外的网站脑子里大概也有了一些框架,简单的修改设计一下还是难不倒我的,但是这远远满足不了客户和公司的需求;找到一个生产力高的公司算是运气好,找不到只能蜗居在中小型公司工作,拿着一份不甘的薪水从事着一份桥梁的职业,毕竟生产力高的公司职位就那么多,找到的人不愿意走,想进的人也不好进,这又是一个杯具。
不得不承认有很多人在这一行做的很出色,看他们的帖子一步一步成长起来,他们带领着我们这些新人成长,让我们看到前端的希望,国外有不少专门的做P2H的公司,不得不承认老外们的生产力,正是这种生产力促使这种PSD TO HTML的公司破茧而出,回头看看国内,业内人事除了无语还是无语。如果你一直在这一行潜心修炼,然后又进了一个好的公司,那么我祝福你,因为还是有很多人干着设计和前端这种战神金刚合体的工作,而且拿着不是太高的工资,希望他们可以坚持下去,然后间接的推动网络的发展。即使是个小杯具,我也会一直从事下去,因为我确实是喜欢这一行,当然活到老学到老的精神是不能消退的,毕竟还有那么多的知识不了解,关于程序,关于设计,更关于生活。
/*路不好走,你却依旧*/

现在的空间虽然不是太大,但是用来测试和学习还是挺不错的。刚下了一个phpcms和discuz,先在本地装了一下,然后上传到空间里也装了一下,一切还算顺利。phpcms的地址是cms, discuz的地址是bbs,有兴趣的同学可以去看一下,当然我暂时是没有那么多的精力去弄这些东西的,所以它们最初的状态还是会保持一段时间,而且以后肯定要换域名,转移起来可能不是太方便,仅供学习了。
学习是一件多么幸福的事啊。
/*夜晚被孤单一口一口的吃掉,如同当时你唱的那句“我们就这样,各自奔天涯”*/
Page 11 of 12« 巷子头«...5...89101112»