推荐阅读

优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例,帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会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“相加”和“减去”模式精确选择颜色
一、关于“相加”模式“相加”模式的公式:[(源1+源2)/缩放]+补偿值=结果从公式看,结果可以通过缩放值和补偿值进行调整,如果缩放为1,补偿值为0,那么结果=源1+源2。下面,就以此为前提进行讨论。结论1:R、G、B三个通道中任何两个“相加”,结果为第三个通道之外的颜色。即:1、红+绿=蓝色之外的颜色;2、红+蓝=绿色之外的颜色;3、绿+蓝=红色之外的颜色。很有意思,也很好记吧。给一个自己做的图,通过“计算”试试看。用途:将“计算”得到的alpha通道反相后,即得到了蓝色、绿色和红色。结论2:R、G、B三个通道中任何两个反相后“相加”,结果为第三个通道补色之外的颜色。即:1、红反+绿反=蓝补色即黄色之外的颜色;2、红反+蓝反=绿补色即品色之外的颜色;3、绿反+蓝反=红补色即青色之外的颜色。(好推理吧,呵呵。)用途:将“计算”得到的alpha通道反相后,即得到了黄色、品色和青色。结论3:R、G、B三个通道中任何两个且其中一个反相后“相加”,结果为去除反相的那个通道颜色和参与计算的另一个通道补色之外的颜色(太绕嘴了)。即:1、红反+绿=去除红色和绿补色即品色之外的颜色;2、红+绿反=去除绿色和红补色即青色之外的颜色;3、红反+蓝=去除红色和蓝补色即黄色之外的颜色;4、红+蓝反=去除蓝色和红补色即青色之外的颜色;5、绿反+蓝=去除绿色和蓝补色即黄色之外的颜色;6、绿+蓝反=去除蓝色和绿补色即品色之外的颜色。用途:将“计算”得到的alpha通道反相后,可以得到6相邻色,即红色和品色、绿色和青色、红色和黄色、蓝色和青色、绿色和黄色、蓝色和品色。换言之,选择颜色的色域更加宽广了,过渡也就会更加自然些。二、关于“减去”模式“减去”模式和“相加”模式是相对的,要不它们怎么会放在一组呢?往下看……结论1:R、G、B三个通道中任何两个“减去”,结果为源2颜色和源1颜色的补色。即:1、红-绿=绿色+青色;2、红-蓝=蓝色+青色;3、绿-红=红色+品色;4、绿-蓝=蓝色+品色;5、蓝-红=红色+黄色;6、蓝-绿=绿色+黄色。这个和“相加”模式的结论3相同。结论2:R、G、B三个通道中任何两个反相后“减去”,结果为源1颜色和源2颜色的补色。即:1、红反-绿反=红色+品色;2、红反-蓝反=红色+黄色;3、绿反-红反=绿色+青色;4、绿反-蓝反=绿色+黄色;5、蓝反-红反=蓝色+青色;6、蓝反-绿反=蓝色+品色。这个结果也和“相加”模式里的结论3相同。结论3:R、G、B三个通道中任何两个其中一个反相“减去”后,如果源1反相,结果为第三个通道的补色;如果源2反相,结果为第三个通道的颜色。即:1、红-绿反=蓝色;2、红一蓝反=绿色;3、绿-红反=蓝色;4、绿-蓝反=红色;5、蓝-红反=绿色;6、蓝-绿反=红色;7、红反-绿=黄色(蓝补色);8、红反-蓝=品色(绿补色);9、绿反-红=黄色(蓝补色);10、绿反-蓝=青色(红补色);11、蓝反-红=品色(绿补色);12、蓝反-绿=青色(红补色)。这个相当于“相加”模式的结论1和2之和。拉拉杂杂写这么多,就是想赶紧混够权限,好看达人们精彩的文章这个教程只是说明一点:用“相加”或“减去”模式精确选择颜色形成选区,以选区做蒙板,要远比手工做的要精确的多的多(那是没有可比性的),这样以来在色彩的过渡上会特别自然。

PS用照片滤镜调整白平衡失常的照片
众所周知,数码影像拍摄过程中的白平衡设定会对照片的影调和色彩产生决定性的影响,虽然利用RAW格式可以在后期处理中轻松地调整色温,但普通便携相机使用JPEG格式拍摄的照片,如果自动白平衡设定偏离了拍摄意图,又在后期处理中如何调整呢? Photoshop中的照片滤镜功能就是一个很好的工具。 1、打开照片滤镜 先以提升色温操作为例,在Photoshop中点击“图像-调整-照片滤镜”,打开照片滤镜调整工具的控制窗口。色温偏差的原图片:打开照片滤镜 2、调整照片的色温 在照片滤镜调整工具的控制窗口中,打开“滤镜”的下拉菜单,选择加温滤镜(85),加温滤镜(85)可以使图像的颜色更暖。随后,通过调整“浓度”滑块,来辨识照片的调整效果。在调整妥当后,点击“确定”即可。调整照片色温

如何利用海景拍出好照片 外景摄影教程
在夏天一定得去拍摄婚纱照的地方,非海边莫属。不过,大家应该有发现,在海边拍照常常会发生过曝的现象,不然就是在场景的明暗对比太大,无法确切地突显被摄主体的曝光度。接下来要带给爱去海边的摄影者一些实用的拍摄技巧,如果海边的光线太过于强烈,可以找有树荫的地方,在阴影下拍摄;拍摄海浪时,要使用1/500秒以上的高速快门及连拍功能,才能捕捉海浪的瞬间的变化。还有哪些拍摄技法呢?一起看看吧。 在阴影中拍摄 在光线强烈的正午,为了避免散射光线直接进入镜头。如果可能的话,可以站在阴影中进行拍摄。这样拍摄的照片就能获得更好的对比,曝光也会更加精准。 凝固翻滚的海浪摄影教程 设定1/500秒以上的高速快门,并利用高速连拍功能,就可以捕捉到海浪奔涌的瞬间变幻。在拍摄时,可以使用长镜头让飞溅的浪花充满画面,以及尽量压低角度仰拍,就能更好地表现海浪的气势。 延伸的海岸线 尽量寻找至高点,以俯视的角度拍摄,并利用海岸线的婉转延伸,将视线带向远方。海岸线可以引起视觉焦点的变化,使画面显得富有活力和气势。 水底世界 潜水拍摄时,应该尽量靠近被摄主体,因为水下的光线较弱,远距离就难以拍摄到清晰的画面。如果能够携带外部光源的话,对潜水拍摄是非常有帮助的。

6个技巧突出照片重点
好的摄影作品绝非可以片面的概括总结。但有一点毋庸置疑,一幅好照片要把观众的注意力吸引到趣味中心――被摄主体上。你喜欢拍人物,拍生态,这些都不是问题,但是牢记一点,无论你的被摄主体是什么,你必须保证的一点是,要在第一时间,把观众的注意力引导到你的主体上。那么具体究竟应该怎么做,相信看完这个专题你再去实践,应该会有不一样的收获。 1.通过布局突出重点: 我们知道:实景和实景照片的区别就是:照片受四条边框的限制,而实景是连续不断的,观者可以把注意力移向周边任何部分。因此,摄影师如何将静物安排在这四条线之内,决定了其作品的成败。 至关重要的,就是决定把作为趣味中心的被摄主体安排在什么地方。一般来说放在靠近画面中心的物体最为突出,切记,“一切法则都注定要被突破”的原则。黄金分割,九宫格,画面中心统统可以由你安排,但是务必牢记一点,用心布局!这关系到你作品的成败! 2.通过大小比例关系突出重点 : 突出被摄主题的一个有效方法是让它的尺寸看起来不太一样,上面这张照片巨幅广告里的女主角比实际生活中的男主角要大的多,对比起来,那个在角落里的黑人男性是那么卑微。

什么是RAW格式,RAW与JPEG的区别与优劣对比
绝大部分的数码单反相机既能拍摄RAW格式,也能拍摄JPEG格式,那么什么是RAW格式呢?RAW跟JPEG有什么区别和优劣呢?我们应该利用RAW还是JPEG来储存照片呢?让我们好好了解一下! 什么是RAW格式 RAW中文解释是“原材料”或“未经处理的东西”。RAW文件包含了原图片文件在传感器产生后,进入照相机图像处理器之前的一切照片信息。用户可以利用PC上的某些特定软件对RAW格式的图片进行处理。 RAW格式的储存和优势 通过对颜色过滤排列的专题的了解,我们应该知道传统的传感器中,每个象素只负责获得一种颜色。每个象素承载的数据通常有10或12位(12位最常用),而这些数据就能储存到RAW文件里面。照相机内置图像处理器通过这些RAW数据进行插值运算,计算出三个颜色通道的值,输出一个24位的JPEG或TIFF图像。 虽然TIFF文件保持了每颜色通道8位的信息,但它的文件大小比RAW更大(TIFF:3×8 位颜色通道;RAW:12位RAW通道)。JPEG通过压缩照片原文件,减少文件大小,但压缩是以牺牲画质为代价的。因此,RAW是上述两者的平衡:既保证了照片的画质和颜色,又节省储存空间(相对于TIFF)。一些高端的数码相机更能输出几乎是无损的压缩RAW文件。 RAW的适用性 许多图像处理软件可以对照相机输出的RAW文件进行处理。这些软件提供了对RAW格式照片的锐度、白平衡、色阶和颜色的调节。此外,由于RAW拥有12位数据,你可以通过软件,从RAW图片的高光或昏暗区域榨取照片细节,这些细节不可能在每通道8 位的JPEG或TIFF图片中找到。 RAW的弊端 RAW有一个明显的弊端:随着照相机牌子和型号的不同,它们输出的RAW格式也不同。用户在处理RAW格式图片的时候必须使用厂家提供的专门软件。这为图像处理带来了诸多不便。此外,相对于JPEG和TIFF格式的图片,打开和处理RAW文件要耗费更多的时间。为了解决这个问题,有的数码相机可以让用户拍摄照片的时候同时以RAW与JPEG格式储存照片。随着照相机图像处理速度越来越快,记忆卡容量越来越大而且越来越便宜,上述的做法将不再麻烦了。同时记录JPEG和RAW格式照片,可以让用户使用常规的图像处理软件组织和编辑照片(JPEG);当需要获得处理精细的照片或需要改善照片缺憾(如白平衡不正确和高光/暗部细节缺失 )的时候, 用户可以使用RAW解决问题。除此以外,现在越来越多第三方软件制造商制造一些兼容性强的图像处理软件,让多个品牌、多个型号的照相机都能使用同一个软件处理其输出的RAW照片,解决RAW的兼容性问题。Adobe Photoshop CS就是其中一个例子。然而,Adobe Photoshop CS并不能像厂家的专门软件那样,提供全面的RAW处理设定。兼容性不够强仍然是限制RAW格式发展的最大障碍。

风光摄影光线技巧
光是摄影的生命,没有光线就不可能存在有摄影。摄影的艺术是光影的艺术。大家都知道,风景中的景物和其他东西一样,有了线的照射, 才会产生明暗层次、线条和色调。拍摄风光,主要是以太阳光作为光源。太阳光线是一种变化多端的东西,它照射在景物上,能产生各种不同的效果。它有时强有时 弱,而且还会随着季节和气候的不同而变化,景物就因为它的不同变化而受到不同影响。因此,我们拍摄景物时,就先要了解每种光线的来源和光线的强弱给予的影 响,从而很好地加以运用,才能充分表达景物的光线效果。风光照片拍摄得成功与否,与光线运用得是否得当有很大关系。因此,熟悉光线在景物上的一切变化,是 拍摄风光照片的一个关键问题。 1、正面光对景物的效果 用正面光拍摄景物,可使景物清朗而具有光亮、鲜明的气氛。但正面光照射在景物上过于平正必须缺乏明暗之分,往往会使景物主体与背景的色调互相混淆起来,缺乏景物的立体效果。 2、侧光对景物的效果 利用侧光拍摄景物,由于光线斜照景物,景物自然会产生阴影,显现明暗的线条,使景物有立体的感觉。景物有了立体感,立体瑟背景的色调就不易互相 混淆,但拍摄侧光景物,要注意阴暗部分色高的深浅,以阴暗部分确定光时间,但最好以中性灰为测光基调,使景物阴暗部分的层次能够充分显示出来,使画面层次 丰富。侧光是几种基本光线中最能表现层次、线条的光线,也是最适宜拍摄风光照片的采光。 3、逆光对景物的效果 逆光照射景物,景物中被光线照射的部分,都会产生光亮的轮廓因而就能使物体与物体之间都有明显的光的界线,不会使主体与背景互相混合成一片深黑色的色调。因为逆光所造成的这种光亮的轮廓使主体与背景物截然分开,这就是逆光所独有的特点。 逆光是从景物背后照射来的,我们拍摄的对象必然是没有直接光线照射的阴暗部分,因而也就不容易表现出景物的明暗层次和线条。但是逆光照射在一切 物体的背后,如果物体与物体之间距离不很远,就有互相反射光线的作用。拍摄逆光景物往往会因光亮的轮廓和镜头前面的光照影响拍摄者的视觉,容易造成曝光不 足。因此,拍摄逆光景物必然以景物的阴暗部分或中性灰来确定曝光时间,才能充分显示出景物的层次。另外,逆光照射下的平地、水面以及一切仰面物体,自然会 产生一片强烈的白色反光,为了避免这部分与其他物体色调反差过大,以运用柔和的光线拍摄较为适宜。 4、高光对景物的效果 太阳升至在天空垂直地照射大地时,就是高光。高光是一天中阳光最强烈的时候,因此,光线强烈,阴影必深。同时高光又是从高空垂直照射下来的光 线,除了能表现由上到下的阴暗层次外,并不能表现出物体的质感,这种光线不是拍摄风光的理想光源,非必要时拍摄的景物,应尽量避免采用。 5、散射光、低光、反光对景的效果

复杂光源下之白平衡策略
在正常光线下看起来是白颜色的东西在较暗的光线下看起来可能就不是白色,还有荧光灯下的"白"也是"非白"。对于这一切如果能调整白平衡,则在所得到的照片中就能正确地以"白"为基色来还原其他颜色。 一般白平衡有多种模式,适应不同的场景拍摄,如:自动白平衡、钨光白平衡、荧光白平衡、室内白平衡、手动调节。 白平衡调校的考虑 在拍摄(之前)阶段,我们有很多方式可以调校「白平衡」,例如,从相机指定特定的白平衡方式、自订白平衡、指定色温等。 而在拍摄之后,后制的阶段,我们仍然可以再对影像进一步地调校,常用的方式有几个: 1. 使用色彩平衡来调校:如果您知道影像属于偏蓝、偏红、偏绿、偏黄 ... 等倾向,可以使用这个方法。 2. 指定色温来调校:对于单一大区块光源 ( 例如自然光 ),运用「指定色温」来调校是相当方便的一个做法。 3. 指定灰点来调校:对于较复杂的光源 ( 例如自然光 + 室内特定光线 ),则可以使用指定「灰点」的方式来调校。 灰点 灰点指的是影像中的中间调,通常是反射率为 18% 的区域。

关于眼睛的摄影技巧
眼睛是沟通心灵的桥梁,无论是人物还是动物,透过眼睛,可以展现出内心世界的缤纷多彩。所谓画龙点睛,对眼睛刻画的到位,将为画面增色不少。本期让小编带您一“眼”望过去,看一看该如何拍摄眼睛这个细节。 一、眼神光的运用 拍摄人像时,不论运用什么光源,只要位于被摄者面前而且有足够的亮度,就都会反射到眼睛里,出现反光点,从而构成眼神光。眼睛中显示的反光点,在形状、大小和位置上总是不同的。 各种眼神光的效果是迥然不同的。明亮细小的光表现愉快,范围较大的光显得柔和,而没有照明的眼睛则宛如深潭。英国摄影家戈登 二、目光方向吸引视觉中心 无论是动物还是人物,普遍的正对镜头拍摄容易让人厌倦。而目光移向画面之外,能够感受到被摄主体的思绪、活力、情感波动,在构图上也会有一种延伸感,带给人无限的遐想。 作者:Ugo 这幅作品中可爱的小猫,头部与目光方向正好形成画面的对角线,构图完美,你不仅猜想它是发现了主人投过来的食物还是被窗外一直飞鸟吸引,或者都不是,它也许只是再沉思着什么。“嘿嘿,猫的世界你怎么能懂~” 三、瞳孔和虹膜的特写 虹膜是眼睛里有颜色的部分,一般紧挨着眼睑。换句话说,在眼睑与虹膜底部或顶部之间不应有较大的白色空隙。如果露出了这种空隙,就让他或她的目光向上或者向下看。 瞳孔的大小也十分重要。如果在明亮的光线下拍摄,瞳孔就会变小,拍出来就成了“目光锐利”的样子。要纠正这种情况,就在拍摄前让他们把眼睛闭一会。这样可以让瞳孔恢复到正常大小,然后再曝光。 四、用眼神表现人物心情(人像) 众所周知,能够表达人物内心的,无非三大要素:眼神、表情和动作。这其中,眼神最为关键。一张人像摄影作品中,眼神的成功运用将有助于人物感情的表达。人物的丰富情感世界,或喜、或怒、或悲、或迷茫、或陶醉……都要通过眼睛这扇心灵的窗户展现出来。(作者:大眼 ) 五、用眼神体现环境背景(纪实) 除了人物本身的内心世界,眼神还有很多功用。比如眼神的状态可以体现出主人公身处的环境和时代背景,是在温馨的家人身边,还是在炮火连天的战场,是在欢快的户外郊游中,还是在贫困潦倒的拾荒路上。尤其在纪实摄影中,一个眼神,也许就能说明一切,也许就是一个发人深省的故事! 注:更多请关注摄影教程栏目,三联摄影群:182959594欢迎你的加入