推荐阅读

网页设计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调出紫色素雅漂亮女孩照片教程
素材图片整体也比较甜美,只是人物肤色还不够红润,背景颜色有点深。处理的时候先选择好像要的主色,然后调亮图片,背景转为稍淡一点的颜色,再把人物肤色部分调红润即可。 最终效果 原图一、打开原图素材,创建色相/饱和度调整图层,选择绿色,用吸管吸取背景树叶颜色再调整,参数设置如图1,效果如图2。这一步把绿色转为青色。二、创建可选颜色调整图层,对黄,绿进行调整,参数设置如图3,4,效果如图5。这一步把背景颜色转为统一的青绿色。

Photoshop制作浪漫七夕情人节艺术字体教程
效果图由三大部分构成:表面字、立体面、梦幻效果。表面字基本上用几个图层样式叠加即可;立体面为手工制作,用等比例文字缩放得到立体面,合并后重新调色及处理质感即可;梦幻效果直接盖印图层,用几种模糊滤镜模糊处理,然后修改图层混合模式即可。最终效果1、新建一个1000 * 620像素,分辨率为72的画布。选择渐变工具,颜色设置为紫色:#d56ca4至暗紫色:#5a2a44,如图1。然后由中间向边角拉出图2所示的径向渐变作为背景。2、新建一个图层,填充任何颜色,然后按字母键“D”把前,背景颜色恢复到默认的黑白,再选择菜单:滤镜 > 渲染 > 云彩,效果如下图。3、把云彩图层混合模式改为“叠加”,选择菜单:滤镜 > 模糊 > 高斯模糊,数值为35,确定后按住Alt键添加图层蒙版,用白色画笔把中间部分擦出来,效果如下图。

Photoshop制作古风人像签名效果图
本教程的签名制作的非常精致。人物及背景协调的非常完美,淡淡的水墨画背景,加上一些中国古典用品装饰。再加上古典人物主体,效果非常出色。最终效果1、打开人物素材,把人物部分抠出来。2、新建一个500 * 250像素的文档,打开下图所示的背景素材,拖进来。3、调整人物大小,拖入画布。4、打开下图所示的扇子素材,抠出来放到人物后面。

Photoshop调出唯美蓝色调的春季外景女孩照片
最终效果原图1、打开原图素材大图,创建色相/饱和度调整图层,对黄色,绿色进行调整,参数及效果如下图。这一步把背景主色转为中性绿色。2、按Ctrl + J 把当前色相/饱和度调整图层复制一层,不透明度改为:30%,效果如下图。

Photoshop调出落日余晖唯美效果的外景人像
本教程主要使用photoshop调出外景人像唯美的夕阳暖色效果,教程主要是PS结合LR两个软件一起来完成的,教程简单粗暴,大致就是高光阴影,曲线,色相,饱和度,明亮度以及图层蒙版的运用,调色处理思路过程讲解的清晰明了,喜欢此效果的童鞋可以自己试着调调看。先看看效果图下面是原图教程开始

Photoshop调出柔美暖色效果的外景女孩照片
效果图:原片:1、打开原始图片,我们已经在LR软件里对原始照片的大的关系进行一些调整,比如曝光、色温等等,在转片时已经确定了大的关系。2、在PS里,为了突显整个片子的光感,再次对片子进行压暗处理,好让我们找到片子的光感。3、人物脸部的光影很乱,有很多人认为只要把脸部的颗粒和污点用画笔或者图章修掉就干净了,其实是错的,造成不干净的主要原因是光对物体产生不同层次的明暗投影导致。我们认识这点后就会明白要把脸部修饰干净并不仅仅是把污点修掉,还需要对光影的简单修饰

Photoshop调出外景人像绿色LOMO艺术效果
最终效果原图1、打开原图素材大图,创建可选颜色调整图层,对黄色,绿色进行调整,参数及效果如下图。这一步给图片增加绿色。2、按Ctrl + J 把当前可选颜色调整图层复制一层,不透明度改为:50%,效果如下图。

Photoshop调出温馨浪漫色彩的艺术人物照片
暖色图片调色较为简单,只需要用调色工具把画面的主色转为自己的喜爱的暖色即可。不过转色后还需要适当把图片柔化处理,局部装饰一些高光和暗角等来增强画面的层次感和柔和度。最终效果 原图一、用Photoshop打开原图素材,把背景图层复制一层,简单给人物磨皮,大致效果如下图。二、创建可选颜色调整图层,对红、黄、绿、白、黑色进行调整,参数设置如图2 - 6,效果如图7。这一步微调人物肤色及背景颜色。

Photoshop调色调出韩式淡雅风效果的外景情侣片
本人与韩国排样团队合作近3年之久,阅片数万张,所学和所悟今天与大家分享,希望对各位同仁有所帮助。风格解析:韩式风格整体偏柔,所以反差一定不能过大,层次一定要保留充分,光线一定要突出主光源,色彩干净优雅等几点在转格式和调修的时候特别需要注意的地方。韩式效果图:原图:转格式步骤如下:1、打开camera RAW 注意色彩模式和照片存储大小如:2、先别急着 “嚯嚯的开始动工”,因为你都不清楚这张照片你的风格/光线/色彩定位是什么,怎么动工呢?

Photoshop给花园女孩唯美逆光效果美化教程
最终效果原图1、打开原图素材大图,按Ctrl + J 把背景图层复制一层,选择菜单:滤镜 > 模糊 > 高斯模糊,数值为6,确定后按住Alt键添加图层蒙版,用柔边白色画笔把背景部分擦出来,效果如下图。这一步把背景模糊处理。2、按Ctrl + J 把当前图层复制一层,混合模式改为“滤色”,不透明度改为:30%,效果如下图。3、把背景图层复制一层,按Ctrl + Shift + ] 置顶,混合模式改为“正片叠底”,不透明度改为:50%,按住Alt键添加图层蒙版,用柔边白色画笔把底部区域涂暗一点,效果如下图。