某妖博客

公司第三期的头脑风暴顺利结束，本期的小组的主题是分析齐家网的用户体验进行剖析。小组四人的角色分别为UI设计师、产品经理、SEO人员，小组在进行了深刻的交流和讨论后定了我们的主题以及制作出了PPT，借此机会笔者在此记录PPT的讲解过程与各位进行分享。（声明：以下所有的观点和论述仅为我们小组的共识，不代表官方观点，如果认可欢迎探讨，如果有疑义我们虚心接受并且欢迎继续探讨。）

同事说的好：人人都是用户体验师，每个人对于用户体验的理解都不相同，传统的用户体验一般从表现层、框架层、结构层、范围曾、战略层这5个要素去进行探讨，结果是仁者见仁智者见智，一场风暴下来收获甚少，毕竟别人的东西是别人的。我们小组的宗旨是不批评、不表扬，宗旨只有一个找到适合我们自己的思路去创新和发展。因此这就要求我们必须找到一个依据来进行用户体验的剖析。

阅读这个条目剩下部分 »

自适应屏其实就是多个css控制，由js判断当前分辨率。

如一下代码：
if (screen.width < 1280)
{
document.write(“<link href=’themes/2009jingdong/style1024.css’ rel=’stylesheet’ type=’text/css’/>”);
}
else {
document.write(“<link href=’themes/2009jingdong/style.css’ rel=’stylesheet’ type=’text/css’/>”);
}

其中 if (screen.width < 1280)  就是小于 1280分辨率的屏幕，像1024

else 是大于1280包括1280分辨率的屏幕

当然举一反三，设计不同的模板颜色样式，可以让你的网站在不同分辨率下是不同的感受。

在不同分辨率下可以查看一下效果，查看代码只需要右键查看源文件就会发现里面有js控制判断分辨率。

一、颜色术语

你们当中很多人可能已经在学校学过一些色彩基础知识，让我们快速回顾一些术语，来更好的把握色彩和运用色彩。

色轮的主要组成

所有的色彩能在一个色轮中呈现。在这个色轮中，我们能把颜色分成3大块：原色，辅助色和第三颜色。

三原色分别是红色，蓝色和黄色。这些色彩是基础色，他们组成了色轮上的所有其他颜色。

把原色混合在一起，你就能得到辅助色，它们是橙色、绿色和紫色。

阅读这个条目剩下部分 »

同任何网站一样，阿里巴巴首页的每次改版也都是一次纠结和挣扎的洗礼。设计的过程总是痛苦的，因为判断和选择总是艰难的，这里我们并不想叙述改版的整个流程——尽管不同团队的架构和设计团队的职责有所差异，但除了决策过程不同外，大公司抑或小公司在流程上并无本质区别。我们在此是想通过总结我们在改版过程中经验和教训，以及对于首页甚或产品redesign的思考。

以下是我们觉得必要的思考流程以及一些方法和关键点：

阅读这个条目剩下部分 »

年末已至，JiaThis发布了2011社会化分享数据年度报告。据年度数据报告显示：

1、2011年中国互联网用户50%的分享行为集中在10:00-18:00；平均每个用户每天分享2次多；每浏览100个页面就有0.16-1.2次分享；

2、SNS社区类媒体在社会化流量传播中占一半，约42% ，其中分享占比量最大的是QQ空间；腾讯微博进步最快，增长比率高达630.34%；

3、根据研究表明，IT博客类和电子商务类网站最适合社会化传播，平均回流率为93.2%；

4、本年度最有潜力的五个社会化媒体为粉丝网、麦库、猫扑推客、美丽说、趣一、推他。

5、下面一起来看下2011年国内社会化分享数据报告：

阅读这个条目剩下部分 »

EditPlus正则表达式中英文详解

• t Tab character.tab符号
• n New line.新的一行（换行符）
• . Matches any character.任何字符
• | Either expression on its left and right side matches the target string.For example, “a|b” matches “a” and “b”.|符号两边的都匹配
• [] Any of the enclosed characters may match the target character.For example, “[ab]” matches “a” and “b”. “[0-9]” matches any digit.用[]括起来的都匹配
• [^] None of the enclosed characters may match the target character.For example, “[^ab]” matches all character EXCEPT “a” and “b”.“[^0-9]” matches any non-digit character.用[]括起来的都“不匹配”
• * Character to the left of asterisk in the expression should match 0 or more times.For example “be*” matches “b”, “be” and “bee”.“*”号左边的那个字符匹配0次或者更多次
• + Character to the left of plus sign in the expression should match 1 or more times.For example “be+” matches “be” and “bee” but not “b”.“*”号左边的那个字符匹配1次或者更多次
• ? Character to the left of question mark in the expression should match 0 or 1 time.For example “be?” matches “b” and “be” but not “bee”.“*”号左边的那个字符匹配0次或者1次
• ^ Expression to the right of ^ matches only when it is at the beginning of line.For example “^A” matches an “A” that is only at the beginning of line.只匹配以“^”号右边的字符为一行开头的字符。
• $ Expression to the left of $ matches only when it is at the end of line.For example “e$” matches an “e” that is only at the end of line.只匹配以“$”号左边的字符为一行结束的字符。
• () Affects evaluation order of expression and also used for tagged expression.标示表达式区域
• scape character. If you want to use character “” itself, you should use “\”.转义字符，如果你想匹配”"。请使用”\”
• 你使用正则表达式找到的东西

常用EditPlus正则表达式实例

把img标签的alt去掉

搜索内容：alt=”[^src| ]* 注：”|”符号后有个空格
替换内容：alt=”"

把带属性和样式的<font>标签去掉

第一步：把</font>去掉。
搜索内容:</font>
替换内容：不填

第二步：去掉带属性和样式的<font>标签
搜索内容：<font [^>]*>
替换内容：不填

去掉所有的空行

搜索内容：nn
替换内容：n