推荐阅读
优秀网页设计师用实战案例解读内容化设计
什么是内容化设计?设计师为什么要关注内容?如何通过设计的手段提高内容体验?阿里设计师用一个手淘的实战案例,帮你掌握内容化设计的精髓。前言如果说好的产品是运营出来的,那么内容作为用户体验中的重要部分不容忽视。然而我们在设计中经常缺乏内容体验的意识。借着第十三届用户体验大会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色阶调黑色照片变白教程
今天给大家分享的是用PS色阶来把黑妞调成白妞的方法,详细请阅读以下内容的调色过程。原图:效果图:第1步:打开原图素材,按F7进行图层面板,复制一个背景副本出来。第2步:选中背景副本,点击图像菜单,选择调整里面的色阶或是按Ctrl+L。
PS怎么把头发黑色变成金色
网友给了一个照片,说要把黑发变成金发,很简单的一个过程,大家只有用颜色减淡模式就可以完成,详细请阅读以下内容的介绍过程。效果图:原图:第1步:打开网友的照片,在图层面板上面,新建一个图层。第2步:设置前景颜色为橙色。点击笔刷工具。设置不透明度为50%。第3步:在新建图层里,把头发刷一下。
PS液化放大眼睛效果
朋友的小女孩眼睛很少,说要用什么方法可以放大一些,下面就给大家介绍PS液化放大眼睛效果,详细请阅读以下内容的处理方法。效果图:原图:第1步:打开女孩照片,按F7进入图层面板,复制一个背景副本。第2步:点击滤镜里面的液化功能。
PS画笔加图层颜色处理图片
今天给大家介绍的是怎么使用画笔工具配合图层颜色来完成照片的处理。详细请阅读以下制作过程:效果图:原图:第1步:打开人物图片,点击画笔工具。设置前景色为深灰色。第2步:点击画笔的设置。进入设置以下的参数。
怎么用ps去除双下巴
今天给大家介绍一下怎么用ps去除双下巴,详细请阅读以下内容的基本介绍处理过程。效果图:第1步:点击钢笔工具把下巴给抠起来。路径里面就有一个工作路径。第2步:点选路径面板下面的创建选区。第3步:选择菜单里面的修改,选羽化设置。
利用PS快速蒙版抠白猫
用PS怎么把白猫抠出来,有什么方法可以用PS抠出白猫,下面我们给大家分享一下利用PS快速蒙版抠白猫的方法与步骤过程介绍。效果图:原图:第1步、打开原图,我抠图起手都是魔棒,这是当初在影楼干活儿留下的后遗症,然后你看到的,这容差太坑了。第2步、用快速选择,更坑,不得不说有时候快速选择的确好用。
PS怎么女童抠图的方法
怎么把女童用PS抠出来,女童怎么用PS抠出来,下面给大家分享一下PS怎么女童抠图的方法与抠图步骤介绍。希望能帮助到大家。原图:效果图:第一步、打开素材图片,首先点击快速蒙版。第二步、然后按B键,对着图片点击右键选择笔头,画笔选择不透明度:100%,流量:100%。
PS怎么抠出多绒毛的小狗
今天给大家分享一下PS怎么抠出多绒毛的小狗的方法与抠图过程介绍,希望大家能喜欢这种抠图方法。原图:效果图:第1步、首先,使用你喜欢的选区工具比如“快速选择工具”框选出汪星人,如下图,不用太纠结边缘轮廓的精细度问题先。第2步、框选之后,可以在菜单栏下的工具选项栏上,点击“调整边缘”按钮,激活该面板。如下图所示,可以发现,设置参数非常多,勾选“智能半径”,通过参数调整,设定在合适对的数值。PS:在CC 2015.5的版本中,按按钮已经更新为“选择并遮住”功能。勾选“智能半径”并设置合适参数。第3步、在设置“智能半径”参数的时候,我们可以勾选“显示边缘”按钮,然后只清晰显示边缘,更有利于我们查看边缘的精细效果,快捷键“J”作用是切换“显示边缘”与否,如下图所示。
利用PS涂抹工具抠出人物
原图:效果图:第一步、打开人物图片,使用钢笔工具把人物抠出来。第二步、放大人物图形,看路径是不是在头发的里面。效果如下:第三步、快捷键Ctlr+Enter将路径转换为选区,Shift+F6羽化0.2px避免产生生硬的边缘,复制选区部分到新的图层。降低原图层透明度,保证能看出外延头发的轮廓即可。
利作PS抽出滤镜抠出散开的头发方法
效果图:原图:第1步:和大多数人一样,看到这张图片背景并不复杂,于是首先想到的肯定是通道。但是我用通道来做的时候,却发现头发边缘仍有很多难以去掉的绿色。即使边缘优化也不太理想。第2步:好吧,我们来试试滤镜抽出。首先复制图层,养成良好的作图习惯。