推荐阅读

使用Photoshop给洁白雪景人物图片润色处理
雪景人物图片一般都会反白,人物面部会显得较为苍白。处理的时候需要把人物肤色调红润,同时要给图片增加一些淡蓝色,这样画面会清爽很多。最终效果原图一、复制背景层,生成新的图层,我们要在新图层上修饰皮肤,记住不要直接在背景层操作,以免出错了没法返回到最初。二、用仿制图章工具,透明度调整成20%甚至更低,复制好一些的颜色去盖住灰暗和有痘痘的部分,这一步很基础,很多工具也都可以代替,依照个人习惯不同选择不同工具。三、整个画面很灰暗,雪景并不白,我们提亮整个画面的色调。另外注意看调整曲线里的最下方黑色小方块的位置,在黑色像素的部分,略微往像素峰值较高的位置挪动了,这一步是重新定义了画面最黑的部分。

PS合成年中大促电商促销海报设计教程
本教程主要使用photoshop合成年中大促全屏促销海报教程,作者想分享心得也是想了很久的,因为本人自认为能力方面还不够,怕分享一些经验出来又误导了一些新人,但又有很多小伙伴们经常问我,是怎么做的了,怎么合成的,有什么思路吗?

Photoshop CS3制作GIF动画-跟着浣熊阿杰一起走
86ps.com-黄叶飞扬 原创教程,欢迎转贴,转贴本教程时需注明作者和来源! 使用的软件为: Photoshop CS3 辅助使用软件: Ulead GIF Animator5.5适合的读者为: 初级入门 操作的难易度: 简单稍有烦琐 导读:通过本教程的学习,使初学PS的朋友快速的掌握使用PSCS3的动画制作基本功能,及在CS3中如何使用时间轴功能编辑GIF动画的基本技巧,以及Photoshop的智能图层和视频图层的使用等等:因为CS3中已经取消了IR,而PS是无法完整同时打开一幅动态GIF图片的所有帧图层的,如果你的电脑里安装了QuickTime 7.1 版或更高版本,那么可以通过PS的“文件”--->"导入"-->"视频帧到图层"命令来导入GIF图画图片的所有帧信息的,不过,相信一般的朋友的电脑里基本上是没有安装QuickTime 7.1的啦,这样一来,我们就唯有借助别的软件来完成这个任务了,在这里我推荐大家使用Ulead GIF Animator5.5来进行GIF图片的转换为PSD的工作.( 当然用Ulead GIF Animator来处理GIF动画也是个很好的选择哦 )如果你没有该软件, 可以浏览这里了解该软件的相关信息! 素材如下: 效果图:

用PhotoImpact给你的网页图片减肥
经过一番优化,原来379KB大小的JPEG图像被压缩到了77.7KB,而且图像质量并不差!想知道应该怎么做吗?看看下面的文章……笔者有自己的个人主页,经常需要在设计网页时加入一些图片。可是有许多比较精细一些的图片个头都不小,非常影响整个网页的运行效率。我们在设计网页时如何才能在图像质量和图像大小之间找到一个合适的比率呢?友立公司出品的PhotoImpact(Photo 硬派)软件中所带的图像优化器可以帮你的忙。 下面笔者就来介绍一下它的使用方法: 第一步,运行“PhotoImpact”软件,打开要优化的图像。 第二步,打开“图像优化器”,单击“Web”菜单中的“图像优化器”选项,打开“图像优化器”命令框,单击右边预览窗口下方的“JPEG 图像优化器”按钮。 第三步,设置模式。单击“JPEG 选项”选项卡,在“模式”右边的下拉框选择创建JPEG文件的模式,这里有渐进、标准或标准优化三种模式,“渐进”可以使图像在下载时以逐渐淡入的方式显示,“标准”将创建与所有浏览器都兼容的图片,但这样的文件体积要比“渐进”模式的文件大,而“标准优化”则可以用非渐进的压缩技术创建尽可能小的图像文件。 第四步,设置采样模式。“二次采样”可以改善压缩状况,但也可能会损失一些色彩信息。这里我们在“二次采样”中选择“YUV411”模式,这种模式的压缩率是最高的。 第五步,设置压缩率。拖动“质量”右侧的滑动条来调整压缩程度,或者直接在输入框中输入数值也行。数值越小,文件体积也就越小,但图像的质量也就相对越差。这里调节时注意一些,压缩的不能太厉害了,否则图像可能会变得惨不忍睹了哦!一边拖动滑块,一边注意在预览窗口中查看效果,个人认为质量在40左右就可以了。 第六步,设置图像柔化度。单击“柔化”右边的下拉框,选择一个数值,数值越高,图像显得越平滑,尺寸也会越小,也会更模糊一些。然后在“文件类型”中选择真彩色(。 第七步,批处理。为了掌握好压缩率与图像质量之间的关系,您可以用“批处理”命令来了解一下各个压缩率下的图像效果。单击“批处理”按钮,打开对话框,在这里设置好压缩质量的范围及测试次数后,单击“确定”按钮进行批处理压缩测试。完成后,您可以在“批处理结果”对话框中查看测试结果,满意哪个结果,单击“选取”按钮即可。 经过上面的设置,你已基本完成了图像的优化,这时候你可以单击原始图像下方的“浏览器预览”按钮用默认的浏览器查看一下图像在网页上的效果了。图像下方有图像的大小、下载时间等参数。你可以单击“调制解调器速度”菜单按钮,选取好连接速度,计算一下优化后图像的下载时间,这样就可以进行有的放矢的调整了!
最新发布

7个平面设计小贴士技巧帮助你写好界面文案
精简用语、分点论述、优化文字、加上标题… 今天这篇好文总结了7个帮你写好界面文案的小贴士,让你的界面文案变得简单易读。严格来说,我是一名文字工作者,我靠文字赚钱。但我有一件事大部分人都不知道:我讨厌阅读。别理解错了我的意思,我现在依旧保持着阅读的习惯。我会定期浏览书籍、博客、新闻以及杂志。但当作者们把文章写得越来越拖拉,我就不知道我的眼睛到底在看哪里,脑子也越来越迟钝。这样的文章就像一面文字堆砌成的墙。当我还小的时候,我总认为对于阅读的反感是我自身的一个缺点。但直到近几年我才意识到,这个弱点帮助我成为了一个更好的文字工作者。正如你们所知,我常常为应用和网站中的界面写文案。这是需要字字斟酌的。为界面写文案也是一种设计——为那些讨厌阅读的人群而设计。用户根本不会仔细阅读界面上的文字大量的研究表明用户不会仔细阅读网页上的文字。这道理同样适用于手机应用、游戏以及其他交互界面上。大部分用户习惯于粗略地浏览并且摘取只言片语的信息。你一定会感到惊讶,因为相当多的用户都会选择直接点击“下一步”的按钮。

从这4个维度教你选择用户体验研究方法
用户体验研究方法比较多,非资深用户研究人员在选择用户体验研究方法时可能会存在一些困惑,本文阐述了用户体验研究方法选择的一些原则,希望对大家有所启发和帮助。用户体验研究方法范围非常广泛,从经检验的可靠方法(例如:基于实验室的可用性测试)到最近发展形成的方法(例如:远程在线评估)。尽管几乎所有项目都可以从多种方法组合中受益,但一整套用户研究方法在一个项目都使用那是不切实际的。不幸的是很多设计团队只使用他们一两种自己熟悉的方法,最主要问题是不太清楚在什么时候使用什么方法。为了更好地理解在什么时候使用什么方法,可以从以下4个维度来考虑:态度 Vs 行为定性 Vs 定量使用场景产品开发所处的阶段下图是最常用的20种用户研究方法的分布:1. 态度Vs行为维度

详解超实用的图片搜寻方法之完结篇
上一期我们推荐了不少图库站点,也分享了下载图片的技巧。最后第三部分是最关键的「搜图技巧」。我结合这两年自己的切身体会,简单总结出了以下几点。搜索关键词要有哪些原则?1)具体关键词需要具体到某个人,某件事物。2)贴地气大品牌比小品牌容易搜索;国情不同,需要检索的关键词也不同,国内请搜索微信,国外请搜索 Wechat;3)可替代性想要检索的图片不一定是唯一的,可以用其他相近的关键词或者图片代替。明白哪些是所谓的通用图片1)渲染气氛大于实际意义的图片这些图片与他们自身代表的实际意义相比,可以从图片中传达出一种令人振奋的气氛,所以我们可以把这些图片用在能表达类似情绪的词汇中。比如 “阳光”, “大海”, “攀登” 之类的图片就可以用在 “成功”,“胜利”,“进步” 之类的词语中。

设计大师对未来10年设计领域的预测
10年后,你会在哪里做设计?10年后的设计领域会发生哪些变化?设计师应该如何提升自身技能才能适应未来?今天这篇文章,由Facebook 副总裁,知名设计女神Julie Zhuo 来为你揭秘答案。在如同变色龙般变化无常的科技世界里,设计这个词汇还是十分年轻。交互设计这个名字大概在90年代才开始被大家熟知。早在iPhone出现之前,在我从事第一份工作时,我的团队收集了一份所有我们能找到的之前曾设计过交互应用的人员列表。那时候,列表中的人员连100名都不到。Julie Zhuo(右一)而在今天,几乎所有的科技公司对设计的需求都在剧烈上涨。但这些科技公司依然如同西部荒原那样运营着:快速,松散,以及拥有许多年轻新锐的人才。这个领域里最佳的实践方式,就是尝试做最前沿的事儿,而不是用数十年的经验来精雕细琢。创作伟大的作品的过程就如同制作曲奇饼干的面团,柔韧可塑,不惮于改变。想成为科技行业里的设计师?别犹豫!当下可以说是选择这个行当最好、最令人激动的时代。身处如此翻天覆地的变化中,我实在是迫不及待想要看到10年后科技行业中的设计会以怎样的面貌存在了。我们需要展望未来,并从已经发展成熟的相关设计领域里取取经:比如工业设计,平面设计以及时尚领域。这里是我对硅谷未来10年设计领域的预测:1. 设计师需要有掌控全局的经验而不只是停留在交互界面上,设计应不局限于界面,而在于创造完整的体验,从线上到线下各方面。2. 平均看来,大学的设计类项目将会普遍呈现多学科交叉的形式。新一批从大学毕业的设计师需要同时对平面设计、软件、以及硬件的基础知识有所了解与掌握。

让你的设计拥有持久生命力的7个设计技巧
想让一个设计经典而永恒并不容易,但是要实现这一点还是有迹可循的,今天我们来分析7个技巧。那些真正经典的设计始终能够经受时间的考验,它们长盛不衰,大多还是因为它们符合最基本的设计规则和人的基本审美规律。就像Nike和可口可乐的LOGO设计,它们在过去的几十上百年里有着持久的生命力,就是这份规则的力量造就的。而值得庆幸的是,这种永恒设计的规则适用于几乎任何项目。也许你无法再现Nike的LOGO设计的成功,但是你可以通过合理的设计,创造一个符合当下审美,拥有数年生命力的优质设计。接下来的七个技巧,值得你思考。1、专注于可读的内容具备良好可读性的字体、图片是基础,清晰的内容设计和直观的信息传递,是打造可读内容的关键。听起来这是一个艰巨的任务。字体排版应当确保在不同尺寸下都能清晰地为用户所识别。新奇的字体或者过于炫酷的字体效果也许能够在特定的时候吸引用户,但是如果用户读着费劲、无法轻松识别文本内容的话,那么这种设计就是失败的。图片应当是锐利、高素质和易于理解的。正如同文本排版需要具备可读性易于,图片的视觉效果和信息应当是能够清晰传达的。用户应当能够看明白图片中所发生的事情,明白你想表达的意思。设计的视觉传达要到位,其中最重要的是表达明确的信息和意义,图片和文本等内容应当紧密的结合到一起,营造出综合的体验,帮助用户理解。如果不同的元素在信息传递上脱节,再漂亮的设计也是失败的设计。2、引入交互性

详细解析平面设计师学编程的正确姿势分享
前端作为一种偏视觉化的编程技术,确实是外行比较适合的编程语言。想找工作的设计师,有一定的编程基础也会更受青睐。但是在我和很多设计师在打交道的过程中,发现大部分人对于学习编程存在一些误区。本文作者leadream,微信公众号 codesigner,欢迎同学们关注哟比如很多人虽然想学但又认为编程太难有排斥心理;相对地也有一些人用CSS写了一些样式会觉得前端很简单;还有些人不知道从何下手,就开始啃起了枯燥无味的w3school文档(web技术中文文档)。于此我觉得设计师想学会写代码一定要对编程有正确的认知,既要对技术保持一颗敬畏的心,又不能从潜意识里排斥它。我做了两年前端开发,同时也做过许多设计的工作。基于自己的经验,对于设计师学编程这件事我有一些自己的想法和建议想分享给你。术业有专攻可能有些设计师想精通编程,成为一个全栈设计师,但我不太赞成这种想法。毕竟“术业有专攻”,每个人一生的精力有限,根据“一万小时理论”(想要成为某个领域的专家需要持续学习一万小时),要想成为设计大咖已经要花费很多时间了,想同时在技术这一领域有所造诣短时间也是达不到的。但是因为前端经常做一些视觉化的开发,比如写外观样式和交互动画,加之CSS和HTML语法看起来比较简单,常常会给设计师造成一种假象:前端不是很容易学吗。可是,不同于以前网页设计师仅仅做一些视觉还原的工作,现在的前端工程师要做的工作范围极广,写写样式调调动画只是其中一部分。从这个职位属性的变化——从设计师到工程师——就可以看出来,一名合格的前端工程师除了能够还原页面视觉,还要有工程化的思维,对数据结构有深刻的认识,有时候还需要一些计算机网络的知识,对后端也要有一定了解。这几年前端技术发展飞快,各种框架及工具层出不穷,新技术不断出现,想要追上却力不从心。所以说,前端入门容易但想要学深学透却“难于上青天”。说了这么多,其实是想告诉你要明确学习编程的目的。如果你想从设计师转行成为一个前端工程师,那么可能就要心无旁骛地去从计算机科学这门学科的基础知识开始学习了。但我相信大部分设计师的目的是想成为“T”型人才——在设计领域是专家,而对于技术领域也有一定程度的涉猎。所以,学习编程对我们来说就是为了增加自己的附加值。

案例解析10个设计心理学技巧该怎么用
研究刺激用户的心理诱因,将有助于设计师利用它们来做出更成功的产品。下面总结的这10个心理学技巧,将有助于创造让用户上瘾的产品,每个设计技巧都附上了实战案例演示,帮你更方便理解。一起来看。1、熟悉度偏见▲ Airbnb为了让潜在客户更容易了解服务,每个功能都做了明确解释。心理学上有个概念叫Familiarity bias(熟悉度偏见),就是说大家倾向于更相信自己熟悉的东西。比如,面对一道不会的选择题,人们更倾向于选择自己熟悉的那个答案,而不是正确答案。人们自然而然会偏向他们熟悉的东西,人们喜欢信任他们所知道的,但害怕变化而产生的不舒服,这就是为什么最好的新产品都是用最熟悉的模式。熟悉的瞬间能够建立信任,而不熟悉的模式则可能产生混乱(至少在最初)。 pull-to-refresh 选项在Twitter上首次引入时,许多人感到困惑。 现在,这个互动几乎是使用最普遍的。经常反复接触后,用户已经开始对一些当初不喜欢或者不理解的东西产生好感甚至溺爱。当然,并不是所有的功能都必须是创新的才能使他更为显著。当iPhone第一次发布的时候,这完全是一个外来观念:这是一个完全触摸屏的手机,没有物理键盘,更是创造了像“捏小拉大”这样的手势专利。然而这种交互手势是人们非常熟悉的。苹果设计了一种类似物理日历的日历,虚拟键盘和实际的物理按钮很接近。苹果选择使用熟悉的模式,而不是抽象的代理物。用这种方式设计iPhone界面,让用户一用上就立即感到熟悉,这些充满现实世界里的互动和隐喻,帮助人们在学习如何使用新设备的过程中,同时能更快地适应新的设备。当苹果的模式开始普及并广泛应用后,苹果公司才可以用抽象化的界面来推出扁平的设计。

给平面和交互设计师的实用报价指南
这篇文章以最常见的“平面设计项目”和“交互设计项目”为例,由表及里,为您详细分析设计项目如何计费。创意和爱情一样,是很难用价格来衡量的东西。俗话说,谈钱伤感情,但是和设计师合作就像谈一场恋爱,不投入哪里有回报?这时候你一定头疼了:我并不是舍不得花钱买好创意,但我希望我花的每一分钱都值啊!来看看下面这篇文章,你就会懂得如何与设计师谈一场“物超所值”的“恋爱”。项目估价、报价不仅体现了客户的预期,更体现了设计师的专业能力。经验丰富的设计师通常能通过预估工作量来推算出报价,然而大多数客户并没有足够的经验,因而很难做出合理的估价。1. 平面设计项目平面设计项目大致上可以分为品牌形象、包装设计、广告设计、书籍画册设计这四类。品牌形象:Logo 设计、VI设计(视觉识别系统,包含Logo设计);包装设计:礼品类、日用品类、电子产品类等,根据品牌类型来分,不包括品牌建立;广告设计:路牌、报纸、杂志广告的创意设计、海报设计等;书籍画册设计:产品手册、企业宣传画册、书籍装桢等。

让设计师更好与产品团队合作的10个技术知识
如果作为设计师的你已经下定决心,要加入一个真正的产品团队,那么懂一点技术相关的知识绝对是加分项,不如今天就从最基础的开发模式起步吧。“敏捷开发”(agile)是一个行业专用术语,它常常出现在雇主和招聘人员口中。而对没有在软件工程领域工作过的设计师来说,恐怕很难理解这到底是什么意思。所以有意往软件工程领域发展的设计师,你可能需要了解什么是敏捷开发。作为一个网页设计师,下面分享下我眼中的“敏捷”设计方法。这不是一篇全面的设计指南,也不是什么关于“scrum”或“agile”的不二真理,但如果你正在准备参加一个互联网产品或软件的面试,本文可以帮你建立一些基本的认知。我会就“敏捷开发”是什么、如何运作来做介绍,当然也包括其他相关术语,如“产品需求池”、“迭代需求列表”、“每日Scrum Meeting”以及“潜在可交付产品增量”等概念。当我们谈论“敏捷开发”时,我们在谈什么?在2001年的一次软件开发者的团体讨论中,“敏捷开发(Agile)”一词首次出现。他们一致认同需要一种全新的工作流程,并为此设立了12条原则,将之整合为一份宣言。这份关于敏捷开发的宣言描述了一种工作流程、一种方法论。敏捷开发下图演示了一个敏捷开发的典型过程,在一系列的“sprints”中完成(不知道“sprints”是什么?点击查看《谷歌内部方法!快速做创新设计并验证的DESIGN SPRINT》。

设计师必须要学会的4个沟通方法
一般情况下,对设计一窍不通的客户和设计师交流起来,总会感到有些吃力。因为当你想找设计师时,要么对视觉风格没有概念,要么没想好自己要什么。这都会让你和设计师双方感到步履维艰。看到这里的你,是不是也感同身受?所以接下来,让我们来拆解一些设计过程中常发生的对话,帮助你避免和设计师们沟通失败again。1. 给予明确的创意方向对话一:你说:“我看到成品就知道是不是我想要的了。”设计师听到的:“ 先创造点东西出来吧,然后我就知道‘这TM根本不是我想要的’了。”你会不给建筑师任何资料,就让他凭空帮你建造房屋吧?当然不会!虽然说,如果建筑设计师无需任何提示就能设计出你的梦想房屋很棒,但这些天才设计师根本就不知道,你究竟是需要五间卧室?至少两间半浴室?还有一个能停放三辆车的车库?Balabalabala……缺少这些关键信息的话,可是会大幅影响设计进度,让你永远无法搬进新家了哦。这就是问题的关键:设计师的职责是解决问题。如果你想让他们帮你解决问题,那就需要你清晰地阐述问题,以便让设计师用更好的方法去解决它们。比如:你想通过最后的设计达到什么特定的目的?或者,这些目的的优先级是什么?为了加快设计进程与明确方向,你也可以提供给设计师相应的设计说明书。比如:对于印刷品,你应该规定纸张大小,颜色样式,出血限制和适用的文件格式;对于网页设计,你应该提供像素大小,适用的文件格式和文件大小限制;