石周明

腾讯的设计师还是很不错的 绑定QQ向导页面↑ QQ副载的软件管理页面

看图不说话

网易右键邮是网易去年推出的一款邮箱桌面工具，通过网易自身推广平台已经聚集了一批忠实的用户，但我平时很少发邮件，收发基本都是用公司的outlook。 刚推出的时候，我安装试用了一下，感觉不错。软件小巧轻便，整个界面也很简约易用，下面和大家一起来看看它的界面··· 怎么样？是不是看着很舒服？相对于web版，界面相对比较简单，一目了然，只要会操作电脑就会用右键邮发mail。 下面再来看看它的一些细节 看看左边的红色框内的文字提示，是不是感觉很不错？只要不是文盲，就知道怎么用这样一个小小的邮件桌面端来发附件。 如果你把一个文件拖进去了，然后想想又不想把它作为附件发送了，那该怎么做呢？这个大家可以自己去下载然后试用一下就知道了··· 尽管是如此简单的一个界面，但个人认为还是有很多地方值得我们学习，比如： ·左侧写信区域的字体 颜色 字号的统一 input的样式统一 附件提示语的字体的颜色 字号 以及前面的小图标 ·右侧通讯录的表现方式 ·界面里a的样式统一性 ·发送和取消按钮相对于整个界面的协调性都是值得我们学习的地方

http://www.cssforest.org/ css森林 （腾讯） http://realazy.org/blog/ 懒是一种美德 简是一种境界 http://www.mytension.cn/ 做自己的设计,让别人说去吧! http://www.zeroz.cn/ 混迹于中国首都的流氓甲 http://www.twinsenliang.net/ http://www.dbanotes.net/ 在支付宝工作 （支付宝） http://www.f-dev.com/ 阿里巴巴中文站前端开发团队 （阿里巴巴） http://www.kimihome.net/blog/ 阿里妈妈的产品经理 （阿里妈妈）

当你想将文字创造一种逐渐向远方消失的效果时，你可能会留意的，你是不能将文字直接变换成透视效果的。如果你先对文字栅格化然后再扭曲变换，出来的效果就可能有点模糊。 下面的方法可以避免这种情况： 先将文字转换为形状 操作：图层>文字>转换为形状 再ctrl+t进行透视··· 最后格式化文字 操作：图层>栅格化>形状 so easy···

那天为客服机器人做的一个简单界面

今天重新温习了一下用ps批处理图片，简单说一下步骤吧，以防日后忘记··· 1.先调出动作面板，可以在【窗口】菜单里选择【动作】，也可以alt+F9快速调出。 2.然后在动作面板上新建动作组，新建动作，定义动作名称、快捷键等···（其实可以不用选择快捷键）然后这个时候，动作面板上的红色按钮亮起，开始记录你的动作（这个时候不要随便进行操作）··· 3.然后打开你要处理的的一堆图片中的一张，然后开始你的操作，最后存储这张图片（存储到一个新的文件夹下）并关闭。最后停止记录动作，点击动作面板上的那个圆形按钮即可。 4.然后点击【文件】>【自动】>【批处理】，序列和动作它会自动帮你选择好；源选择“文件夹”，然后在下边选取你所要修改的图片所在的文件夹，勾选“覆盖动作打开命令”；在“目的”选择"文件夹"，然后在下边选取刚才存储的位置，勾选“覆盖动作存储命令”设置完成；点“确定”就可以了。

结合阿里巴巴和taobao的一些广告条 在此总结一些实用的方法,希望对大家有些帮助 首先是把所有元素都堆上去,文字图片,然后参考设计的内容定一个颜色. 此外我暂时把广告条分为两类: 一类是产品展示型,主要是对客户需要展示的产品做一个排版和设计. 二类可能是一个活动,没有产品展示,需要自己发挥更多. 我们先来说说第一类: 客户提供的产品一般分两类,一类是有完整外观的,比如这双nike,他本身就有一个很好的外形轮廓,一般这种都把产品单独扣出来进行制作.另外一类就是没有明显外形特点的,比如下面的床品.这样的处理方法就会有些特别.我们看例子. 第一步就是整个环境的设计! 可以看到在边角上用了简单的图形文字很快的就表现出了你想表达的东西,让人一目了然,这个点题的图形一般出现在两个角上,相对产品会显得比较大,但也不是绝对,需要灵活运用.另外颜色上拉一个渐变也会产生光线照射的感觉,丰富层次感.另外如果在产品都放好了以后如果觉得背景还是太过简单可以加一些样式,下面给出几个例子也许会有些启发.在这个环境搭建好以后,整个调子也基本在了,只要把要展现的产品丢进去就好了. 第二步就是产品的展示 我们来分析一下上面的两张,月饼那张,里面的月饼盒都有漂亮明显的外形轮廓,所以选择把他们扣出来处理.可能有些图形轮廓比较难扣,扣出来以后会有毛刺,这里的方法是加个外发光,超级必杀哦,马上解决.床品这张由于没有外形轮廓的特点,我们给他加了一个外框来让几个物品摆放的时候感觉更加整齐.另外如果前面一种扣出的情况排布起来还是感觉凌乱或者产品本身比较瘦小的话也可以考虑加一个统一的背景来增加统一感(如下面两张图). 第三步是字体的选择和样式的设计 这个我本人一直比较关注,字体选择的正确往往就能把整个设计给人的感觉把握住.另外文字上一般处理有大有小,要突出的的字大一点加个样式,有些需要活泼气氛的也可以把字都独立出来做个旋转,会有相当好的效果,但要有节制的使用,一般控制在3种以内.下面举例一些字体及样式的设计给大家做个参考.(主要就是渐变/描边/做产生立体感的白细线)

1、打开PS   执行文件—新建—新建550X400像素空白文档。 2、输入所要制作的黑色文字（字体最好选粗厚些的字体）本教程字体汉仪方叠体简下载。 3、对文字层点右键将文字栅格化（一定要栅格化）将矢量文字变成像素图像。 按快捷键CTRL+T(自由变换)将文字变形！达到我们想要的角度跟效果！ 这里要注意透视原理！ 4、按CTRL+J复制图层得到图层副本！双击图层副本添加图层效果， 斜面浮雕（内斜面，斜面的宽度设为1、2 像素就可以了，不要太宽） 颜色叠加（添加上自己需要的颜色，我们这里用红色） 5 新建图层1，把图层1拖到图层副本下面， 将图层副本合并到图层1上 得到新的图层！ 6，对图层按快捷键Ctrl + Alt + t 执行复制变形，   接着在工具栏输入 纵横拉伸的百分比例为101%. 101%然后把位置用小键盘向右箭头 →   移动一到两个像素按回车确定变形。（不可以变化太大！否则会影响效果） 7，接着按住快捷键 Ctrl + Alt + Shift 不要松开，同时连续点 "T" 键，快速地复制并逐像素的移动图案，根据需要而定！次数越多，立体效果厚度也就越大。我们这里点8次就可以了，这样看看是不是就有了立体效果了！ 8，把背景层跟原图层前的眼睛图标先隐藏！ 合并所有可见图层！并拖到原图层下面。 9，再把原图层用变形工具变大，使其刚好能盖住我们制作立体效果的表面。 覆盖后得到的效果图如下： 10，对该图层添加效果：（颜色叠加或者渐变叠加，投影，如有需要还可以填充图案，数据如下） 颜色叠加：可以选比立体效果颜色稍浅一些的颜色！也可选自己喜欢的颜色！ 投影：设置外投影！角度为33，其他数据可以根据情况调节。 加完图层效果这样立体字效果就基本完成了.最后再处理下细节！ 做出3D效果后,太单调了,没有新意，可以自己去创新做出不同角度不同类型的效果！我们这里就加个倒影的效果！ 教程相关作品 ：

　　1.在工具箱中选择矩形选框,在图上拖选出你想要的区域. 　　2.打开 菜单栏 选择,选择下拉菜单中的变换选区. 　　3.自由变换 快捷键Ctrl+T 　　4.改变选框的角度直到你满意,也可在工具栏更改选框角度. 　　5.回车键确认. 　　6.把选中的区域复制 快捷键 Ctrl+J,你会发现图层面板中多添加了图层1. 　　7.在图层面板中,点击图层样式,选择描边. 　　8.请按照下图的数值更改你的 边颜色,大小,位置. 　　9.继续执行图层样式,执行~投影~设置,值自定. 　　10.在图层面板中选择背景图层,在菜单栏中选择 滤镜–>模糊–>径向模糊 　　11.径向模糊的对话框中, 模糊方法为缩放.值自定. 　　制作完毕.最终效果图