推荐阅读
优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例，帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的，那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会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 CS5初学者必读（26）亮度/对比度
亮度/对比度命令操作比较直观，可以对图像的亮度和对比度进行直接的调整。但是使用此命令调整图像颜色时，将对图像中所有的像素进行相同程度的调整，从而容易导致图像细节的损失，所以在使用此命令时要防止过度调整图像。为了更加便于朋友们理解这个命令的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。亮度：亮度是人对光的强度的感受，如下图为一幅图像的亮度由高到低的不同状态。对比度：对比度指的是一幅图像中，明暗区域中最亮的白色和最暗的黑色之间的差异程度。明暗区域的差异范围越大代表图像对比度越高。
Photoshop CS5初学者必读（27）阴影/高光
“阴影/高光”命令不是简单地使图像变亮或变暗，而是根据图像中阴影或高光的像素色调增亮或变暗。该命令允许分别控制图像的阴影或高光，非常适合校正强逆光而形成剪影的照片，也适合校正由于太接近相机闪光灯而有些发白的焦点。为了更加便于朋友们理解这个命令的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，将“人物.tif”文件打开。（2）执行“图像”→“调整”→“阴影（3）显示更多选项。（4）设置“阴影”选项组中“数量”选项。
Photoshop CS5初学者必读（28）HDR色调
本节内容将向朋友们介绍“HDR色调”命令，此命令为photoshop CS5种新增的色彩调整命令，使用此命令可用来修补太亮或太暗的图像，制作出高动态范围的图像效果。为了更加便于朋友们理解这个命令的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，将素材“人物.tif”文件打开。（2）执行“图像”→“调整”→“HDR色调”命令，打开对话框。（3）在对话框中，设置“边缘光”选项栏。
Photoshop CS5初学者必读（29）通道混合器
“通道混合器”命令可以将图像中的颜色通道相互混合，起到对目标颜色通道进行调整和修复的作用。对于一幅偏色的图像，通常是因为某种颜色过多或缺失造成的，这时候可以执行“通道混合器”命令对问题通道进行调整。为了更加便于朋友们理解这个命令的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开素材“色彩.tif”文件，在“通道”调板中观察颜色分布的状态。（2（3）减少输出通道中的红色成分。（4）设置“红色”参数为0%。
Photoshop CS5初学者必读（30）照片滤镜
使用“照片滤镜”命令，可以模拟在相机镜头前面安装彩色滤镜的视觉效果，通过该命令可以调整图像的色彩平衡和色温，使图像呈现更准确的曝光效果。为了更加便于朋友们理解这个命令的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开素材“背景.tif”文件。（2）选择“背景”图层，执行“图像”→“调整”→“照片滤镜”命令。（3）选择预设照片滤镜。（4）调整“浓度”选项。
Photoshop CS5画笔应用（1）使用画笔
在以下的学习中，将向朋友们安排一系列的关于画笔应用方面的教程，在本节内容中将着重向朋友们讲述使用“画笔”工具进行绘画。“画笔”工具是绘图工具中最为常用的工具之一，只要设置好所需要的颜色、笔刷大小、形状、压力参数，就可以直接使用鼠标在页面中进行绘画。为了更加便于朋友们理解画笔的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，将素材“人物.tif”文件打开。（2）选择“画笔（3）设置画笔大小。
Photoshop CS5画笔应用（2）管理画笔
本节内容将向朋友们着重讲述有关画笔管理方面的内容，打开“画笔预设”选取器，在这里可以设置画笔预览的方式，新建、删除、重命名画笔的操作；还可选择系统自带的画笔，或者重新载入、替换所需的画笔，可以在绘画的过程中更加得心应手。为了更加便于朋友们理解画笔的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，打开“人物.tif”文件。（2）所有编辑画笔的命令，都在“画笔预设”选取器的调板菜单中。（3）在“画笔预设”选取器的调板菜单中，选择系统自带的其他画笔类型。
Photoshop CS5画笔应用（3）画笔笔尖形状
本节内容来为朋友们讲述“画笔笔尖形状”项目的设置与应用技巧，通过设置此项目，可以设置画笔笔尖的样式、直径、硬度，还可以设置画笔的翻转、角度、圆度和间距等。为了更加便于朋友们理解画笔的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，打开“字母.tif”文件。（2）打开“画笔”调板。（3）设置画笔的“大小”、“硬度”、“间距”和“圆度”。
Photoshop CS5画笔应用（4）形状动态
在“形状动态”项目中，可以对画笔抖动的大小、角度及圆度等参数进行设置，从而改变画笔的形态。灵活的运用“形状动态”项目下的选项设置，可以绘制出生动地带有动态效果的笔触。 为了更加便于朋友们理解画笔的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）打开素材“背景.tif”文件。（2）打开“画笔”调板，设置“画笔笔尖形状”项目。（3）进入“形状动态”选项卡，对“大小抖动”选项进行设置。
Photoshop CS5画笔应用（5）散布
本节内容将继续为朋友们讲述“画笔”调板中的“散布”项目。当我们需要绘制一些不规则的同类图像时，如果一个个去画很麻烦。如果要想快速绘制随机分布效果，我们就要认真地学习一下散布项目的各项设置。为了更加便于朋友们理解画笔的应用，我精心的为朋友们安排了实例，在开始教程的学习之前，请先在网站下载配套的练习文件，以便跟随操作步骤学习。（1）执行“文件”→“打开”命令，打开素材“冰淇淋.tif”文件。（（3）选择“散布”选项卡，首先来认识一下“散布”选项。（4）设置不同的“散布”参数值，可以调整画笔笔触的分布。