分类
其他

其实我暗恋你很久了

嗯,是的,这的确是豆瓣的一个活动

在QQ上随便找个人对TA说“其实我暗恋你很久了”,看看TA是什么反应。
不管真的假的,虚的实的,这次都可以了。
也许无从开口,也许只是个恶搞,也许很久不见,也许真的是暗恋你很久了。

我已经决定要蛋疼一番了!

PS:只逗了一个童鞋,聊了不到7天,从聊天记录可以看出来…我不太敢去痘认识的人,怕误会,一部小心对方相信了就后悔莫及啊。将就一下,点击放大:
其实我暗恋你很久了

分类
其他

产品经理与交互设计师的对话——需求是如何变成产品原型的

原文出处:http://fed.renren.com/2010/07/298,一直想了解团队是如何合作的,值得一看。

以下为一字不漏转载:

在一个互联网公司的工作流程中,产品经理(主要指偏向产品设计的产品人员)和交互设计师是这个流水线上最起点的环节,也是关系最暧昧的两个环节。说其暧昧,是因为在很多互联网公司里面,这两个环节所做的事情是有重合的,这就意味着,他们或许也是整个流程中合作最紧密的两个环节。

相对比之下,产品经理更关注的是产品的内部逻辑、操作流程、策略等;而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看,似乎可以认为,产品经理是从一个更加宏观的角度去设计产品,而交互设计师,则是从更多的细节出发,去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合,深入沟通,才能够最高效最合理的将产品策略转化为产品原型,从而为流水线的后面环节提供精确的参考资料。

下面以人人网广告平台的一些产品和交互细节为例,使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。入门级文章,高手请绕行。

在广告平台其中一个投放系统中,有一个产品需求,是要根据广告受众所在的地区做广告的定向投放。也就是说,可以控制广告只展示给固定地域的受众。这就意味着,需要设计一个「区域选择器」,供用户选择区域。产品经理的原始需求是这样的:

产品经理:“我们这次的投放系统需要设计一个区域选择器,就是让用户选择广告定向投放的区域的。可以精确到城市,可以多选。另外,‘区域’作为一个投放广告的限制条件,如果用户没有选择任何选项,那就代表用户忽略该条件,则该广告会面向全国投放。”

交互设计师:“哦。”

分类
其他

单选、复选、文本框等表单元素与文字水平居中

为了找到真理,原文基于vertical-align的表单元素垂直对齐方式研究不厌其烦地进行测试,此精神值得我们学习。

而结论也非常简单,看真相:

CSS:
label{vertical-align:middle}
.inputcheckbox{vertical-align:middle}
body{font-family:tahoma;font-size:12px}

HTML:
<input class=”inputcheckbox” name=”test” value=”1″ type=”checkbox”>
<label>测试文字x</label>

解决实际问题的就是 CSS。

分类
日志

小站修改汇总

小站使用的是 ZWWzSofa ,显然还能看出一点原来的影子。此模板最大的特点呢,是大家看不到的,那就是 single、archives、index 等页面整合在一个 index 中,或者说是没有 single 和 archives 页,通过判断显示不同的内容。这有什么好处呢?控制体积?作用不太明显,而且对于修改者来说需要更多的理解时间…囧。

基本上使用后就没有停止过修改,期间参考过很多牛人的博客,学习了不少东东,让我回忆回忆做了些什么。

去掉/修改:
1.收窄了;
2.导航使用 WordPress 3.0 的自定义菜单;
3.分类目录页只显示文章标题;
4.使用 Google 自定义搜索引擎;
5.去掉后台模板设置项,自觉很多余;
6.评论部分的 CSS 与其他 CSS 分开,只在有评论的地方调用;
7.去掉 CSS 中大量多余属性,并将部分插件的 CSS 整合到一个文件,然后使用工具压缩、合并;
8.替换原来的分页;
9.评论倒序,输入框搬到评论上方

分类
日志

一日一折腾之 今天特折腾

全世界好像只有我在折腾…习惯了每修改一次就备份一下,然而今天备份次数特别多,5次。认识的人中类似我的还是好像没有的,今天又周期性地感触起来:作为电子商务的学生我很不关心电子商务。

模板就这样好了,不改了,做点别的,找个时间把模板用到的东西总结一下~

分类
日志

如此眷顾 IE6

昨天我用 IE6 (IETester) 浏览某博时发现错位比较严重,我就留言问问博主啦,他说已经无视 IE6 了,浏览另一博客时也看到过“X IE6 及其全家”的话。然而作为有一点完美主义的淫,我还是把模板折腾得一视同仁。

把宽度越调越窄,然后惊现有点印象的 “IE 3px bug” ,就是左边内容 content 和边栏 sidebar 之间出现3px的间隙,所以当我精确计算并设置各部分宽度时,就会多出3px,导致边栏挤到下方,自己折腾了很久,澡也没有洗…我为什么就要这么精确呢,追求完美。最后不行了要 Google 了。网上的方法说加上 overflow:hidden 就能解决,发现我不行此方法无效,很奇怪,还有一些是说得不清不楚看不懂的我就不管了。后来无奈给content 添加了 IE6 hack _margin-right:-3px ,解决问题…

当然,折腾互联网的童鞋都不会用 IE6 ,所以很明显我此次折腾是针对广大不热充于互联网的淫,此博要变得大众。

PS:为了配合域名,博客标题改为 I’m Ygs ,你知道的,依然是 Ygs’ blog

分类
日志

后补日志:珠海梦幻水城一日(有真相)

进行完活动以后写日志是我的例牌活动,但是秉着有图有真相的原则,等我找到真相了才能动手,不过才过去了短短的两天,全身的酸痛还未消去。

首先简略回顾下行程:早上由家里出发到文少家等1小时,然后从文少家出发到曹步市场等半小时,再开车(我乘车)2小时到珠海,然后迷半小时路,吃一小时午饭,海鲜,贵。然后到达水城。

那里还是很好玩的,加上那天天气很好,所以太好了。最厉害的就是我勇敢地滑下了那个21米高很恐怖的滑梯,我觉得我现在充满了力量。然而有一个杯具就是烧鸡同学,好穿不穿,穿了棉裤,两个要滑的活动都不让参与,可惜了一下。还有一个杯就是一开始男女分开了活动,直到最后用广播才能找齐人归家…

分类
日志

WordPress 模板 CSS 默认使用的类

WordPress 默认使用的用来来对图像的对齐和块元素的类:

.aligncenter,div.aligncenter{display:block;margin-left:auto;margin-right:auto}
.alignleft{float:left}
.alignright{float:right}
.wp-caption{background-color:#f3f3f3;border:1px solid #ddd;-khtml-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;margin:10px;padding-top:4px;text-align:center}
.wp-caption img{border:0 none;margin:0;padding:0}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

分类
日志

WordPress 更换域名必备 SQL 语句

比如要将旧域名 kwnsn.com 改为 ygs.im ,可以按一下格式对号入座,更换域名就变得非常方便了,可以每天更换不同的域名了~囧

UPDATE kwnsn_options SET option_value = replace( option_value, ‘http://kwnsn.com’, ‘http://ygs.im’ ) WHERE option_name = ‘home’ OR option_name = ‘siteurl’;
UPDATE kwnsn_posts SET post_content = replace( post_content, ‘http://kwnsn.com’, ‘http://ygs.im’ ) ;
UPDATE kwnsn_posts SET guid = replace( guid, ‘http://kwnsn.com’, ‘http://ygs.im’ ) ;

分类
日志

Godaddy退款成功

就是那个域名啦,一时冲动就注册了,两天后吃后悔药申请退款。GD 的客服也很不错,提交问题或者申请很快就有答复了(工作时段内,注意时差),写了两次蹩脚的英语“短信”,一次询问域名错误,一次申请退款。好像国外的客服都会用真实署名,不会像这里的署名就是企业名。真实署名会让人感觉很实在,呵呵。