推荐阅读
使用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左右就可以了。 第六步，设置图像柔化度。单击“柔化”右边的下拉框，选择一个数值，数值越高，图像显得越平滑，尺寸也会越小，也会更模糊一些。然后在“文件类型”中选择真彩色（。 第七步，批处理。为了掌握好压缩率与图像质量之间的关系，您可以用“批处理”命令来了解一下各个压缩率下的图像效果。单击“批处理”按钮，打开对话框，在这里设置好压缩质量的范围及测试次数后，单击“确定”按钮进行批处理压缩测试。完成后，您可以在“批处理结果”对话框中查看测试结果，满意哪个结果，单击“选取”按钮即可。 经过上面的设置，你已基本完成了图像的优化，这时候你可以单击原始图像下方的“浏览器预览”按钮用默认的浏览器查看一下图像在网页上的效果了。图像下方有图像的大小、下载时间等参数。你可以单击“调制解调器速度”菜单按钮，选取好连接速度，计算一下优化后图像的下载时间，这样就可以进行有的放矢的调整了！
最新发布
详细解析什么是优秀的设计思维与方法
在我现在的职业中，每天都在与很多设计师沟通评审设计方案，也会常常做一些面试的工作。这些工作内容让我有很多机会倾听了解其他设计师们的工作方式和思维方式。我越来越发现，在年轻设计师里一些普遍存在的问题，以及他们的困惑。这些问题都相对比较集中。在讲设计思维的方法之前，我想先从两个案例开始。在一次面试中，有位设计师向我阐述他的设计方案。他告诉我他做了市场调研，进行了头脑风暴，梳理了线上流程，研究了信息架构，并且他还体验地图分析了行为路径等等，最后他告诉我的方案的设计关键词是让信息有序化+互动性+社交性。当然实际上他的设计方案与他的分析没有什么关系，因为我听了很久也不知道他要解决什么问题，而方案与设计关键词也并没有太大的关系。我再分享一个案例，是我在一篇文章上看到的，Facebook的总监讲述LIKE的新设计。他对like的新方案的阐述是这样的。这个设计的目的是希望对like按钮进行改进，增强用户互动的意愿，以及提升like的表现力。而他做的第一件事情是理解——什么叫增强互动，什么叫表现力，背后的产品目标是什么?是用户可以更多的表达。然后他开始找如何让这个目标具体化。寻找更多可以被普通认知&广泛使用的reactions。 他通过各种途径去找，最常用的表情是什么，搜索的表情是什么，最多的短评论是什么。这其实是一个相关性的手段，设计师希望可以从侧面寻找大家在表达过程中喜欢用什么reactions，然后他找出来了，并使用之前定义好的原则来进行筛选，完成设计方案。
详细解析字体设计的细节和形式感
字习时间的活动到七十多期了，其中发现很多作品想法思路是正确的，有些还很有意思，但整体视觉效果确一般，那为什么所想和所做会有如此差距?所以有了本期要和大家聊的主题：字体设计的细节和形式感。本篇将会通过一些实例带大家认识字体细节和形式感，所用大部分实例选自我课堂中的现场修改，时间短暂难免有瑕疵，望理解。本期分享目录：一、字体设计的细节01.结构细节02.笔画细节二、字体设计的形式感01.变形02.图形化03.组合多样化
为电视做UI设计系列教程之实战经验总结
当涉及到为电视这样的新交互模式设计界面时，许多在智能手机和平板上有效的模式，都需要重新思考，如何利用大屏幕和遥控带来的输入模式。今天这篇译文采访了英国最成功的TVPlayer背后的研发与设计团队，让高手来教你。Fire TV上的TVPlayer这个任务并没有吓到TVPlayer的开发者们，这是全英国在Fire TV和Fire TV Stick上最成功的电视应用之一。TVPlayer是一款Android原生流媒体应用，可以让你在Amazon和Android设备上免费观看电视直播，它掌握了英国许多收视率最高的频道。TVPlayer在2014年作为Fire TV的一部分同时发布，它的成功一直延续至2015年、2016年。Simplestream，TVPlayer背后的研发与设计团队，接受了打造电视优先体验的艰巨任务。我们采访了运营总监Lewis Arthur和Simplestream的Android开发Michael Jordan，请他们分享Fire TV应用设计过程中的真知灼见，下面是他们的分享。设计过程：从手机到电视在登陆Fire TV前，TVPlayer已经可以在Fire Tablets和Android设备的Amazon Appstore中下载。移动端版本的设计师，将关注点聚焦于可用性与内容的易达性。他们在欢迎界面采用了大胆醒目的图片布局，主标签内有可滚动的直播电视频道列表。设计师决定坚持“浅色”主题，为了使内容突出，也保持各平台的主题一致。
验证码的应用场景和交互流程超全面总结
最近在做关于验证码项目的时候，从交互的角度梳理了各个平台验证码的应用场景，今天总结一下验证码在产品中出现的场景和交互流程。欢迎关注点融设计中心DDC微信公众号(微信ID：DR_DDC)在一个产品中，会有多个设计师分工协作，也会由不同的设计师做设计迭代，验证码这个“不起眼”的存在很可能会被忽略，导致它在每个场景的显示逻辑不尽相同。下面，我们就来聊一聊不同应用场景下的验证码。网上一查验证码，出来的相关词都是“反人类”，尤其是“反人类”的新高度12306的验证码。△ 图1 12306验证码验证码的存在如此反用户体验，为什么还是不能缺少的呢?简而言之，就是为了证明你是个人而不是机器，我们所知的许多网络恶意攻击都是机器恶意刷导致的，为了安全就必须设个门槛将机器拒之门外。验证码通过人可以识别而机器无法识别这样的逻辑来设计，无论它以什么形式出现，都是个必要的门槛。一、注册我们通常见到它的场景是注册登录场景，注册时会出现在一般注册流程里。大多数网站注册页面选择一页填写完所有信息，一键提交注册完成。在绑定手机号不在主流程内时，验证码多数情况出现在最后一步填写内容。这在老式的论坛很常见。
让你学到交互设计师的逻辑思考方法
文本框是设计工作中常见的组件之一，无论是PC还是无线，大多仅是样式上的不同，它们的交互行为上是可以相互参照的。本文想从这一简单的组件出发，让大家看到交互设计师在工作中的逻辑思考方法，从而达到见微知著的直观感受。先来做个设计需求吧。这个设计需求是：我们需要用户填写活动的名称。第一反应，这个是用来收集信息的，需要用户填写内容，并提交给系统，应该使用文本框。然后大笔一挥，设计如下图：这样就完成了吗?这个设计能交附程序猿开发了吗?答案显示是：NO。如何全面地思考？1. 了解需求背景首先我们需要了解这个需求的背景，多问几个问题。为什么要让用户填写?这个信息对我们的业务有什么帮助?
详细解析海报主流毛笔字体绘制教程
毛笔字体包含古代各家书体，如真书(楷书)、行书、隶书、草书、魏碑、篆字、甲骨文等等等数十名家字体。简约却不失张力的视觉感，使得毛笔字体在设计的应用上十分广泛，且多适用于游戏推广包装、商业Banner、影视宣传及个人字体海报设计。毛笔字体海报的版式字体运用的海报设计需遵循视觉浏览信息时的基本规律：“从上到下、从左到右的”。常见海报视觉版式多以对比强烈的图文为主配以几经推敲文案、以及环境渲染的辅助元素，从而营造大空间的视觉体验。简言之：形、势、色。 字体版式以中轴型、分割型布局为主，较为强调留白和图文微细节的处理，偏好简洁的视觉元素。毛笔字体实现方法用软件实现毛笔字体的处理方式较为简单，常见的PS实现方式有以下几种(此处请忽略命名，详细介绍第二种实现方式)：1、字体路径变形法
如何使用这些文案让设计比较容易落地
什么是设计提案?设计提案怎么做?如何组织设计提案?如何增强提案的说服力?设计提案要注意哪些点?今天南宫若沁这篇全面系统的文章，帮你彻底搞懂这些问题。什么是设计提案？设计提案，简言之就是基于现状，针对存在的问题提出设计的解决方案。目的是为了与业务方达成共识，在后续的工作中互相支持，促进最后的项目落地。在商业设计中，常见于设计团队将自主驱动的设计方案“卖”给业务方，获得认可，并提供相关技术合作，达成共赢。设计提案怎么做？充分的准备在项目中进行设计提案，我们需要先行对目前的项目进行全面的了解，可以从以下五点进行准备。我们的用户是谁？老生常谈的问题，你对你所设计的产品服务的用户了解吗?他们年龄多大，是男是女，在何时何地，怎样使用你的产品?要更充分的了解这些信息，主要可以通过定性分析方法，邀约用户进行1v1访谈或焦点小组，初步得出用户的角色模型。再通过定量分析方法，对目前已有的用户属性进行一层提炼，并对定性分析的结果进行验证。综合定性定量分析，丰富用户角色模型，让用户形象饱满起来。
设计师必须要学习的营销色彩学知识
关于色彩，我们聊的最多的就是配色方案和色彩心理学。的确，设计师不止要明白色彩的美学特征，还要懂得用户心理。而从营销角度上来考虑配色的时候，和我们常说的色彩心理学还有一点微小的差异，看看我们今天的文章是怎么说的。为什么Facebook 的主色调是蓝色?根据*的说法，原因很简单：扎克伯格是红绿色盲，蓝色对他而言是最容易识别的颜色。而扎克伯格自己也说道：“蓝色对我而言是最丰富的色彩，我能看清所有的蓝色。”这听起来好像挺扯犊子的吧?虽然事实上Facebook 的色调选取可能并非如此，但是这个事情确实从某些侧面很好的印证了色彩对于品牌，对于用户的巨大影响。毕竟，色彩在视觉上对于人类的影响是巨大的，甚至有研究估算出，色彩对于某些产品的影响超过90%。那么色彩到底是如何影响我们的，在营销过程中色彩又遵循哪些科学原理呢?随着我们针对Buffer 这个产品不断改进提升，我们也越来越意识到色彩对于产品的重要影响。接下来，我们一同来通过最新、最有趣的研究，来探索色彩的秘密。你能否根据基本的色彩分辨出品牌?在开始探索之前，我们通过几个简单的案例来感受一下色彩的强大识别性。根据下面按钮的色彩，来判断它们分辨属于哪家互联网公司：案例1(容易)：
帮你扫清设计障碍的APP内图标使用指南
说设计是带着镣铐跳舞一点错都没有，看似自由，实际上其中包含了太多的潜在规则。这些规则有些是从基本的设计原则中延伸出来的，还有一些则是约定俗成的。它们并不复杂，但是非常值得注意。自从计算机拥有了图形化界面之后，图标设计就已经存在了。相比于文本，图标在人机交互上有着明显的优势：·简单、高效且友好，图标可以更好地替代较长的描述性语句。·更加节省屏幕空间，尤其是在屏幕尺寸越变越小的今天。·赏心悦目，提升整体的设计感。·最后但是同样重要，绝大多数App都在使用图标，这是用户熟悉的设计模式。尽管图标的优势非常的明显，但是设计师考虑不周的时候，图标本身所引发的可用性问题也非常之多。在今天的文章当中，我会总结App UI设计中图标相关的常见问题，并提出相应的解决方案。希望今天的总结能够让你更好地在App 中使用图标，不用在小问题上纠结。1、图标应当正确地传达信息有时候，设计师会忽略图标作为识别性标识的基本功能——图标首要的功能是表词答意的。从定义上来看，图标是一个物体或者一个动作的视觉代表。如果一个图标无法清晰地告知用户它所代表的内容，那么无疑失去了实用价值，成为了视觉噪音。