推荐阅读
网页设计UI应遵循的三大网站设计原则
随着技术的进化，Web设计的艺术和技巧也在不断进化。新的技术创造了新的挑战，而新的挑战要求新的解决方案。我们通常工作在未知领域，需要给出全新的解决方案。 考虑到有限的Web设计历史，我们必须超越当前的领域去回答更有挑战性的问题。为此，我们可以通过借鉴其他不相关领域的发展历史，如音乐，从中寻求可以帮助我们解决问题的方案。下面将列举一个18世纪早期关于巴赫的一个小故事。巴赫和《The Well-Tempered Clavier》1972年，巴赫完成了一部著作《The Well-Tempered Clavier》(《十二平均律钢琴曲集》)，分上下两卷，每卷各有24首前奏曲与赋格曲。现在它已被誉为西方音乐历史中最重要作品之一。 在当时，为12个主要的琴键分别谱曲是完全不可能的。而巴赫却从整体上为全部的12个音作曲。正是他的这套《十二平均律钢琴曲集》，最终向人们证明了“十二平均律”是可以用来作曲的，而且其效果之美妙，以前的人们从未曾领略过。在这个过程，所采用的解决方案是重新定义了“合调”的概念。通过修改一定的间隔，使每个琴键稍稍偏离完美的音调，从而产生一种调音系统，允许人们在所有的琴键上演奏出合调的琴乐。****少量的个体品质以达到更完美的整体效果，被称为“平均律”。 该案例虽与网站设计不相关，但目的是一样的：使每个琴键都稍有缺陷，以便键盘整体表现完美。UI设计师需要做什么?最近几年，针对多设备进行设计已成为Web设计领域最令人兴奋的开发工作。以前主要关注网站是否可以在两个不同浏览器上运行正常，现在则转移到它是否可以在具有完全不同特性的多种设备上正常运行，这些设备具有不同的屏幕尺寸、不同的性能、不同的使用环境及不同的界面。 虽然响应式设计和针对设备定制网站可以帮助我们制作出针对不同体验的设计，但仍有很多时候我们必须做出统一的决策。这时，“平均律”的概念或许有些帮助。 该概念在UI设计中的应用一个简单的过程：为了针对一系列不同设备设计出好的体验，我们必须允许某些界面出现偶尔的不完美。我们必须做出小小的妥协，以保证我们的设计可以很好地适应其他的环境。 触摸优先设计 具有“平均律”特性的网站已经将触摸式界面应有到了最近的桌面网站设计中。 在占用面积上，手指要大于鼠标指针，所以手指需要更大的触控区域。为了确保可用性，交互元素需要更大。当交互元素的面积增大后，其他元素也需要相应的增大以保持平衡。这就需要通过margin和padding两个属性来设定。新版Gmail设计有大量的空白区域，对按钮设定了额外的Padding。虽然它只是针对桌面的设计，但也可以很好地兼容触摸设备。 iPad在触摸界面和不同大小桌面屏幕之间搭建了桥梁。而iPad的流行加速了触摸屏在桌面界面设计中的影响。如果你观察一些刚经过重新设计的著名产品，如Gmail，Twitter，你就会发现Web设计已有明显的不同。他们看上去更“丰满”。有更多的空白区域，按钮有更多的Padding，上面的元素整体看来增大了不少。当然，其他的因素也在发挥作用，比如桌面屏幕尺寸的稳定增长。 当为鼠标提供了“过多”的空间，而对于手指来说，空间刚刚好时，我们的设计就算完成了。我们允许与某体验的标准有稍稍的偏差，以获得对所有可能体验的更好支持。 有一点值得提出，对触摸友好的UI对于使用桌面鼠标的用户来说，更易用。容易触摸操控的按钮，更容易被点击。微软Metro风格的设计受到了触摸优先思想的影响响应式设计，达到统一设计的目的
PS移花接木:美女头像照片换脸教程
换脸与换头像不同，换脸仅仅是把人物脸部局部或全部换到另一张素材里面，可以用蒙版来控制脸部区域，后期调整好大小及颜色等细节即可。最终效果 一、我们将两张准备好的素材图片同时在PS中打开，如下图所示。 二、使用矩形选框工具，选中人物头部，执行CTRL+C，如下图所示。
制作超强真人照片转手绘的PS教程
转手绘全是细活，不仅需要较强的美术功底，还需要不断练习来提高自己。尤其在处理五官及发丝的时候，需要注重高光和暗调部分的渲染，做出的效果越晶莹剔透越好。最终效果 原图 一、打开原图素材，把背景图层复制一层。 二、磨皮： 执行：滤镜 > 杂色 > 减少杂色，选择高级，设置每通道，数值：红：强度：10，细节：100；绿：强度：10，细节：10；蓝：强度：10,细节：10。
PS鼠绘毛发色彩逼真的宠物猫咪
效果图刻画的非常逼真，不管是小猫的神态和神韵都表现的非常完美。当然要完成如此细腻的图片，需要花费大量的时间，尤其是在刻画绒毛的时候，几乎每一根都需要用涂抹工具等涂出来。绘制的时候一定要有耐心。最终效果 一、在代理商提供的草图和客户核对之后，我开始选择那些帮助我绘制草图的信息。我很快就绘制出了草图，接下来就是更细致的素描，搞清楚它的类型和品种，它的姿势和皮肤。这一点上，我还没有选择任何的颜色。 二、又重新在我的看版台上绘制我的更为细致和精确的草图，改进一些不完善的部分。然后我浏览了我的工作，并把草图输入到PHOTOSHOP里，在白色的背景上。 三、我迅速地把它放入通常调色的地方，在原图层的下面的另一个图层上。我用medium brush 中介刷笔迅速地覆盖了大部分的空间，接下来的工作是，同时我开始填充颜色和柔软的绘制一笔一画。在这一步用水滴工具，同时混合渐变。 接下来，我创建了另一个图层，在上面我绘制了眼睛和鼻子，并用同样的方法添加了皮肤的色调，而且使颜色有丰富的变化。 我喜欢在Pantone CMYK（一种印刷的色彩格式，四分色）里工作，因为我的文件会被印刷出来。我的屏幕是经过校对软件和监视器校对过的，这能指导我建立参数。这就创建了一个ICC Profile 国际标准，我能够使用我的工作站添加同步色。 我能确定的是我有很多的文件帮助我选择颜色。
最新发布
Photoshop快速的绘制中国风毛笔字教程
今天的PS教程超级简单，建议零基础的同学试一下，效果也是一直很火的水墨毛笔字，特别好上手，5分钟内3个步骤轻松搞定，新手别错过咯。我也不知道这种中国风字体设计Banner什么时候火爆起来。我觉得首先应该感谢淘宝，每当淘宝大促的时候必然有很多这样的风格的Banner充斥着你的眼球。有非常强烈的视觉冲击力，抓人眼球。当然最近这种风格的海报大热必须感谢小米的雷总和格力的董小姐。说了这么多，感觉做为一个设计师不去学会这种风格没法混设计圈了。下面竹子教你如何用最简单的方法做这样风格的字体设计，我们先看下最终的设计效果。一，选择文字基本字形百度搜索“颜真卿颜体书法字体转换器在线生成器”，具体网址我就不写了。找到你觉得看起来不错的那个网址打开。
PS调色教程:打造唯美的中性红褐色秋季公园人物图片
素材图片主色为黄绿色，我们直接把主色转为橙黄色；然后降低暖色的饱和度得到初步的中性红褐色；再给图片左上角区域增加一些淡红色高光，把暗部压暗一点；最后调整一下人物的光影，增加一些装饰元素，得到想要的效果。最终效果 原图 1、打开原图素材，按Ctrl + J 把背景图层复制一层；选择菜单：滤镜 > 模糊 > 高斯模糊，半径设置为4，确定后按住Alt键添加图层蒙版，然后用柔边白色画笔把下图选区部分涂模糊一点。2、新建一个图层，用透明度为10%的柔边黑色画笔把路面部分涂暗一点，如下图。
Photoshop打造成雪景效果人像照片教程
对于南方不常见到雪的妹子来说，一组美丽的雪景照是多么的珍贵，但是下雪天拍外景，对妹子跟摄影师来说，都是残暴的，冷死模特不说，对器材也是一种考验。会做雪景以后，一年四季想什么时候拍雪景都可以拉~~~所以在此我想分享一分钟变雪景的后期处理技巧给大家，简单粗暴，一看就会。不废话了，先上对比图：首先我们来看导入LR的原片。第一步，用LR对原片进行调整。如图所示，点开HSL，点开饱和度那栏，数值如下：把背景的饱和度都降到最低，然后保存，用PS打开。
用Photoshop制作梦幻紫色火焰文字图案
手工制作火焰字最大的优点就是效果逼真，不过过程比较费时，细小的火焰等都需要一条一条画出来，文字较多的话是比较麻烦的。画好火焰后，局部再用火焰素材点缀一下即可。最终效果一、新建700*1000p大小的文档，黑色背景，我们用个渐变工具拉个渐变，颜色从#000000到#190015。二、我们新建图层，用白色的柔软画笔随意的点几下，大小自己把握，大致如下。三、执行滤镜--模糊--动感模糊，角度56度，距离133px。（这个是原教材的数据，我试了下，不能达到效果，于是先高斯模糊30px左右，再动感模糊，将距离加大）四、再执行一次动感模糊，这次我们将角度改为-63，距离不变。
使用Photoshop结合LR调出外景人像通透清新效果
先看看效果：如果想要拍出一张画面干净并具备较强质感的照片，我们该怎么做：一、前期准备1、选择树为背景，大光圈虚化后特别好看。2、均匀光环境(阴天)尽量让脸部保持充足光线。3、选择白色上衣并避免浓妆。4、镜头选择为135，锐度较高同时焦外虚化处理优秀。二、原片分析观察原片我们会发现：
Photoshop调色教程:结合LR调出海边人像电影胶片效果
先看看效果：其他效果：原片分析：1、原片整体颜色发灰不够明显，裙子和沙滩颜色暗。2、沙滩环境脚印太多。3、肤色暗淡。前期
Photoshop调出灰蒙蒙外景照片清新亮丽效果
最终效果如图所示。实例效果核心1：基本调整关键技术|标尺工具、裁剪工具。实例解析|下面主要运用标尺工具与裁剪工具，对画面进行旋转，扶正倾斜的水平线。步骤1：单击“文件”|“打开”命令，打开一幅素材图像，如图所示。素材图像
详细解析Photoshop时尚妆容大片后期制作技巧
妆容图片修饰时，我们要了解人脸结构进行轮廓的美化。然后分析光影，为了不破坏皮肤原有的质感纹理。我们使用双曲线修图法修复影调。再通过调色，背景处理添加素材等使妆容完美呈现。教程如下： 原图
Photoshop调出日系暖色效果向日葵中女孩照片
向日葵是大家经常拍摄的一类题材，可是很难看到让人眼前一亮的好片，究其原因，主要是从前期设计到后期调色的整个过程中都对这一主题把握不好。在这里，我想向大家分享自己的一种向日葵题材的调色方法，简单地营造出一种淡淡的翡翠绿。审美因人而异，不喜欢这种风格的同学也可以自己多多尝试别的风格。一、前期整组图的创作过程其实很意外，那天原本是与好友一同去拍摄黑暗系的向日葵题材作品，准备的服装道具都是黑色的衣服。然而我在拍摄过程中并没有获得灵感，因此让姑娘换上了自己的生活装，拍摄完黑暗题材之后抓拍了这一组照片，希望呈现出欢快活泼的效果。Tips：拍摄引导过程中，请让模特自然放松地微笑。色彩大家可以看到这个画面主要是由黄、绿、白三种颜色所构成的。清新风格的人像，宜使用明度较高的颜色，画面色彩愈少愈好。幸运的是姑娘平时的生活装也是这样的色彩。构图画面采用简单的中心构图。在拍摄清新风格的人像作品时，构图应尽量采用简单柔和的视角。