推荐阅读

网页设计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制作逼真质感足球
作者:Webjx 本教程主要介绍足球的制作方法,作者非常详细的阐述了足球纹理、线条、高光,阴影等的制作方法。效果非常逼真! 最终效果1.新建立一个文档,填充背景为灰色,大小自己定义。2.设置前景色为白色,使用椭圆工具按Shift绘制一个圆。 3.然后执行“选择”-“修改”-“收缩”,数值设置为154.然后新建立一图层,执行“编辑”-“描边”,设置描边为30,颜色黑色,位置居中5.新建一个图层,再次应用描边6.绘制一个圆形选区,然后按Delete删除选区内容

Photoshop绘制晶莹剔透发光的水珠
先看一下最终效果: 使用工具:Photoshop CS4 注:文中所使用快捷方式,均在英文输入法状态下有效。 第一步:打开Photoshop CS4,执行【文件―新建】命令,新建一个400×400像素的文件,并命名为【水珠】,如下图所示。 第二步:将前景色设为#0580ac,背景色设为白色。在工具箱中选择【渐变工具】,从画面的坐下到右上拉一个从前景色到背景色的线性渐变,效果如下图所示。

PS制作透过乌云的光线的简单入门教程
本例中我们用Photoshop为照片上天空中的乌云添上透出的光线。这个方法比较简单,效果还不错。其实 只要我们冷静下来好好分析分析,我们都能成为高手。 1.在Photoshop中打开一张天空和云层比较多的图片(图1),在背景图层的上面新建图层1。2.用矩形选框工具,将属性设置为添加到选区,在图层1上随意画些宽窄间隔不一的矩形并填充为白色(图2)。 3.执行菜单-滤镜-杂色-添加杂色,数量为100%,选择高斯分布,钩选单色选项,再执行菜单-滤镜-模糊-动感模糊,角度设置为90度,距离为100个像素(图3、图4)。 4.执行菜单-编辑-自由变换,按住CTRL键,拖动四个角上的节点将图像形状调整至如(图5)

PhotoShop打造复古色人像怀旧照片效果
随着社会科技的进步,摄影爱好者大多数都用上了数码相机拍照,但在十年前摄影的的风格却一直令人难以忘怀,因为我们看久了新时代的拍摄风格,反而怀旧照片更耐人寻味! 今天我们要学习的是复古色人像怀旧照片的制作过程,很容易学会的哦,请各位朋友不要错过!效果对比图: 一.打开图片,复制背景层,去色(也可以不去色,但本例小编要把它调成复古的颜色)二. 新建一个图层,并填充50%的灰色(在选择菜单下的填充哦!如下图),模式更改为叠加

PhotoShop中正片负片叠底的原理介绍(二)
好多朋友问我,关于我图片的后期备注中的正叠反叠是什么意思。想了好久,最后决定还是把这类方法介绍一下,也省的每次都一一解释。 关于正片叠底,正片,负片,通道,色相,色相环等等的相关理论一堆,朋友们可以从网上查到,原理就不讲了。这种方法与填充色有很大的差异,与照片滤镜功能也有所差异,运用得当,最大的优点是在叠底后仍能保持比较好的照片通透度,而且简单易用,特别适合不太熟悉PS操作的朋友,此类方法运用广泛,配合起来使用比较方便,慢慢介绍吧。注:以下介绍的为RGB模式下的叠底,与CMYK模式下有所区别。并且只做全局色调调整介绍,蒙板类的局部调整各位自己搞吧。例三,高光层单通道正片叠底 基于CS4下制作。 同时按下键盘中的CTRL+ALT+2选中高光部,CTRL+C复制, 新建图层命名为高光层,CTRL+V粘贴,建立高光层。 双点高光层,打开图层混合选项,选择正片叠底,透明度100%,B通道。 新建调整图层->亮度/对比度层(选择“使用前一图层创建蒙板”),调节亮度,完成。 如果觉得效果压住暗部过多,可使用高光反选层进行正常覆盖, 通过调节透明度,控制合适效果。 注意:先前在第一稿的时候,已经知道正片叠底对白色不会发生作用,所以此样稿仍然具有特殊性,图片中白色较少,也就是说,这个方法适用于露白较少的照片,比较理想的是背景为一个渐变过渡。然后主体光感较强的图片效果一:黄色 高光层的配置参数如下黄色效果如下图

Photoshop图层样式表现质感之珍珠质感
图层样式可以说是Photoshop针对质感的专用工具了,在经过针对性的设置之后,所创造出的质感可以做到乱真的效果,它还可以隐藏某一或全部效果,可以储存、拷贝,或粘贴到其他的文件中,Photoshop软件本身也自带了很多编辑好的样式,以便用户方便的使用,图层样式创造质感所适用的范围很广,一般为:光滑、粗擦,透明半透明,金属、塑料等材质物体,添加阴影,发光效果等很多效果。关键词:缩放图层效果效果图首先制作出了珍珠的形状。

PS简单应用画笔制作浪漫泡泡
先看效果图 制作方法:1、新建一个文档,填充黑色,新建一个图层,在上面画一个正圆,填充白色,如图:2、新建一个图层,画高光。选择画笔,白色,硬度调到最低,不透明度70%,操作如图:

在晚上进行街头摄影的技巧
在开始分享如何在晚上街头摄影的技巧之前要先提醒各位两点: 1. 这篇文章是假设你拥有相机并能使用手动档为前提。若你使用iPhone等手机进行摄影的话有些方法会不适用,我会再用另一篇分享如何用iPhone进行街头摄影。 2. 街头摄影最重要的不是正确曝光,完美构图,或厉害的相机,而是故事性。 将以上两点放在心里再往下看比较不会觉得离题或失望。 我通常都只有在周末才会带着相机出去,不然就是在下班回家的路上稍微晃晃,不太会刻意在晚间进行街头摄影,就算是周末也都是白天晃到天黑了才会碰到夜间摄影的机会。有时候夜晚人多的地方会看到平常看不到的景象,例如在台北的话我能想到晚上人多的地方是东区、信义区、西门町等,而目前我工作的地方在首尔的梨太院。梨太院是首尔越夜越嗨、数一数二的区域,有很多不同国家的人在那里出没,还有很多“变性人”,是个很丰富,或说是复杂的地方,这里周末的夜晚比任何其他时间都充满生命力。有时周五晚上下班走出去也会看到很多有戏剧张力的画面,能提供给街头摄影师相当丰富的题材。 《首尔南大门夜市》,韩国首尔,摄影:Ethan Chiang 摄影教程 在白天或大太阳下拍摄,光线通常不是问题,但在夜晚拍摄光靠路灯或是店家里的灯是不够的,不过有些方法可以解决夜间光线不足的问题。下面是几个在夜间进行街头摄影的技巧。 1. 调高感光度 我碰到晚上街头摄影的机会时相机设定通常都会将光圈调大,尽可能的吸收光线,并将感光度调到最高。说到感光度调太高,摄影师们通常会担心噪点的问题。的确,感光度调高能增加感光度,但取而代之的是色彩对比度降低以及无可避免的噪点问题。 但请看看森山大道的照片: