推荐阅读
优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例，帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的，那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会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制作3D出屏效果的案例教程
今天给大家分享一个PS制作3D出屏效果的案例教程，其实不难，通过简单的合成效果就能做出来，主要是运用抠图、图层蒙版工具，下面就来看看具体的操作步骤效果图制作3D出屏效果步骤1、将图片素材放入PS中，并复制出一层；2、将手机素材放入PS中，调整好大小；3、使用魔棒工具选中白色部分并将其删除；4、在手机层上添加图层蒙版，用黑色画笔将手机边隐藏，将鹿角显示出来，这样有种把鹿拍照到眼前的立体感；5、最终效果图；
PS打造图片层叠切割的案例教程
今天给大家分享一个PS打造有意思的图片层叠切割的案例教程，简单好看，主要是通过矩形工具、图层样式来实现的，下面就来看看具体的操作步骤吧原图效果图1、矩形工具：用于绘制矩形图案，按住SHIFT键不放，可以绘制正方形矩形2、图层样式：制作浮雕、描边、投影等效果，增加立体感1、将图片放入PS 中，按住ctrl+j复制一层；2、在图层下方找到新建图层按钮，新建一个空白图层，并按住ctrl+delete键将其填充灰色；
PS怎么把图片合成双重曝光特效？
今天给大家分享一个PS合成双重曝光的案例教程，即好看有简单制作的图片美化效果，原理是将两张或多张图片叠加而成，主要运用画笔、图层蒙版、色阶等工具在制作而成，操作步骤简单，下面就来看看具体的操作步骤吧。效果图1、画笔工具：通过定义画笔的形状、颜色等在画布上涂抹出任意形状2、图层蒙版：对该图层遮挡和显示处理，在图层蒙版上填充黑色为隐藏，白色为显示3、色阶：是指图像的明暗显示信息，由3个滑块控制，黑色三角代表暗部，白色三角代表亮部，灰色三角代表中间调1、首先，新建一个600*800的画布大小；2、将人物素材放入PS中；
PS如何制作炫酷火焰人物效果？火焰特效创意合成教程
今天给大家分享一个PS制作炫酷火焰人物的案例教程，在本次教程中主要给大家讲的是人物装转为素描效果，在使用图层样式制作燃烧效果，最后再加入一些火焰元素制作而成，下面就来看看具体的操作步骤吧效果图1、图层样式：可以对选中的图层添加投影、浮雕等效果1、将素材图片放入PS中，Alt+Shitf+CtrI+B处理成黑白效果；2、按住CTRL+J复制一层，并将图层混合模式改成颜色减淡；3、执行菜单栏-滤镜-模糊-高斯模糊，数值根据实际效果而定；4、按住Ctrl+Shift+AIt+E盖印；5、按住Ctr1+I反相，得到一个类似黑板的效果；6、在图层下方找到曲线，将曲线网上提，提亮画面；
PS制作人物文字效果
今天给大家分享一个PS制作人物文字效果的案例教程，制作过程简单易学，主要通过文字工具跟剪切蒙版制作而成，下面就来看看具体的操作步骤吧原图效果图1、文字工具：在PS文档中输入相应的文字，并选择相应的字体、字号、颜色等；2、剪切蒙版：根据下方图层的形状来显示当前图层效果；1、首先，将扣好的人物素材放入PS中；2、使用左边工具栏的文字工具框选出画布；3、然后在文字选框中输入任意文字，将其填满，文字字号稍微小些；
PS给图片换背景的案例教程
今天给大家分享一个PS给图片换背景的案例教程，主要是通过魔棒工具选中背景再替换颜色来实现的，操作步骤简单，下面就看看具体的操作步骤吧原图效果图1、首先准备好的图片素材放入PS中；2、在左边工具栏中找到魔棒工具点击下背景得到选区；3、弹出颜色窗口，任意选择一个合适的颜色；4、按住ctrl+delete键填充颜色；5、再按住ctrl+d键取消选区；
PS如何给蓝色证件照换背景颜色?
今天给大家分享一个PS给证件照换背景颜色的案例教程，主要是运用快速选择工具、图层的运用等来完成的，下面就来看看具体的操作步骤吧。原图效果图1、首先，将准备好图片素材放入PS中；2、在使用快速选择工具选中人物；3、按住ctrl+j键复制出人物图层；4、在人物图层下方新建图层，并填充颜色；5、最终效果图；
如何给汽车换背景图片？PS抠图换背景教程
如何给汽车换背景图片？PS抠图换背景教程原图效果图1、首先，将准备好的图片素材放入PS中；2、在使用左边工具栏的快速选择工具选中车辆；3、按住ctrl+j复制出图层；4、再将准备好背景图片放进来；5、得到最终的效果；
秒抠印章 PS秒抠印章案例教程
今天给大家分享一个PS秒抠印章的案例教程，既然是秒抠，自然是很简单的了，就不过多介绍了，直接进入正题吧原图效果图1、色彩范围：通过在图像中指定颜色来定义选区，并可通容差来扩大或减少选区；1、首先，将准备好的素材图片放入PS中；2、接着执行上方菜单栏的选择--色彩范围的指令；3、使用第一个吸管吸取印章颜色，并调整颜色容差来控制选区的大小；4、得到选区后按住ctrl+j快捷键复制出来，再将背景图层隐藏，就可以看到抠出来的印章了；5、看看最后的效果结语，到这里，PS秒抠印章的案例教程就结束了，看完之后是不是很简单，有没有蠢蠢欲动的感觉，赶紧动手试试吧
利用PS蒙版工具更换图片背景颜色教程
今天给大家分享一个PS蒙版更换背景颜色的案例教程，主要是通过魔棒工具选中背景，在利用图层蒙版的特性来实现的，下面就来看看具体的操作步骤吧原图效果图1、首先，将准备好的图片素材放入PS中；2、接着点击图层下方的图层面板按钮进行添加；3、在使用魔棒工具选中背景；4、将前景色调整为纯黑色；5、点击图层后的蒙版，按住ctrl+delete键填充颜色，得到如下图效果；