推荐阅读
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。
最新发布
浅谈网页UI设计中的48DP定律
先说说什么是dp其实对于一个非技术人员要把这个概念完全搞清楚还挺复杂的，所以我们就知道他是干什么用的就好，因为安卓阵营的碎片化，所以会有杂七杂八的不同分辨率的屏幕，但是一个UI人员不可能对不同分辨率把应用的图片都切一遍吧?所以就用dp这个单位，用这个玩意儿可以保证同一个图片在不同分辨率下的屏幕上保持基本相同的物理大小。说了dp，就得说说px，px就是屏幕上的一个个物理的像素点，以前的屏幕上的像素点是可以用肉眼看到的，后来乔布斯炒作了个视网膜屏幕的概念，其实就是像素的密度比较大，肉眼已经看不见了。如下图，是用像素(px)为单位的按钮和图片分别在低分辨率、中分辨率和高分辨的显示效果，可以看出来物理大小是发生变化的。在看看下图，使用了dp作为单位，物理大小就没有发生太大的变化。反正搞安卓开发的，一般都会用dp来规定一个组件的大小。当然偶尔也有人会用像素(px)来规定组件大小，可能是个新手、也可能是此人的程序不想兼容更多的设备。上面解释了什么是dp：dp就是一种基本上和设备无关的单位，可以保证一套UI在不同机器上面的适配，而显示效果不会出现很大的偏差。
浅谈网页设计如何设计漂亮有趣的转场动效
这篇文章由江南大学设计学院研究生孙启玉翻译，主要谈手机App中的转场动效，强烈推荐原型设计师阅读学习，体验下动效的神奇妙用。他们把大量时间花在了像素级按钮，表单样式，设置类型以及如何让那些图标变得漂亮和精致。…但是关于如何设计衔接却很少有人考虑。你点下按钮表单就…出现了?你滑动删除一个项目它就那么消失了?那也忒怪异忒不自然了。在真实世界里几乎没有效果，这好像是一个bug。哦，好吧宝贝。你必须记住——它需要”滑入”。怎样?多快?反弹?渐入?静态设计图体现不出切换过程。当提到动画和可爱的交互的时候，人们总是滥用”趣味性”这个词。对这些人来说很炫酷，但是你猜怎么着?动效也可以有功能性作用，而不仅仅是个装饰性的细节。动效有一个被忽视了的维度——时间!一个看不见的组织将空间合在一起，要明白这点你不必精通数学。让我们看一些简单的想法：缓冲在传统动效里，分解一个物体是如何从A点移动到B点的。它增加了运动的偏向并决定了其余帧如何排列。以这些25帧差值(中间点13帧在不同的位置)举例：
从京东网站改版浅谈网页设计趋势
京东这次的改版，看到遍地都是网友吐糟的声音，什么设计太简单了、首页版块不明显、设计没个性等等，乱七八糟的一大堆差评。对于这些吐糟的人，我将他们分为三类人：一类是专业的网页设计师，他们本就有着更高的见地;另一类是普通的用户，不管旧版是否合理，反正已经使用习惯了，对于新版的改变一下子无法适应过来，难于接受，或者潜意识下就产生了对新变化的抗拒心理;最后一类是属于随风逐流者，看到别人吐糟自己也跟着吐糟，可能有些人压根就没看过新版。在这些吐糟人中，第一类人毕竟是少数，大多数往往属于后两类人。好与差没有绝对的评判标准，只能说仁者见仁，智者见智。但是我认为如果一个新东西刚出来就马上做评价是极不公平和极不合理的，任何没有经过调研的言论都是扯谈。所以，做为一个有态度、有思想、有责任的网页设计师，经过几个月对京东新版的体验，对于视觉方面，我在这里浅淡一下自己的观点(千万别误认为哥是*党)，先申明，这仅仅代表我的个人观点。首先让我们对比一下新旧版的首页截图：我认为，京东网站这次的改版，就如它的新LOGO一样，更精简、更耐看、更内涵。(据说狗能克猫：))。我们可以看到，京东经过几次改版，最终还是选择了今年最流行的扁平化设计(有借鉴易迅的嫌疑，但不得不承认只有过之而无不及，要比易迅更简洁，更耐看)。由此看来，扁平化、极简主义已经成为目前网页设计的主流。
创造人像摄影意境的13种方法
1.玩转photoshop 出色的后期往往能够给你的照片带来更多新意，尤其是弥补数码摄影在色域与色彩表现上的先天不足——当 然，黑白后期对于胶片来说也颇为重要2. 记录纹理如果你的拍摄对象有很深的皱纹，或者其他具有纹理质感的特征，有可能为你的图片增色不少3. 尝试过曝在浅色背景下，过曝有时会给你带来颇为特殊的效果——尤其在画面中存在强烈明暗反差的时候
浅谈网页设计中的响应式布局分析
讲到响应式布局，相信大家都有一定的了解，响应式布局是今年很流行的一个设计理念，随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果，设计师提出了响应式布局的设计方案。今天就和大家来讲讲响应式布局这件小事，包含什么是响应式布局、响应式布局的优点和缺点以及响应式布局该怎么设计（通过CSS3 Media Query实现响应布局）。响应式布局是Ethan Marcotte在2010年5月份提出的一个概念，简而言之，就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验，而且随着目前大屏幕移动设备的普及，用大势所趋来形容也不为过。随着越来越多的设计师采用这个技术，我们不仅看到很多的创新，还看到了一些成形的模式。我们在上面了解了什么是响应式布局，那在我们的实际项目中应该怎么去设计呢?在以往我们设计网站的时候都会受到不同浏览器的兼容性的困扰，现在还要来个不同尺寸设备，我们该怎么淡定下来呢?有需求就会有解决方案，呵呵，说到响应式布局，就不得不提起CSS3中的Media Query（媒介查询），这可是个好东西，易用、强大、快捷……Media Query是制作响应式布局的一个利器，使用这个工具，我们可以非常方便快捷的制造出各种丰富的实用性强的界面。接下来就一起来深入的了解Media Query。通过不同的媒体类型和条件定义样式表规则。媒体查询让CSS可以更精确作用于不同的媒体类型和同一媒体的不同条件。媒体查询的大部分媒体特性都接受min和max用于表达”大于或等于”和”小与或等于”。如：width会有min-width和max-width媒体查询可以被用在CSS中的@media和@import规则上，也可以被用在HTML和XML中。通过这个标签属性，我们可以很方便的在不同的设备下实现丰富的界面，特别是移动设备，将会运用更加的广泛。 @media 设备名 only (选取条件) not (选取条件) and(设备选取条件)，设备二{sRules} 示例一：在link中使用@media： <link rel="stylesheet" type="text/css" media="only screen and (max-width: 480px),only screen and (max-device-width: 480px)" href="link.css" rel="external nofollow" /> 上面使用中only可省略，限定于计算机显示器，第一个条件max-width是指渲染界面最大宽度，第二个条件max-device-width是指设备最大宽度。示例二：在样式表中内嵌@media： @media (min-device-width:1024px) and (max-width:989px),screen and (max-device-width:480px),(max-device-width:480px) and (orientation:landscape),(min-device-width:480px) and (max-device-width:1024px) and (orientation:portrait) {srules} 在示例二中，设置了电脑显示器分辨率（宽度）大于或等于1024px（并且最大可见宽度为989px）；屏宽在480px及其以下手持设备；屏宽在480px以及横向（即480尺寸平行于地面）放置的手持设备；屏宽大于或等于480px小于1024px以及垂直放置设备的css样式。
浅谈网页首屏设计之图文混排的10大技巧
图文混排是设计中极为重要的一项技术，同时它也极难达到完美的境界。要在网页首屏中呈现出完美的混排效果，你需要一张完美的照片，和足够出彩的文字排版。如果你准备接受挑战，那么请看接下来额10条技巧吧。1、强化对比PackdogWearetelegraph首先Banner中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是我所说的强化对比。当然，对比不仅限于色彩，文字同样存在对比。文字与图像相互配合，才能达到出人意表的效果。例如第一个案例，Packdog网站的设计，大图作为背景，用色浓郁，文字则正好相反，轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻。2、令文字成为图片的一部分meandmyselfportfolio
为什么在UI设计中大家都喜欢使用蓝色
你可能已经猜到这篇文章是关于蓝色的。毫无疑问，蓝色是UI设计中最重要的颜色，也是使用范围最广、最常用的色彩。在你的手机当中，许多APP都采用了蓝色的LOGO，而它们的UI也大多也将蓝色作为主色调，Facebook、Twitter、Shazam、Safari、支付宝、知乎、Behance均是如此。那么为什么大家都会不约而同地选择蓝色呢?原因很多，但是最主要的，还是下面的几个。1、绝大多的用户喜欢这个颜色。有调研指出，绝大多数的人都喜欢蓝色，蓝色被认为是全球范围内最安全的设计用色。2、蓝色与自然相关。清朗的天空和纯净的水，在多数时候都呈现出漂亮的蓝色，它们代表着好天气和健康的水源，这种对自然的亲近深藏在人类的基因当中，外化表现为对蓝色的喜好。蓝是海洋和天空的色彩，是自然的色彩。3、蓝色还是UI设计师的通用色彩。从UI设计师的角度上来看，这是一种泛用且实用的色彩。常见的色彩当中，红色、橙色、绿色对于用户都有这强烈的情感影响，其中黄色常用作警告，红色能够唤醒用户的激情，也能够昭示危险，而绿色常常关乎健康、安全，相比于它们，蓝色的泛用性明显更强。
摄影教程：摄影入门技巧之--如何构图
提到摄影，可能大多数朋友都会认为：就是选一处景色美的地方，人往镜头前一站，按下快门不就OK了吗！如果你能静下心来看完我的这篇日志，很有可能会颠覆你的这一观点。前 言： 随着数码相机的普及，“摄影师”随处可见，我也算是其中的一个吧。内行戏称我们这些业余“摄影师”是：一个傻瓜（一点摄影知识都不懂），拿着傻瓜相机（全自动相机），照镜头前面的傻瓜（傻傻地站在镜头前面），这也许是对我照相的真实写照吧。 应该说我还算“聪明”，相机到手没几天我就会摆弄了，看来照相还蛮容易的嘛！上次去北京，我就照了几百张，近4G的照片，在电脑上一看，满意的没多少。我不得不开始怀疑自己的水平来。近些日子，我在网上学习了一阵子，才知道里面有很深的学问呢。 我学习的目的并不是准备当摄影师，我和我的相机也拍不出什么“艺术”来，只是不想让人笑话我是“老外”。我写这个系列的日志更不是想当什么“老师”，这对我没吸引力，就当成我的学习笔记，把学习所得与朋友们分享、交流吧。如果你是“高人”，期待您的指点！ 下面这张照片就是我们这些菜鸟的最爱：拍摄的主体（人物）站在画面正中，景物不知放到哪儿好，其目的是为了“突出主体”。结果是，过于中心的构图，只会让画面变得缺乏层次感和变化，很容易让观众产生审美疲劳，得到的是构图呆板、毫无生气和美感。 “黄金分割”与“三分法则”
风光摄影的画面构图六个构图的原则
风光摄影的画面构图经营是十分重要的，主要有六个构图的原则： 1、平衡 画面的布局彩对称或非对称式。 2、对比 采用大小、高低、远近的对比手法。 3、主题 主题布局在画面的位置突出。 4、画面的连接性 画面的连接性是从线条的连接性和物体中产生，必定要有龙去脉。来龙是画面的引点，而去脉是消失点，这些来去的表现，都是一脉可寻。这样才能有效 地表现透视感。
抓拍中曝光不足现象的处理方法
闪光灯的激发问题可能导致曝光不足，但是在黄昏时的室外、闪光灯无法照亮所有背景区域时的室内摄影、室外闪光灯的功率较低， 无法提供足够的照明，以及有其他类似的拍摄问题时，曝光不足问题则更为常见。在很多情况下我们知道即使编辑后也无法获得极佳的图像，但是那张在假期中黄昏 时拍摄的并且很暗的照片正好是您要给家人展示的，这时怎么办? 图7-21显示了使用普及型相机拍摄的曝光不足的图像。由于该相机不提供可调整的ISO范围，所有无法控制曝光设置。该图像是一张典型的城市傍 晚照片。总体的亮度级别很低，并且街道和建筑灯光已经开始闪现，这些灯光在很短的时间内就会压倒周围环境的照明。商业专业人士将该时间始终称为一天中的 “神奇小时”。 由于城市拍摄对象的原因，该照片包含全部的颜色混合，这和主要由褐色组成的传统风景照片不同。我们无法控制该图像的杂色问题，但是可以轻松地解 决曝光不足和色彩平衡问题。下面是解决方法。 1、要在使用普及型相机拍摄的JPEG图像上进行调整，首先要锐化图像，然后将图像转换为16位模式。选择“图像”_“模式”_“16位/通 道”。然后重定图像像素，方法是选择“图像”_“图像大小”，打开“图像大小”对话框。将大小降低到71%并将“重定图像像素”模式设置为“二次立方”。 直方图(参见图7-22)显示所记录的多数图像色调都低于中间灰色。注意一直延伸到白场滑块的直方图细线。这是照片中很少的明亮光源所组成的图 像数据，这是靠近相机的雨滴被内置相机闪光灯照亮后所形成的光源。该直方图反映出这些很少的高光只占图像很少的一部分。保持这些很少高光部分中的细节与图 像的总体质量没什么关系，所以可使用下列快速编辑步骤。 2、将白场滑块向左拖动(参见图7-23)，直至接触到主要的直方图突起为止。这可显著加亮图像(参见图7-24)并且避免丢失主要图像区域中 的所有高光细节。