推荐阅读
优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例，帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的，那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会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制作超酷立体字
今天，我们要把一个对象/文本从2D更改到3D以及给它添加一些真实的效果。我们将会使用Illustrator来创建对象，然后把它移到Photoshop中添加高光和阴影。（这篇教学不是很难，大家细心做，希望朋友们能指出文章中不对的地方，毕竟我们能力有限 ，谢谢大家支持盒子。） 步骤1 让我们打开Illustrator并创建一个“5×5”的文件。创建一些文字或logo。现在，你要确保你选择了一种除了黑、白、灰色之外的颜色，使我们可以从物体中提取阴影。 步骤2 现在我们将把我们的对象转为3D模式，去效果>3D>挤压和斜边。我的设置如下，但这取决于你使用的对象，对象不同设置可能就不同。我们正在努力实现一个有趣的角度。尝试更多的设置直到你得到满意的效果。确保你改变了周围的灯光来获得最大量的对比度，方便以后使用。 步骤3 这就是我们要在Illustrator中做的，现在复制你的图片（apple+c），粘贴到1680×1050 px的Photoshop文档中。拉伸它填充空间。由于它是一个矢量图像，当它第一次被粘贴到Photoshop中我们可以拉伸它，不要害怕，它不会有像素方面的变化。之后双击按下复选框它被转换成光栅图像。 步骤4
Photoshop制作金属质感文字效果
本教程的实例中主要应用到的图层样式包括：投影、内阴影、外发光、内发光、斜面和浮雕、光泽和渐变叠加制作而完成。希望大家喜欢！ 先看效果图：效果图 制作过程： 1、打开Photoshop CS4软件，执行菜单：“文件”／“新建”（快捷键Ctrl+N），弹出的新建对话框，名称：制作金属质感文字效果，宽度：1300像素，高度：576像素，分辨率：72像素／英寸，颜色模式：RGB颜色、8位，背景内容：白色，设置完毕后单击确定按钮，如图1所示。图1 2、单击工具箱中的横排文字工具 ，输入IROM MAYA，然后在工具选项栏上设置字体：Army，大小：212.56点，颜色：白色，设置消除锯齿的方法：锐利，如图2所示。图2 3、双单击文字图层进入到图层样式，分别勾选投影、内阴影、外发光、内发光、斜面和浮雕、光泽、渐变叠加复选项。设置内阴影混合模式：柔光，点击色标处，阴影颜色设置为白色，不透明度：70%，角度：120，距离：5像素，扩展：0%，大小：5像素，然后点击确定按钮，如图3所示。图3
PS制作漂亮花边文字效果
本教程制作的花边文字效果很棒，转到飞特和大家共享一下，希望大家喜欢这篇教程。我们先来看看最终的效果：步骤1找一个合适的花纹图案：步骤2打开Photoshop，创建一个新文档。我使用了1680 x 1050像素大小做背景。在此之后，键入abduzeedo字母，去图层>图层样式>渐变叠加。使用红，黄，绿，亮蓝的颜色。我使用的字体是Futura（什么字体都ok 自己喜欢就好）。步骤3把字母点缀之后，是时候添加一些深度了。让我们使用图层样式来做到这一点。去图层>图层样式>投影。使用正片叠底的混合模式以及黑色，不透明度100%，角度为-60%，距离为5像素，大小为5像素。（如下图）
PS制作3D文字壁纸
PS制作3D文字是一个老生常谈的话题了，这篇教程的方法还是不错的，希望飞特的朋友们喜欢！先看效果吧：创建一个1280×1024 px， 72 dpi的新文件（文件>新建）。然后选择矩形工具（U）在整个工作区域中画一个矩形。然后设置混合选项>渐变叠加。按下图设置：然后选择自定义图形工具（U），选择下图的形状：把它放在下图所示的位置：
PS制作花纹艺术字
没心情写开头 直接开始教学步骤1打开Photoshop，创建一个新文档，我用的是1920×1200像素大小。然后用一个深色#1f1e1e填充背景。步骤2选择背景层，去层>图层样式>渐变叠加。选择灰色（#707070）和白色。混合模式更改为正片叠底，60%的不透明度。样式为径向。确保白色在中间。可以看到使用了正片叠底之后图像的边缘会变暗。我是通过图层样式应用这个渐变，因为稍后我想在图层上添加一个滤镜，然后我就可以尝试不同的颜色。步骤4让我们添加文本。我们需要一个书法风格的字体，我使用的是Champignon，你可以从http://dafont.com下载它。首先输入 Abducted 。步骤5现在在 “Abducted”的正下方输入 “by”。我用的是另一种字体，”Champignon Alt S…” ，你可以从http://dafont.com下载它。字母的位置参考下图，并尝试连接字母如”Bs”。
PS制作漂亮水泡字体
这篇教程教飞特的朋友们用PS制作漂亮水泡字体，教程属于基础入门级别的，高手们请飘过吧。先放上效果图。水滴素材，很清晰。大家可以保存到本地。 制作步骤：1 准备背景新建一个1920*1080px的画布。白色背景。在背景图层上如下图所示拉渐变。#FFFFFF到#8DDBF9复制背景图层。按下CTRL+T。按下图所示将其变形。这一步是要给文字准备一个水平线。在复制层和背景层中间新建一个图层。将其命名为“光底”。在用大儿软的圆形画笔。选取白色。在画布中间点上那么一下。我是使用1600px。0硬度。55%不透明度的画笔做的。然后在所有图层顶端新建一层。使用钢材一样的笔触。在画布稍上部叶点上那么一下。将这一层命名为“光顶”。你将得到如下效果。
PS制作漂亮彩色文字
这篇教程教飞特的朋友们用PS制作漂亮的彩色文字，制作过程难度一般，希望飞特的朋友们喜欢这篇教程。我们先来看看最终效果1、新建一个500 * 300像素的文件，使用文字工具输入下面的文字，得到图层1。2、使用“矩形工具”建立选区。
PS制作印章效果
效果图 制作步骤： 1、新建一个文档，宽度和高度按你的需要设置。这里使用了宽，高分别为800*600，白色背景。新建一个Photoshop文档 2、打开标尺（菜单View>Rulers，或Ctrl+R），从标尺中拖出横竖两条辅助线至文档中心（即400和300像素位置）。设置你想使用的前景色，这里使用了#c70000的颜色值。选择文字工具（快捷键T），输入文字，例如“太平洋论坛”。适当调整一下文字位置，使之居中。输入文字，例如“太平洋论坛” 3、连续按Shift+U，从工具箱中选择圆角矩形工具，并在选项栏中选择“路径”（即图中红色椭圆标出的按钮）。将鼠标移到画布辅助线交叉点位置，同时按住Alt键，从中点拖动出一个大小合适的圆角矩形。
PS制作黄金字
这篇教程教飞特的朋友们用PS制作黄金字，PS制作黄金字效果的教程飞特已经有几篇了。这里给大家整理几个比较不错的黄金字教程出来。PS黄金字教程: http://plan.fevte.com/ps/wenzixiaoguo/wenzixiaoguo-20348.htmlPS制作黄金质感磨砂字: http://plan.fevte.com/ps/wenzixiaoguo/wenzixiaoguo-20142.htmlPS文字教程之用PS打造金属镂空字: http://www.fevte.com/plan/pstext/photoshop-7891.htmlphotoshop制作黄金文字效果: http://www.fevte.com/plan/pstext/photoshop-2387.html制作步骤如下：新建文档，大小800*6000.你也可以自己设定喜欢的大小。O(∩_∩)O哈哈~1.打开Photoshop新建命令建立一文件，名称自己字，宽度和高度按自定，确定其它保持默认，即可。2.新建一个图层，然后选中新建图层用文字蒙版工具输入你想要做的字。3.shift+F5调出填充对话框，将使用改成50%灰色，其它保持不变，即可。4.选择图层旁边的通道按钮将，将选区存储为通道（灰色方块中间有个圆的按钮）