推荐阅读
优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例，帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的，那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会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设计保护动物公益海报教程，希望大家可以喜欢。最终效果1、首先把海平面素材都拖进PS，就像拖地一样。2. 然后用色相饱和度来把海平面色调调成一致，具体调什么数值，自己靠眼睛看。3、将海平面下面用蒙版擦去，蒙版的作用就像是把你的眼睛遮上，把新的海平面放在合成的天空下面。4、加入深海的素材图片，继续调调色，亮度对比度/曲线/色相饱和度啥的能用上的都用上，具体怎么调靠感觉。
泡沫文字，PS制作漂亮的海滩上泡沫文字效果教程
PS文字特效：制作海滩上泡沫文字，漂亮的浪花效果文字，水沫字效。本教程主要是通过添加路径文字，并做泡沫图案叠加，对图层模式的修改及画笔的使用完成字效的制作。 效果图： 素材图： 打开素材01，选择编辑-定义图案，将泡沫图案定义为图案 打开素材0
多彩艺术字，PS液化工具制作多彩背景艺术字设计教程
PS字体教程：制作多彩个性的艺术字，彩色油漆文字，个性涂鸦字设计。本教程通过液化工具制作多彩背景，与文字做剪切，然后通过钢笔工具做一些突出的效果。 效果图： 新建画布，700*500像素，新建图层1 使用矩形选区工具绘制如图四个颜色的条 CTRL+j复制一个，将两个缩放如图并合并图层 选择滤镜液化
草莓字体，PS软件制作诱人的草莓特效文字教程
PS个性文字设计教程：制作诱人的草莓特效文字，草莓个性文字，草莓字体。本教程主要是通过添加路径文字，并做泡沫图案叠加，对图层模式的修改及画笔的使用完成字效的制作 效果图： 素材图： 新建画布700-500像素，使用文字工具输入"PSAHZ"琥珀体 打开素材0与文字P做剪切蒙版，添加蒙版使用黑色画笔将多余出的擦掉
布艺文字，PS制作牛仔纹理效果的文字设计教程
PS文字特效教程：学习制作牛仔纹理背景文字，牛仔布字效，布艺文字设计。本教程主要的知识点是掌握滤镜添加杂色及动感模糊的使用。 效果图： 新建画布，700*500像素，新建图层，填充#1c8bd2 执行滤镜-杂色-添加杂色，数量14% 再新建一个图层，填充#868686 执行滤镜-杂色-添加杂色，数量170%
蝴蝶玉石，PS软件制作蝴蝶玉石图标设计教程
本篇教程是教大家如何设计玉石图层，教程所用软件版本为CC2015，步骤四中用到CC2015新增的功能，在同一图层添加两个相同的图层样式，如果你的版本过低，可以复制一层再添加即可。 先看看效果： 1、临摹前分析： 2、开始临摹 在PS中建立900X900的画板，添加纯色颜色填充图层(就在右下角添加调整图层那里选纯色)数值为#f2f4e5。 新建空白图层，用圆角矩形工具画一个300*300PX，圆角为50PX的圆角矩形，颜色为#CAD6b7。 3、圆润底板
水彩人像，PS软件打造艺术感的水彩艺术人像图片教程
本篇教程为英翻教程，软件操作不娴熟的小伙伴儿，谨慎尝试，有做过类似教程的同学们可以温故而知新一下，通过PS打造人物水墨画的效果，这种效果基本上和绘制出来的差不多，只有对软件操作熟练的，还是比较好上手的，国外的教程有的我们可以借鉴学习一下，国内国外都有优秀大佬的教程，我们只要学习到优秀的精髓就可以。 效果图： 1.开始创建动作 第1步 首先，打开要使用的照片。要打开您的照片，请进入“文件”>“打开”，选择自己喜欢的照片。 第2步 如果在上一步中更改了图像大小，请在“历史记录”面板中，单击相机图标以创建新快照。然后，将“快照1”设置为历史记录画笔工具的源。 2.创建绘画效果 第1步 在本节中，我们将创建绘画效果。转到图层>新建>图层以创建一个新图层，并将其命名为Painting_Large_Details。 第2步 现在，选择“艺术历史记录画笔工具”(Y)，“样式”设置为“紧长”。然后选择软刷，将“直径”设置为20 px，然后在整个照片上刷。
PS调色调出甜美逆光艺术效果的外景人像照片
素材图片的主色为黄绿色，调色之前可以直接降低主色的饱和度得到初步的中性图片;然后加强一下暗部及高光区域明暗，再给暗部增加一些蓝红色，高光区域增加一些淡蓝色即可。 最终效果 原图 1、打开原图素材大图，按Ctrl + J 把背景图层复制一层，混合模式改为“正片叠底”，按住Alt键添加图层蒙版，用透明度较低的柔边白色画笔把底部区域稍微涂暗一点，效果如下图。 2、创建色相/饱和度调整图层，对黄色，绿色进行调整，参数设置如图2，3，效果如图4。这一步把图片主色转为中性黄褐色。