推荐阅读
优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例，帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的，那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会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成倍增肥。 以上几个小技巧希望对各位朋友有所帮助!，如果有疏漏的地方还请各位指正。
最新发布
PS制作Q版木纹字
1.新建文件，选择钢笔工具勾绘木板外形及内部木纹纹理。提示：外边轮廓要比内部轮廓粗；可以适当的绘制一些疖子如图1-3为了将来的变化更大一些，我一共定义了4种，其中有两种是两头粗细不等2.分别全选，拖到笔刷调板定义成艺术笔刷3.使用钢笔绘制艺术字4.应用画笔，因为画笔定义的大小问题，需要适当的调整笔刷的大小比例（双击笔刷调板的对应笔刷即可全部应用一种画笔，可以看到因为线的长度不同，同一个画笔已经可以出来不同的效果
PS CS4制作漂亮积木字效
最终效果 1、首先我们选择一种位图格式的字体，然后输入文字，设置颜色，这里我填充的背景色是#3a3a3a，前景色设置为黑色，输入下面文字，调整字符面板中字体大小到120pt，效果如下。 教程讨论和作业提交http://bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=86 2、创建一个新图层Mosaic，设置前景色为70%灰色，背景色为85%灰色，然后执行云彩滤镜，之后执行马赛克滤镜，设置大小为50，效果如下。 3、选择Background图层，然后按CTRL+J复制图层，按Alt键单击PSD和Mosaic图层，遮住Mosaic图层。 4、选择Background图层，然后执行“3D > New Mesh From Grayscale > Two-sided Plane” 6、在Photoshop中渲染达到块状效果。 7、打开3D窗口和双击3D图层，设置角度。
PS制作花纹文字
在本教程中，我们将使用叠加效果，斜角，浮雕，向量，纹理，图案，以及更多来创建一个有复古的海报文字效果。教程适合中级到高Photoshop使用者。 我们首先要做的事是创建一个具有下图设置的新文件： 然后，我们要双击图层面板上的“背景”图层。默认为打开一个新文件。更改名为“背景”，按“确定”。 现在，我们要创建渐变背景。在菜单上单击图层>图层样式>混合选项。选中“渐变叠加”，然后输入以下设置： 我们需要创建文本，我们使用的是“ZARAUTZ” 字体。打开混合选项，输入下图设置：
PS制作可爱叠加字
教程制作步骤如下： 首先创建一个新文件，大小300 * 500像素，填充颜色#1a142c。当然，你也可以设置自己喜爱的颜色。 之后，创建一个新层，用椭圆选框工具像我下图这样创建选区，并用另一种颜色#6d56b2填充它。 OK，让我们在背景上工作，现在我们开始创建文本效果！选择水平文字工具，用KabelBd字体和任何颜色写出字母P。
PS制作立体透视字
这篇教程教飞特的朋友们用PS制作立体透视字，教程似有有点年代了，刚刚看到论坛有人贴了这个效果。把这个教程转发下，希望对飞特的朋友们有所帮助。先看看最终效果具*作步骤如下： 1、打开PS 执行文件―新建―新建550X400像素空白文档 2、输入所要制作的黑色文字（字体最好选粗厚些的字体）本教程字体汉仪方叠体简 3、对文字层点右键将文字栅格化（一定要栅格化）将矢量文字变成像素图像 快捷键CTRL+T(自由变换)将文字变形！达到我们想要的角度跟效果！这里要注意透视原理！ 4、按CTRL+J复制图层得到图层副本！双击图层副本添加图层效果 斜面浮雕（内斜面，斜面的宽度设为1、2 像素就可以了，不要太宽）颜色叠加（添加上自己需要的颜色，我们这里用红色）
PS制作闪亮质感金属字
这个教程教飞特的朋友们 用PS制作闪亮质感金属字，教程不难，效果也还蛮不错的。转发过来，希望飞特的朋友们喜欢。先看看效果：最终效果：制作步骤如下：1、新建400*300像素大小文件，白色背景，72像素分辨率。2、输入文字“23PS”，填充黑色，粗体字效果好。3、将文字层转为可编辑层（栅格化文字），保持文字为选区，按Q进入快速蒙板。4、执行滤竟---模糊---高斯模糊，参数如下
PS制作七彩文字效果
第一步：新建文档 宽1400px，高650px。使用以下渐变（#474747C>#0c0c0c）填充背景图层： 第二步：在背景图层上方新建一命名为“高光顶部”的图层，选取一大点(1000px)的白色软笔刷，单击画布的顶部中心地区。 创建另一图层，名为“高光底部”，使用上一步中相似的笔刷(这次我用的是400px大小)，单击画布中心，自由变换（ctrl+t）它形成透视。 到目前为止，效果图为： 并设置如下的图层样式： 阴影： 斜面与浮雕：
PS制作逼真玻璃上的水蒸气文字效果
这篇教程教飞特网的朋友们用PS制作逼真玻璃上的水蒸气文字效果，文字制作过程很简单，但是思路很特别。很值得我们学习和思考。OK，先看看效果图吧：制作步骤如下：1.在百度或者谷歌上搜索一张带有水珠的窗口图片，当然也可以用我提供的这张照片。然后打开图片，运用图像“>调整”>去色。 图12.之后，我想调整图像的亮度，如下图所示调整。 图2
PS制作斑驳金属字
制作步骤如下：1。打开一个新的画布，我使用的是500 * 500像素，72dpi。（你可以按自己的想法使用任意大小的文件。）2。找到一个生锈金属的图片素材。教程讨论交流和作业提交：http://bbs.fevte.com/forumdisplay.php?fid=51&filter=type&typeid=863。把图像拖到你的文档中。下一步，我们将给图像一些颜色。选择图层，去图像>调整>去色。再去图像>调整>渐变映射。渐变设置为#000黑色到#728f9d色（或是你喜欢的颜色。）4。在金属层上方创建一个新层，并填充黑色。使用柔软的圆形笔刷擦除中心。减低黑色图层的不透明度为70%。