口碑网UED团队

原照片

效果图

主要步骤：
1.对图层进行色相/饱和度调整，选择绿色，把背景的绿叶饱和度提高，亮度变暗

2、新建一层，ctrl+alt+shift+e ,把可见层复制到新建的层，滤镜，高斯模糊，图层混合模式改成柔光，然后把脸部用橡皮擦擦除（使脸部清晰）；并重复再新建一层再操作一次；

3、新建一层，在头发高光部位，用画笔选择紫色和蓝色进行涂抹

4、滤镜，光照效果，选择点光，橙色，得到以下效果；

5、然后把图层混合模式改成变暗；
最后做一些细节处理：新建一层，在左右下脚用黑色画笔涂抹，加强灯光效果；对脸部进行锐化清晰处理，完工：）
 

效果怎么样？

近期刚完成了“上海地图标物”的项目。花了3天的时间完成了8个图标的设计，时间很紧哟。大多数的时间都花在表现透视上与结构上面。考虑到建筑物上还需标上店名及其它相关信息，色彩都选用了较暗的色调。：）

完成此次项目最大的收获：细节，我们要更多的细节。这些看似不起眼的小东西配合上精彩的创意以及准确的外形描绘会让人们瞳孔大张的。

上海地图标物建项目图：

1.在使用自由变换工具[Ctrl+T] ( Edit raquo; Free Transform )时按住Alt键( Ctrl+Alt+T 或 Alt + Edit raquo; Free Transform )即可先复制原图层( 在当前的选区 )后在复制层上进行变换。
2.又发现了填充前景色和背景色快捷。填充前景色有二组快捷键：Alt+Backspace和Alt+Delete   填充背景色有二组快捷键：Ctrl+Backspace和Ctrl+Delete 。

3.合并可见图层时按住Alt键[Ctrl+Alt+Shift+E] ( Alt + Layer raquo; Merge Visible )为把所有可见图层复制一份后合并到当前图层。

4.使用“通过复制新建层[Ctrl+J] ( Layer raquo; New raquo; Layer Via Copy )”或“通过剪切新建层[Ctrl+J] ( Layer raquo; New raquo; Layer Via Cut )”命令可以在一步之间完成拷贝＆粘贴和剪切＆粘贴的工作。

大家有什么经典的，也出来晒晒哟，一起学习：）

Fiddler
一个很强大的http流查看工具
http://www.fiddlertool.com/fiddler/

Httpwatch
数据分析工具,头消息接受/发送的查看,POST数据查看.等等
http://www.httpwatch.com

IE Developer Toolsbar
IE下的FireBug.HTML及CSS调试工具
http://www.windowsmarketplace.com/details.aspx?itemid=2695980

Companion.JS
IE下的javascript调试工具.福音啊!福音啊!!福音啊!!!
http://www.my-debugbar.com/wiki/CompanioNJS/HomePage

FireBug
强的没话说了已经….如果你不知道这是什么….那我更没话说了….
https://addons.mozilla.org/en-US/firefox/addon/1843

Web Developer
FireFox下的查看工具,可以查看JS,CSS等页面信息
https://addons.mozilla.org/en-US/firefox/addon/60

YSlow
why slow?页面性能优化查看器.基于FireBug
http://developer.yahoo.com/yslow

Javascript Debugger
FireFox下的javascript调试工具,比FireBug有更强大的调试功能.
https://addons.mozilla.org/en-US/firefox/addon/216

Opera Developer Tools
Opera下的DOM,CSS查看工具,类似FireBug.
http://dev.opera.com/articles/view/opera-developer-tools/

webkit
Safari下的开发调试工具
http://nightly.webkit.org/

一个需求，通过传递的参数操作指定节点的父节点属性。
先取当前的href地址
通过&分割和正则取参数和值
在通过parentNote取上级节点

var _href = document.location.href;
_href = _href.split(”&”);
for(var i = 0;i<_href.length;i++){
var result = _href[i].match(/para/);    //para为要取参数的名字
if(result!=null){
result = result.split(”=”);
var curNode = documnet.getElementById(result[1]);
curNode.parentNode.style.display=”block”;
}
}

        绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。

　　绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，也充满了青春活力，绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息，有缓解眼部疲劳的作用。
　　它本身具有一定的与自然、健康相关的感觉，所以也经常用于与自然、健康相关的站点。绿色还经常用于一些公司的公关站点或教育站点。
　　绿色能使我们的心情变得格外明朗。黄绿色代表清新、平静、安逸、和平、柔和、春天、青春、升级的心理感受。
　　下面我们根据绿色系不同属性邻近色、同类色的高纯度低纯度、对比色等色彩搭配做不同的举例分析。
继续阅读本篇日志 »

去旅游的人到了一个陌生城市都知道。城市交通导向指示系统对外地人的重要性。政府部门在建立交通指示系统时候应该考虑哪些方面。

大致分为一下几类人群。
a.      本地普通市民。
b.      外地普通人群
c.      英语系外籍人群
d.      残障人士
e.      其他
包括的人群越多，成本就递增。。 

南京，中国四大古都之一，人们通常把南京和“六朝古都”和“十朝都会”联系在一起。，有着大量的历史遗存和人文积淀。这个城市在城市交通导向指示系统是怎么做的呢。从我在南京短暂的二日游当中，说一下对南京城市交通导向指示系统的用户体验。

体验目标：
1.       中山陵、总统府景区等地面指示设施
2.       地铁系统 A:地面指示设施

地面上的指示历史比较久远了。。拿道路而言。古人也是要打工做生意的。出门了就要识路。古代道路只有里程标志。历代不断积累。又学习了西方和日韩的一些经验。才形成现在的比较成熟的系统。好吧。普及了一点基础知识。。在南京的悬挂路牌比一般的路牌增加距离数目。让用户对还有多远要花多少时间选择什么交通工具有个大致的了解。提供了很好的参考讯息。

地面上悬挂的路牌。图1 

注：在南京忘记照悬挂大路牌的照片。在一张通用的照片上改了一下。黄色部分为南京的悬挂路牌。比杭州要好点的地方是。路牌之间距离不会过长。基本上当你想看到路牌的时候。它就适时的出现在你的头顶。不需要找很久。

 图2.夜晚图片这是红绿灯在夜晚的表现。

南京的红绿灯有个特点。红绿灯的指示很大很醒目。路人和司机都能看的很清楚。避免红绿灯被树枝挡到形成视野死角的情况发生。 地面上树立的路牌。

有图有真相。看图3。
继续阅读本篇日志 »

一、色彩的基本组成：三原色：红、黄、蓝，

（1）色谱:

（2）对比色（也有人称为补充色或互补色）
对比色很简单，很好理解；就是如下中圆的直径上相对的两个颜色就是对比色。
例如：红的对比色就是绿，黄的对比色就是紫，蓝紫的对比色就是黄橙….
在网上找一堆的小宝宝图片，来做示范：

（3）近似色（也有人称为类似色、调和色）
我们从上图（001）中直观的理解：近似色就是与其左右相邻的6个颜色。
例如：红色的近似色就是红黄、橙黄以及紫红、蓝紫等。
例如：绿色的近似色就是黄绿，黄以及蓝绿、蓝等。
例如：蓝紫的近似色就是蓝、蓝绿以及紫、紫红等。
例如：黄色的对比色时是紫，那么，我们只要这样理解：不包含紫色的颜色都是黄色的近似色。
在照片中选用近似色的颜色来搭配，整体画面可以实现色彩的融洽与融合，丰富而和谐。

4）同类色 （也有人称为单色）
我们从如下图片中直观的理解：同类色就是与其左右相邻的两个颜色。他们都包含大量本色。
甚至只对这个颜色进行加白、加黑、变透明度，我们把这些色都称为同类色。
例如：黑色的类似色是白色、灰色。
例如：绿色的类似色是黄绿、蓝绿、淡绿。
同类色就是同色系颜色，包含大量同一种色素的颜色。
在照片中选用同类色的颜色来搭配，整体画面可以实现色彩的和谐统一、柔软的画面。

继续阅读本篇日志 »

老外写的.如何写出漂亮的HTML代码.总结的不错.拿出来分享一下.

1.DOCTYPE Properly Declared
别忘记头部的声明.它会告诉浏览器如何渲染你的HTML.

2.Tidy Head Section
设置title,字符集.将CSS和JS外链(包括一个打印用的CSS).

3.Body IDed
给body一个ID.这里作者提到的原因是.为多页面的中容器选择提供便利.比如通过给page1和page2中BODY设置不同的ID.就可以通过#page1 h2和#page2 h2来设置两种不同的效果.我感觉这个到是要看情况和具体架构再具体使用.

4.Semantically Clean Menu
编写符合语意的菜单代码.
<div id=”menu”>
<ul>
<li><a href=”index.php”>Home</a></li>
<li><a href=”about.php”>About</a></li>
<li><a href=”contact.php”>Contact</a></li>
</ul>
</div>

5.Main DIV for all Page Content
要有一个主体DIV包含所有的内容.方便固定主体的宽度,边距等等.

6.Important Content First
先写主要内容,再写次要内容.如果你的导航或者侧边栏不是很重要,最好将他们写在最后.

继续阅读本篇日志 »

开放的UED继上半年徽杭古道后又再次背上行囊一起出游啦，此次活动总监木头给我们全权策划了这个山清水秀、放松心情的好地方—长兴。

带上好心情，快乐出发，一路专车接送，指哪停哪，那个爽啊，嘿嘿^_^

中午11点多到达顾渚山风景区，周围环境不错，到处是农家乐，那里的村民热情、好客，我们找了一处农家，已经客满，店主又帮我们联系了本村一亲戚，我们又赶到那里，就是嘉木园（http://2601.koubei.com/huangye/detail-899233.html），当时生意也是爆满，等了半个小时才吃上，等待午餐的过程中我们在院子里泡上一杯茶，嗑嗑长兴吊瓜子，晒晒太阳，杀杀人，真是悠哉悠哉。

湖州是竹乡，听说《卧虎藏龙》中的竹林打斗戏就是在安吉竹海中拍摄的。饭后我们游览正在兴建的茶庄，合影留念。登顾渚山，山不是很高，海拔355米，走走停停，沐浴山林春日暖阳，我们在一大片竹海中，呼吸着乡村的清新空气，吹着山间的凉风，感觉说不出的舒服，听说走到山顶的话，还可以远眺太湖，但过半山腰就基本上是灌木丛了，地势也越来越陡峭，出于安全考虑，休息片刻，摆完架势拍完到此一游照后就沿着原路下山。


继续阅读本篇日志 »