平凡的世界：看看，闹闹，混混，写写

刚进公司时的导师robin惊讶地把字蹦了出来：“啊，你又转岗了啊…”“又”字貌似在强调，却带有很轻松的调侃，反复是一场游戏，不知人生是否真的如戏。

其实转做产品经理已经一个月了，又重新捡起了天天加班的生活。呵呵，有同学会说天天加班怎能叫做生活呢？记得在《明朝那些事儿》里面，当年明月说，人生中最不能丢失两件东西，一件是“良知”，一件就是“理想”。于自己而言，无论从事交互设计还是作为产品经理，如果仅仅作为一种职业，在单一的岗位坚持下去肯定是最好的。虽然年已二八，但仍然有些傻逼哼哼的理想立在心底，这一次转岗，也是追随理想道路上新的探险旅程。

周围的同学都在问做产品经理之后的感受，其实在拍拍四年多，从页面重构到交互设计一路走来，每一条产品线都算有了粗略的了解，再加上合作的同事们都非常熟悉，也比较宽容，所以转岗的磨合期内更多的还是不断对自身的反思以及在实践中加深对业务的理解。关于转岗的感受，琳琳总总的几条，也无外乎那么几条。

1.兴趣决定方向。
不用多说，公司里出色的产品经理绝对都不是科班出生，因为至今为止国内大学里面还没有产品经理这个专业。很奇怪高考志愿填报时，老师们都只介绍目前哪些专业比较火，就业比较好，却没有审视过每一位同学，他们究竟喜欢什么。中国的教育，千篇一律，工作的意义，在教科书般的说词下，有些惨白。很庆幸，我偶然被一所不知名大学工业设计系录取了，偶然喜欢上了工业产品设计，偶然进入现任公司，只有最终转岗产品经理这不是偶然的，经历只能决定过程，不能决定方向。

2.让计划引导工作，而不是让工作适应变化。
需要产品经理处理事情是非常琐碎的，有些时候看似很微小，说不定半天就耗在上面了。GTD里面说一天需要有大部分的时间用于重要但不紧急的事情处理，这样的规则每每都被一个RTX，一个电话打破了，然后，只能加班去解决计划内的事情。后来思考总结，觉得还是因为目前是在逐渐承担将要负责的产品，过程中的磕磕碰碰难免，但也算敲了下警钟，适应期过后，如果被变化牵着鼻子走会影响到产品整体的规划和进展。

3.以项目为中心，不要使自己成为项目的中心。
“书到用时方恨少”，对于产品经理来说，时间方到用时也恨少。产品经理是整个项目联系的纽带，并不意味着是整个项目组同事工作的纽带。对于UED，开发同事来讲，这个项目可能就三五天，也许之前他并未了结这个项目，或者涉及的页面目前与其他项目有耦合，之类的大堆事情，如果不提前了结清楚，影响进度是必然的事情。所以，尽可能早的去接触项目组及相关的同事，而不是呆呆的让自己写完产品文档之后。

4.关注趋势与规划，也关注现状与资源。
职场中有一句话叫“改变你能改变的，接受你不能改变的。”其实后半句并未表达完整，很多时候，接受不能改变的并不意味着毫无办法。在现有资源下，关注产品的核心目标，重新审视需求，简化功能开发，甚至于无需后台开发，同样能够达到产品所需要达到的目的。有些时候，真的需要从圈子中跳出来。

5.工作让自己快乐，工作让大家快乐。
把快乐放在第五点并不是因为它不重要，而是源于它是建立在前面几点的基础之上的。没有以项目为中心，没有良好的计划性，没有关注可用资源，产品经理的快乐和产品虚拟团队的快乐，就宛如悬空的楼阁，不是那么靠谱。细细想起来，每个人都会追逐工作上的成就感，除了让产品虚拟团队在工作流程中更加顺畅，如何让大家都参与到产品设计中来，都成为这个产品的闪光者，是产品经理需要去考虑的。

差不多就这么多了，写得头晕晕的，周末的下午，空调开得很冷，太阳晒到屋里暖洋洋的，睡觉才是最快乐的。

前两天，有业务方的同学询问像素宽度的问题，其实像素只是构成计算机画面的信息元，并没有固定的宽度，其表现随着介质的不同而变化。
1.像素在显示器中的表现：
生活中大家都有这样的常识，一台古董15寸显示器的分辨率可能是800像素*600像素，而现在很多手机的分辨率也已达800像素*480像素，所以同一张图片，在不同显示显示设备中的长宽不尽相同。造成这一事实的根源在于不同显示设备有不同的点距。

2.像素的打印宽度：
先来了解这么一个概念：PPI（pixels per inch）表示的是每英寸所拥有的像素（pixel）数目。PPI和图片像素数量共同决定了打印输出的尺寸。例如1200像素*1200像素的图像，设置300PPI的分辨率，则可打印出4英寸*英寸的图像；若设置150PPI，则可打印出8英寸*8英寸的图像。当然，PPI数值越高，打印出来的图像越精细。

3.图像的扫描与像素关系：
类似PPI，在传统印刷领域用到的分辨率术语是DPI：即每英寸拥有的点数。扫描仪最后扫描生成图像的像素数目，和实体图片的长宽及扫描仪设置的DPI均有关系，例如4英寸*6英寸的照片，设置的dpi是150，则最后生成图像像素为：600像素*900像素，如果设置300dpi，则像素也会增加一倍，达到1200像素*1800像素。

有没有可能做到不同设备显示的尺寸和实体图片的长宽一致？
这里还是会回到点距这个核心问题上来，服务器上的图片是同一的，不同终端显示设备的点距不同，从而显示的尺寸不同，视觉误差由此产生，用JS可以去判断屏幕的分辨率，由不同的分辨率判断出不同的屏幕尺寸（例如1440*900一定是19寸宽屏），然后将图像像素乘以每种显示设备不同的点距系数，重新进行压缩，就可以在不同显示设备得到同样长宽尺寸的图像。

当然，根据屏幕分辨率判断显示设备尺寸从而得到点距的做法目前看来是不能做到尽善尽美的，至少1024*768除了15寸液晶，还有可能是17寸的CRT。

一.饱和度与易读性：
上周在做F同学的一个项目时，涉及到较多列表性的文字链接。
目前除去频道和首页，全站文字链接使用一致的蓝色，色值为#014ccc，饱和度较高，在用户浏览时更易于吸引注意，但同样也容易引起视觉疲劳，高饱和度的文字并不易于阅读。

上图中，下半部分的文字降低了饱和度，是不是比上半部分读起来更舒服？

其实，大多数门户类的网站也是使用低饱和度的蓝色作为列表链接颜色的：

结论一：
颜色饱和度达到一定值，视觉神经对此颜色就会产生兴奋，就容易在阅读中产生疲劳感。

二.关于视觉神经兴奋临界值：
因为每一种颜色的光因主波长不一样，所以造成人眼神经兴奋的饱和度临界值也不一致。
在光谱中，红橙黄绿青蓝紫，波长依次减小，眼部神经兴奋所需要达到的饱和度呈先增后减的弧状：
波长较长的颜色和波长较短的颜色，相对较低的饱和度都就能够刺激视觉神经兴奋，而波长处于中间的绿色青色，则需要相对较高的饱和度才能刺激视觉神经兴奋。

由图中可以看出，蓝色也属于饱和度兴奋临界点比较低的颜色，所以，应该慎用高饱和度的蓝色。

结论二：
同等饱和度的颜色，红色和紫色最易产生视觉神经兴奋，其次是黄色和蓝色，再次是绿色和青色。
因此从单纯的色彩来讲，在设计中应：
1.尽量使用低饱和度的红色，紫色；
2.禁止使用高饱和度的红色，紫色；
3.少量使用高饱和度的黄色，蓝色。

三.关于明度，色相，饱和度之间的关系。
1.名词解释：
　a)先说说明度：就是明暗程度，也有叫亮度的，计算机把明度分成256级色阶，黑得伸手不见五指就是0级，白茫茫的一片什么都看不见就是255级：
　
　b)再说说色相：就是平时所说的哪种颜色，光谱中的红橙黄青蓝紫，以及千千万万种组合都是不同的色相。
　
　c)最后说说饱和度：就是通常所说的颜色纯度，鲜艳程度等等。
2.与Red，Green，Blue单色光之间的关系：
　a)先弄清计算机中色彩生成的几点规则：
　　i.RGB三种原色光，同时以1:1:1比例混合，就能产生1份白色的光；
　　ii.RGB中的任意两种原色光，混合只能产生另一种色相的光，而不是白色的光；
　　iii.任意一种原色光，对明度色阶的影响为其数值的一半，转换成色阶均不会超过127级；
　　　　因为任意两种有色光混合产生的颜色，色阶均不能超过255级即白色光。
　　　　比如#000002的蓝色图片，在其蓝色通道的色阶是2级，但将其转换成灰度图片，色值为#010101，说明此图片的明度色阶为1级。
　　iv.下面提到的RGB数值，是指的各颜色通道十六进制数值：
　　　　
　b)明度与RGB中最小值，最大值有关，计算方法如下：
　　
　　i.RGB中最大值越小，意味着有色光越少，则明度越低；
　　ii.RGB中最小值越小，意味着生成的白色光越少，则明度越低
　c)相同明度下，色相与RGB中最大值，最小值的位置，以及中间值的大小有关：
　　
　　i.在相同明度下，不同色相的颜色RGB最大值和最小值始终保持恒定；
　　ii.RGB中最大值和最小值的位置会影响色相，例如#775533和#557733；
　　iii.变换RGB的中间值可以影响色相，例如#FF0055和#FF0088；
　d)饱和度与RGB中最大值，最小值之间的差值有关：
　　
　　i.RGB中最大值，最小值之间的差值越大，饱和度越高；
　　ii.RGB中当最小值趋于00，或者最大值趋于FF后，饱和度不能再提高。
结论三：
1.在颜色较暗时（即RGB没有一项数值达到FF），增加明度可以起到增加饱和度的目的，降低明度就会降低饱和度；
2.在颜色较亮时（即RGB没有一项数值达到00），增加明度可以起到降低饱和度的目的，降低明度反而会增加饱和度；
3.颜色饱和度越大（即RGB中最大值与最小值差值越大），在相同明度下的光谱范围越大（即可变换的颜色种类越少）；
4.颜色饱和度越小（即RGB中最大值与最小值差值越小），在相同明度下的光谱范围越小（即可变换的颜色种类越少）；
5.色相的变化不会影响到明度和饱和度；

四.根据这些研究，我们能够得到什么可以运用的东西？
1.高饱和度的红色(#FF0000)，紫色（#FF00FF）推荐不使用；
2.高饱和度的蓝色（#1834D1），橙色（#FF4E00），可以用于少量的文字可以更好地吸引视觉注意，但最好不要用于列表中的链接；
3.根据前面的分析，我们得出调制可以用于列表链接蓝色的方法：
通过降低蓝色通道色阶来降低颜色整体的饱和度（例如将#0000FF调整为#000099），为避免过暗，和黑色混淆，我们还可以增加其他原色通道的色阶，调整其明度（例如将#000099调整为#005599）。
4.颜色不协调，可以通过降低饱和度来达到协调，也可通过采用调整色相来达到目的：

一个现成的例子就是我们网页中采用的#FF4E00色值，和#FF0000的饱和度其实是一致的（不信可以变成灰度图看看），之所以色值为#FF0000的颜色显得更刺眼，是因为在同样的饱和度下，红色比橙色更让视觉神经敏感，还记得这张图么？

参考文献：
《基于色度学的人眼彩色探测特性分析》张建勇 等……北京理工大学……2003年
《计算机求解颜色刺激的主波长和兴奋纯度》周丰崑 等……长春光学精密机械学院……1990年