WEB前端开发

很有意思的几幅和产品设计相关的漫画，分享一下：

来自：http://www.uegeek.com/ue/talk_about_product_design

1.鱼饵就应当符合鱼儿的胃口，而不是钓鱼者

第一次看到这幅漫画就笑了：画的不就是做产品的我们嘛~ 花了不少成本、人力、时间，把自己看起来都颇诱人的鱼饵（x产品x功能）抛到鱼塘（网站）里，满心欢喜地守着盼着等着念着：“鱼儿鱼儿快上钩~”鱼儿们来到网站，先是看到一个庞然大物，一晕；然后满世界找熟悉的功能，未遂，再晕；好不容易找对地儿，发现鱼饵味道变了，三晕……

反省：核心需求的满足，永远是最好的饵料啊~

2.踏着别人的脚步前进，超越就无从谈起

“超越”是一个我们都很迷恋的词。但是它后面藏着很多疑问：为什么要超越？怎样算超越？要在哪些方面超越？现在距离有多少？大家的起跑线、方向、耐力、步长、频率一样吗？怎样超越？投入多少成本去超越？……

好了，如果顺利回答完上面的问题，我们往往发现，“超越”其实只是我们嘴巴迷恋的词，而“跟随”才是我们脑袋和腿脚（不自觉地）迷恋的词。正是因为“有距离”，所以欲望很强烈，心情很急切，脚步很错乱。“跟随”就显得很靠谱：直接跨越摸索、纠结阶段，直接节约思考、打磨的时间，直接规避失败的风险，何乐而不为呢？但是，跟随的结果最多是不过不失，大家都跟随了，整个市场的产品也同质化了。我们表面上做了不少事情，将产品改头换面更新换代，但是，实际上属于自己的东西越来越少，产品的个性越来越不鲜明，用户只好在审美疲劳中放弃选择。

反省：寄望通过别人的分享和经验得到提高，将永远没有自己核心的东西

3.找解决方案要比纠结原因的优先级高

呱呱坠地就流芳百世的产品，恐怕是百年一遇的。绝大多数的产品被设计出来后，都会经历一个生命周期。尤其在生命周期曲线的上升期和下降期，我们尤其会纠结于产品停滞不前、不受欢迎甚至是被千夫所指的阶段。这个时候，如上图，大概会有几种情况：a.在汪洋中没有方向，在一小片区域打转，自我感觉良好；b.大家逐渐发现各种问题，前后不靠岸，于是开始相互推诿和指责  c.大家坐到一起，发现问题有ABCD，解决方案是1234，分工是甲做指南针、乙补洞、丙掌舵、丁划桨……

反省：没有目标，任何风向都是不顺的；不提出问题，也无法寻找到原因；办法总比问题多，关键是想不想，做不做。

4.真正的创新只有在经历过擦肩而过后才能实现

创新是产品设计中不可缺少的元素。但它总是披着“灵光一现”的隐形衣，所以我们总觉得它可遇不可求。但是为什么有人遇到了，有人求之却不得？这里有歪理一枚：“遇”字包含这样的意思，两个物体要相遇，前提是至少有一个物体在移动。如果目标是静止不动的，当然只有我们去移动，才有与其相遇的可能；当然，我们的目标也可能是移动的，但是相遇往往只是电光火石的一瞬间，你有把握能捕捉到吗？所以说，“机会只光顾有准备的人”……

反省：实践和思考的反复迭代，是创新的催化剂。

5.过多的会议是一个糟糕的组织明显的标志

这一点，估计只需意会，不需言传了。用会议代替流程和规范，用讨论代替执行，推卸责任，陷入细节，导致时间成本高筑，责权不明晰，奖惩不分明……在产品设计的过程中，我们或多或少都能体会到。

反省：绅士的演讲应该像女人的裙子，越短越好，会议也是。当然前提是问题能够解决。

胡诌了五幅小漫画，很不厚道地作为优涩控新年开篇。更多的漫画，可以到这里和这里围观~

生活总是充满问题和思考的，一言半语的总结常常能让我们获益良多，做产品，也是一样。

今天网友巧笑倩兮发我一份《UCD火花集》电子书版，这是由“小狐狸”整理的一本电子书完全由来自http://ucdchina.com/的文本整理而成，基本还原了实体《UCD火花集》的内容，当然了还请支持正版：），感谢网友巧笑倩兮，感谢小狐狸。

点击下载DOC格式：http://www.foxygame.cn/upload/UCD火花集.doc

点击下载PDF格式：http://www.foxygame.cn/upload/UCDhuohuaji.pdf

===================UCD火花集电子书目录================================

第一章 用户体验设计在团队中… 5

UED——鱼缸里的水… 5

接过用户的绣球… 6

管理者不应直接参与产品的开发与设计… 7

UED应该向产品负责，而不是向PM负责… 8

第二章 用户调查和研究… 12

我要如何了解“她”… 12

贯穿整个产品生命周期的用户研究… 15

隐式挖掘网站用户行为… 17

角色设定——了解我们的用户… 19 继续阅读：《UCD火花集》电子书版下载»

真的很漂亮，http://www.smashingmagazine.com/2009/06/07/50-fresh-useful-icon-sets-for-your-next-design/

继续阅读：老外分享的50套精美图标ico»

压缩包中有多种格式和规格，点击下载

点击下载 (2.0MB)

点击.PSD下载 (.PSD files, 5.9MB)

点击下载

 分享一些精美的WEB2.0 Phtoshop的图层样式和渐变样式！

一、Phtoshop的图层样式

下载v3.0：http://www.dezinerfolio.com/system/files/web_2_0_grads_v30.zip(转载请注明出处：WEB前端开发 http://www.css88.com/)

下载v2.0：http://www.dezinerfolio.com/system/files/web20layerstylesve01.zip(转载请注明出处：WEB前端开发 http://www.css88.com/)

官方下载地址：http://www.dezinerfolio.com/2007/05/06/ultimate-web-20-layer-styles/

继续阅读：分享WEB2.0 Phtoshop的图层样式和渐变样式»

Ajax在载入的过程中页面会出现空白，从用户体验的角度看这是非常不友好的，至少让用户知道你的网站正在努力的加载中，即使是假装异步载入中，呵呵。通常为了弥补ajax的这个缺点，我们会加Ajax载入的时候回加上一句话：“数据正在加载中…”,为了更好的用户体验，会再使用一个loading小图标，让用户在等待的同时知道数据正在加载中，甚至不会感到无聊。

这里提供一些loading 图标在线制作及收藏，loading 图标在线制作可以选择图形，前景，背景，透明背景，载入速度，使之与你的页面完美的融合。

1.ajaxload

2.preloaders.net

继续阅读：ajax loading 图标在线制作及收藏»

Mx3

just hear !t

继续阅读：css酷站欣赏-30个音乐网站»

电驴下载地址：http://www.verycd.com/topics/2732525/或者http://www.ied2k.com/bbs/viewthread.php?tid=9730&extra=&page=1

正如其字面意思， FBrushes 是一个免费 PhotoShop 笔刷（Free Brushes）下载站。
FBrushes 一共有 227 组共 4000 多款高质量 PhotoShop 笔刷，并且也同时提供部分图样（Patterns）和纹理素材（Textures）免费下载。
不仅完全免费，而且也无需注册，见到中意的 PhotoShop 素材直接单击下载即可。很棒吧？

该网站网址：http://fbrushes.com/

photoshop brushes

sebastiaan95 Download (195 KB) Free

1 brushes 3503 hits

下载地址：http://cid-3f9aca7473e69a11.skydrive.live.com/browse.aspx/Fonts