推荐阅读
ps颜色替换为指定颜色改图片局部颜色
更改局部颜色的方法有很多，笔者也写了不少相关的文章，比如常用的方法，使用色相饱和度，无需做选区，直接调整颜色，虽然操作简单，但有一定的局限性，无法替换为指定的颜色，效果也差一些，那么既要替换颜色，还要保留原有的褶皱等明暗关系，哪种方法相对好一些，操作也容易上手一些，下面通过截图简单介绍一下操作流程。 1、下面通过案例说明一下渐变映射改变颜色的方法，下图中更换女孩上衣的颜色，使用【快速选择工具】把衣服选出来， 2、点击图层面板下端的【创建新的填充或调整图层】按钮，弹出的菜单里面，继续点击【渐变映射】， 3、渐变映射图层添加上之后，可以看到选区变为了蒙版，渐变颜色默认为【前景色】，弹出的属性面板上，双击渐变条， 4、弹出的渐变编辑器界面上，渐变条的下端，当鼠标移动到上面之后，鼠标指针变为手指样式，点击可添加色标， 5、色标添加之后，点击选中后，在【颜色】一项中，双击颜色块，弹出【拾色器】，拾色器界面上，是可以填上RGB值的，把需要替换的颜色值填上，确定即可， 6、新增的色标，向右滑动会颜色加深，反之向左滑动，颜色减淡， 7、除了色标可以调整，还有菱形图标的颜色中点，左右滑动看一下，也可以颜色加深减淡的微调，如果色标颜色设定为黑色，调整菱形按钮，可以出现哑光效果， 8、最后展示一下效果，还可以借助图层混合模式， 比如正片叠底或柔光模式，获取意想不到的效果， 渐变映射，是根据不同的亮度，映射不同的颜色，不会改变原有的明暗关系，如对上述操作有疑问，可以在下方留言。
photoshop 利用高反差给偏黑少女磨皮美白
原图效果图1、打开素材原图，复制一层。图层样式设置为“滤色”不透明度为50% 如下图2、创建色阶图层，对其进行调整。参数设置如下图5、执行滤镜>其它>高反差保留。参数设置如下图6、执行图像>计算，连续执行三次。加强效果 如下图
根据用户浏览器及分辨率调用不同的CSS样式文件
DIV CSS教程：根据用户浏览器及分辨率调用不同的CSS样式文件 （未测试 来自网络 请自行验证） var IE1024=""; var IE800=""; var IE1152=""; var IEother=""; 引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 var Firefox1024=""; var Firefox800=""; var Firefox1152=""; var Firefoxother=""; 引号里面分别填写，用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 var Other1024=""; var Other800=""; var Other1152=""; var Otherother=""; 引号里面分别填写，用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。 不判断分辨率，只判断浏览器 应E.Qiang提议，编如下代码。实现根据浏览器类型自动调用不同CSS。
最新发布
详细解析什么是优秀的设计思维与方法
在我现在的职业中，每天都在与很多设计师沟通评审设计方案，也会常常做一些面试的工作。这些工作内容让我有很多机会倾听了解其他设计师们的工作方式和思维方式。我越来越发现，在年轻设计师里一些普遍存在的问题，以及他们的困惑。这些问题都相对比较集中。在讲设计思维的方法之前，我想先从两个案例开始。在一次面试中，有位设计师向我阐述他的设计方案。他告诉我他做了市场调研，进行了头脑风暴，梳理了线上流程，研究了信息架构，并且他还体验地图分析了行为路径等等，最后他告诉我的方案的设计关键词是让信息有序化+互动性+社交性。当然实际上他的设计方案与他的分析没有什么关系，因为我听了很久也不知道他要解决什么问题，而方案与设计关键词也并没有太大的关系。我再分享一个案例，是我在一篇文章上看到的，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、图标应当正确地传达信息有时候，设计师会忽略图标作为识别性标识的基本功能——图标首要的功能是表词答意的。从定义上来看，图标是一个物体或者一个动作的视觉代表。如果一个图标无法清晰地告知用户它所代表的内容，那么无疑失去了实用价值，成为了视觉噪音。