推荐阅读
优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例，帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的，那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会User Friendly 2016的分享，手淘的设计师和业内的同学们一起做workshop，探索如何进行行之有效的内容策略脑爆，以及思考内容产生、组织到流转分发的设计策略和用户行为数据验证。希望能让大家对无线端导购的内容化设计有所启发。以下是对大会相关内容的整理。在探讨内容化设计是什么之前，或许有人奇怪：设计为什么要关注内容呢?内容一直是设计缺少关怀的“冷门”，一直以来内容似乎是运营的事儿，设计更多是参与到产品、技术的流程中。那么，大家觉得作为设计师的我们是否要管内容的事儿呢?要关注!为什么?因为交互设计是一门关注人(people)、产品(product)、情境(context)的科学。我们平时在工作中最多关注的是用户，也就是人和产品之间的交互。但情境也是重要一环，除了具体场景化情境，设计师也要关注当前的时代环境。内容为王的时代决定设计要关注内容以淘宝导购的历程为例，一起来看下当下我们处在一个什么样的时代情境之中。阿里CEO张勇曾这么描述过：在PC时代，在淘宝上非常重要的两条消费者的动线，第一是搜索，第二是分类导航。这个在PC时代大家都知道，大家做很多事情最后都希望在搜索里面排位更靠前。PC时代淘宝以搜索、分类导航为方式的中心化流量分配的方式。运营做的最多便是招商、盘货排楼。所谓流量运营的模式。而不久之后便遭遇到无线时代的挑战：无线时代有一个弱点就是屏幕那么小，但更聚焦，可以更针对消费者个体和他的偏好。同时消费者通过手机回访的频次和停留时间比PC时代大大增强。只要能够提供好的内容，用户就可以非常顺利地提起他的兴趣，这是在无线时代淘宝经营非常重要的一点。
使用Photoshop制作放射性背景教程
当你想要突出某物的时候，在画面上我们普遍都会认同放射状背景的作用，而自制背景看上去似乎是繁琐的任务，放到PS里，几个滤镜就能轻松解决。好了，打开你的PS，让我们一起来体会一下这一奇妙的过程吧。先看看效果图一、暗调光束STEP 01打开PS，新建一个宽1000px高800px的文件。将背景填充为暗色。为什么是暗色?因为我们接下来要做的放射状的光束，光束总是在黑暗中才发光的啊。在这里，我将背景填充为一个紫色的径向渐变。STEP 02接下，让我们开始制作放射状光束。如果有一直关注我的教程，我们以前的教程里说过，在这里我也采用同样的方法，但我并非是为了表现出星空效果，而是为下一步作个铺垫。再新建一个图层，填充纯黑色。然后进入到【滤镜>杂色>添加杂色】。杂色面板的设置为30%，高斯模糊，勾选单色。把这个新的图层重命名为“杂色”。
精简Flash文件体积的几个小技巧
1、尽量减少文字的叙述。 2、应尽量把图画转为“电影剪切”或“图形”。 3、导入的图片格式最好是*.jpg或*.gif图片格式。 4、如果需要导入音乐文件，最好是*.MP3，这样你的源代码不会太大。 5、导入音乐后，在它的属性设置里去掉“使用文件默认品质”，然后，在它的品质设置如下：“压缩”选择MP3;“位比率”选择16Kbps;“品质”选择快速。如此设置之后，3MB的MP3输出后不足500KB，音质只有少量的损失，这样也可以算是音乐DIY吧! 6、如果非特殊需要，就不要把图片“打碎”，应该尽量在图片帧中进行。 7、不要在同一帧放置过多的“电影剪切”，否则可能使你的*.SFW成倍增肥。 以上几个小技巧希望对各位朋友有所帮助!，如果有疏漏的地方还请各位指正。
最新发布
Photoshop滤镜搞怪：诡异的魔法球(推荐)
想象一下巫师的魔法球，肯定从外表上来看就很诡异，和普通的水晶球不同。今天为大家介绍Photoshop应用的2个设计技巧，介绍两种设计魔幻风格小球的创意方法，通过学习设计其中方法，大家掌握Photoshop工具的使用技巧，就可以举一反三创作出更多风格的魔法球了。 用Photoshop滤镜绘制魔幻质感图案 第一个技巧是教大家使用滤镜功能，设计魔幻小球内核填充图案的方法。首先在背景上画一个正方形的矩形（按住Shift键，使用矩形选取框绘制），然后新建一个图层，选择“滤镜”菜单下“渲染”中的“云层”效果，填充得到的效果如图2。图2 再选择“滤镜”菜单“艺术效果”中的“塑料包装”滤镜，矩形填充后得到图2的效果。图3 接下来选择“滤镜”菜单“风格化”中的“照亮边缘”滤镜，得到如图3的效果。图4 接着在图层姘迳涎《ㄕ飧鼍匦瓮疾悖复制一个副本，副本图层的混合Ｊ轿“叠加”样式（?）。
Photoshop滤镜打造超酷的玄幻特效(推荐)
１，建一个正方形的文件，弄成黑的．然后选前景为白色，添加一个渐变调整层．本来直接拉一个渐变也可以，但是不一定有调整层对的齐． ２.栅格化调整层，蒙版应用也可以，扔掉也可以． ３.执行波浪滤镜，默认设置就可以了．右下方有个随机化按钮，那就是可能每个人做的东西有小小差别的原因． ４.再执行九次同样的滤镜．（按九下ctrl+f也行）
Photoshop滤镜巧制超级美女插画效果
对比一下效果： 此方法中很重要的一个步骤就是查找边缘，但是对于比较小的图像来说查找出来的边缘显得太粗，细节丢失，导致最终结果不尽人意，大一点的图像会有比较好的效果，如果图像不够大但质量较好的话，可以考虑人为的放大，例图放大到200%。 放大后再制图层，用通道混合器把上层变为灰度，查找边缘，用色阶去掉杂点如图。 混合模式设为实色，填充不透明度打到50%。在背景层上加一个色阶调整图层，调整输出色阶如图。
Photoshop滤镜简单打造水波效果图
最终效果： 新建立文件： 执行分层云彩滤镜 执行高斯模糊滤镜 执行径向模糊滤镜 执行“滤镜”“素描”“基底凸现” 执行“滤镜”“素描”“铭黄” 按Ctrl+U： 最终效果：
用Photoshop滤镜制作抽象涡轮效果
Photoshop滤镜制作抽象涡轮效果。 先看一下效果： 1.首先建立一个大小为400*400象素的文档。 2.设置前景色与背静色分别为亮灰色和黑色。在用渐变工具从文档左下角到文档右上角拉出渐变。 3.应用滤镜-云彩-分层云彩，并重复执行20-30次左右。 4.将用滤镜处理完的图层另外复制2个。（复制的快捷键是CTRL+J） 5.在图层副本1上执行滤镜-扭曲-波浪。 按下设置对话当中框随机按纽。 6.在图层2副本上重复应用改滤镜5次（快捷键是CTRL+F），设置图层混合模式为变亮。 7.合并所有可见图层。
Photoshop滤镜打造线框特效美术字
本例中我们用Photoshop滤镜来做“线框特效美术字”，效果简洁清新。 1.打开Photoshop ，将“前/背景色”设为白/黑，在后新建一个大小为800×600像素的文件，背景内容为“背景色”。 2.利用“文字工具”输入文字“风之梦”，然后把“背景层”解锁后，将文字层与画布层合并（Ctrl+E）。 提示：字体可以用黑体或较粗的字体。 3.然后执行菜单中“滤镜/像素化/马赛克”命令，设置其值为16（马赛克参数可以自行调整，以看得到小方块为标准）。 4.执行菜单中“滤镜/风格化/照亮边缘”命令，参数为5,5,1,效果如下图所示。 5.执行菜单中“滤镜/风格化/查找边缘”命令，效果如下。 设置前景色为粉色，背景色为白色，单击“图层面板”下方的“图层调整按钮”，选择“渐变映射”后文字就变成了粉色外框。 6.将图层合并，然后执行菜单中“选择/色彩范围”命令，用吸管选取空白的地方，对除文字外的空白处进行选择，效果如下。 7.按下Delete键删除选区，形成效果1,按Ctrl+D取消选区，如效果2所示。
PhotoShop 滤镜应用-创造橙子
通过这个教程的制作,希望能让大家深入的了解加深减淡工具的使用,及一些简单的PS滤镜应用。 1.新建一个600X450DPI，白色背景，RGB模式的图象。 2.新建图层1，用椭圆工具拉一个椭圆出来，用钢笔工具按住CTRL对椭圆的路径形状加以调整，为了使路径更符合实际的橙子外形，还可以用钢笔在此路径上添加一些节点再作更进一步的调整。（图1）。 NO.1 3.将路径转换为选区，选择复位渐变，将右端的颜色设置为R：248G：189B：104，将左端颜色设置为R：245G：114B：7。并在选区中拉一个如（图2）的渐变出来。 NO.2 4.用钢笔把橙子表面的受光面画出来（图3），并转换为选区，再到菜单-选择-羽化，羽化10个象素。按CTRL+M将羽化的区域的颜色稍微调亮些（图4）。
Photoshop滤镜打造三维水晶放射光线
本文中我们利用Photoshop滤镜的丰富效果打造一个比较酷的三维水晶放射光线特效。 首先在Photoshop中新建一个400×400像素、背景为黑色的文件，然后运用“镜头光晕”的渲染滤镜，效果如下图： 之后按Ctrl+A 全选，然后按Ctrl+C复制，然后建立一个800*800的文件，按Ctrl+V粘贴，然后执行壁画艺术效果滤镜，效果如下图所示： 合并所有图层，然后执行“滤镜”>“风格化”>“凸出”，设置如下图： 效果如下： 再重新执行一次上面的突出滤镜，效果如下图：
Photoshop模糊滤镜处理照片景深特效
在胶片摄影年代，有人用快速拧动变焦环来达到“爆炸变焦”的特效，还有人用高速跟踪运动物体拍出背景拉线虚化的效果……这些都是需要一定技能技巧。但是，这些工作在photoshop cs中简直就是小菜一碟。下面我们举例说明Photoshop cs的模糊滤镜、图层、蒙板、历史记录画笔处理照片景深特效的妙用。 例一、动感模糊滤镜模拟高速跟拍 1.打开要增加动感效果的照片 2.按Ctrl+J组合键，在图层调板中复制背景图层。 3.点击滤镜菜单，在模糊菜单项中选动感模糊，打开动感模糊对话框。模糊取向角度选4度，距离决定了模糊的程度，可由滑块调节，此处为203左右，照片变得很模糊。 4.按Alt键的同时，点击图层调板底部的图层蒙板图标。按Alt键是用黑色填充蒙板，隐藏刚刚所用的动感效果。此时，照片又变得和步骤1中一样清晰。 5.在工具箱选择一种中等尺寸的软边画笔，按下字母x键，使前景色为白色。然后，在需要具有动感效果的区域涂抹，图层动感效果就会逐渐显露出来。如果，你不小心涂错了地方，可以把前景色切换为黑色，重新补救。(软边画笔除尺寸可调外，透明度也可以调节。) 注:该方法的好处是涂抹时，可以很清楚看到需保留的区域。