推荐阅读

网页设计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 国际标准,我能够使用我的工作站添加同步色。 我能确定的是我有很多的文件帮助我选择颜色。
最新发布

Maya 4.0 粒子系统-创建粒子
实质上,一个粒子就是三维空间中的一个点 ( 如同灰尘或空气中的颗粒 ) ,它具有位置、速度、加速度、颜色和寿命等属性,多个同样的粒子组合在一起就构成了粒子物体,这些粒子都通过粒子发射器显示于场景中,一个粒子物体可以包含一个粒子,也可以包括无数个粒子。如图 10-1 所示用粒子系统模拟水中的气泡。 图 10-1 粒子系统 粒子和刚体一样也是物理的模拟,并非传统意义上的动画,因而不能对其进行直接的操作。要控制粒子就必须在 Channel 面板或者 Attribute Editor 对话框调整粒子属性 ( 或发射器属性 ) 。粒子可以受碰撞和场影响,并且可用表达式改变属性。 利用 Particle Tool 创建粒子 要将粒子绘入场景中,首先在 Maya 中创建一个新场景,进入 Dyna 图 10-2 Tool Settings 对话框 在此对话框中有单个粒子创建设置,多个粒子创建设置,随机粒子及栅格粒子创建设置。创建粒子和粒子群的具体操作步骤如下: (1) 保持 Particle Tool 的默认设置,然后单击场景中任何一个地方,在场景中将会出现一个红色十字,这意味着在那里已生成了一个粒子,如图 10-3 所示。 图 10-3 创建一个粒子

Maya 4.0 粒子系统-粒子发射器
除了使用 Particle Tool 放置粒子来创建粒子群之外,另一个方法是通过发射器发散粒子。通过发射器可以确定粒子是从哪里创建出的,而且还可以确定出粒子的喷射方向。粒子发射器是不能被渲染的,在 Maya *有两种粒子发射器:一种是独立存在的,另外一种是发射器与物体一起存在的。 运用粒子发射器一个最大的好处就是可以准确地控制粒子的位置、方向、数量和初始速度等各种属性。 创建粒子发射器 创建粒子发射器的具体操作步骤如下: (1) 创建一个新的场景,执行 Particles → Create Emitter 命令,弹出如图 10-17 所示的对话框。 图 10-17 Emitter Options 对话框 (2) 在 Basic Emitter Attributes 选项组中,设 Emitter Type 为 Directional 。在 Distance/Direction Attributes 选项组中将 DirectionX( 粒子发射的方向 ) 设为– 1 ,在 Basic Emission Speed Attributes 选项组中将 Speed 设置为 5 ,然后单击 Create 按钮。在场景窗口中将看到一个小球体并且属性选项罗列在 Channel 盒中。播放动画,有一条点线由粒子发射器延伸出去,如图 10-18 所示。 (3) 重新打开 Emitter Options 对话框,并恢复默认的设置。这时创建出来的粒子效果如图 10-19 所示。 图 10-18 创建粒子发射器

Maya 4.0 粒子系统-粒子的碰撞
利用 Maya 的粒子碰撞功能,可以模拟许多物理现象,最典型的例子就是利用粒子碰撞模拟水滴相撞的效果。由于碰撞,粒子可能会进行再分裂、产生新的粒子或者导致粒子的死亡,这些效果都可通过粒子系统来完成。 创建粒子碰撞 粒子的碰撞不但可以在粒子与粒子之间完成,而且还可以在粒子与物体之间完成。如果要创建粒子碰撞,必须首先创建一个粒子碰撞物体,这个物体将作为粒子与粒子或者粒子与物体之间的介质物体,它会为粒子与物体之间建立联系,这样才能形成最终的粒子碰撞效果。 下面来制作一个场景,以试验粒子的碰撞效果。具体操作步骤如下: (1) 创建一个新的场景,然后创建一个 NURBS 球体和一个 NURBS 平面物体,设置球体的半径为 2 ,设置 NURBS 平面的 Wdith 值为 40 ,如图 10-25 所示。 (2) 确认现在的时间滑块在第 1 帧的位置上,将球体移动到平面的边缘处,执行 Animate → Set Key 命令,创建关键帧,如图 10-26 所示。 图 10-25 创建场景 图 10-26 第 1 帧时球体的位置 (3) 将时间滑块移动到第 60 帧的位置上,沿 X 轴将球体移动到平面的另一侧边缘上,执行 Animate → Set Key 命令,创建关键帧,如图 10-27 所示。 (4) 播放动画可以看到球体向前移动。为了能够使球体完成将来的动作,需要在第 20 帧和第 40 帧上加入关键帧,以使球体在这两个帧上保持在地面的位置上。拖动时间滑块到第 20 帧的位置上,执行 Animate → Set Key 命令,创建关键帧,然后再拖动时间滑块到第 40 帧的位置上,执行 A

Maya 4.0 粒子系统-力场
Maya 中的力场可以模拟各种物体现象,如重力等。它与粒子系统结合可以产生许多奇妙的效果。有 8 个力场是经常用到的。它们的形状不同,功能也各不相同。有些时候,需要共同运用多个力场才能完成复杂的力学效果。这 8 个力场分别是: Air Field( 气体力场 ) 、 Drag Field( 拖拽力场 ) 、 Gravity Field( 重力力场 ) 、 Newton Field( 牛顿力场 ) 、 Radial Field( 放射力场 ) 、 Turbulence Field( 振荡力场 ) 、 Uniform Field( 统一力场 ) 和 Vortex Field( 漩涡力场 ) 。这些力场可以作用于 Maya 中的任何物体。 气体力场 气体力场主要用于模拟空气运动的效果,被影响的物体将会产生加速或者减速运动,以模拟“风吹”的效果。 气体力场你作为某个物体的子物体,当这个物体运动时,就会影响周围的物体。如图 10-37 所示,把气体力场作为双脚的子物体,当双脚碰 图 10-37 气体力场作用效果 在 Dynamics 模式下,执行 Fields → Air □命令,打开如图 10-38 所示的对话框,以便设置气体力场的各种参数。 ● Air Fields Name :设置气体力场的名称。 ● Wind :系统默认的自然风设置,可以产生一种接近自然风的效果。可以使受影响的物体做加速运动。 ● Wake :系统默认的阵风设置,可以产生一种近似间歇风的效果。 ● Fan :系统的默认设置,可以产生一种柔风的效果,被影响的物体将在 45 °扩 展范围内沿 X 轴以每帧 5 个单位的速度移动,效果如图 10-39 所示。

MAYA教程 粒子表达式的接触及应用
这里为大家讲点粒子基本的表达式的应用,与大家交流交流。首先选择Dynamics,,执行菜单Particles/Particles Tool,设置如下图所示 选择粒子Ctrl + A,调出其属性,在 position属性下右键创建表达式 在调出的筐中,为其设置初始值,写上 particleShape1.position += <<0,rand(2),0>>;(rand函数是一个随机值) 创建表达式后的效果如下图 这里就多加一步为大家更进一步的了解,将原表达式删除,修改成 particleShape2.position += <<0,2*noise(position),0>>,对比rand和noise的侧视图

Maya由软体发射粒子
下面的教程将指引我们由软体上发射面粒子去创建一个在未来派武器或其它任何可能用到的螺旋粒子阵列的方法。 剖析:需要用一个中心物体驱动软体目标的向量和旋转。粒子要从软体物体的表面来发射的。 1 、创建 一个多边形立方体,放缩 Y 轴使其扁平。 一个 NURB 圆柱,拉长 Y 轴使其 SPANS 为 20 。 一个定位器 LOCATOR ,从属于圆柱体。 复制圆柱体,并使一个面与立方体相交。 (注意:完成后圆柱要统一从属于立方体。)

MAYA粒子动力学教程(踩稀泥)
这教程里,我们将看到怎样在一个泥地表面创建脚印。一个非常好的角色动画与动力 学综合使用的范例。至少有两种方法可以解决这个问题(踩稀泥),一个办法是做一个刚 性物体使用rigid body/particle 碰撞实现泥地的压痕。问题是用这种方法实现时,当走 路时刚性物体不能被弯曲。 第二种方法是使用力场绑定到脚来变形一个由softbody mesh制作出的泥泞路面 第一步: 打开场景文件: 这个场景文件里包括一双行进于泥地表面上的脚,如果你此时播放动画,地面与那双靴子不会相互影响。激活 persp/outliner *选择mud surface *选择Soft/Rigid Bodies->Create Soft Body->Soft Option 接下来 在Creation Options 卷展览下选择Make soft

Maya粒子替代制作蝴蝶漫天飞舞
今天上课给学生作的例子,那上来玩玩 呵呵,废话少说,开始了~~~~~ 首先,准备好蝴蝶的模型,这里我用简单的物体代替 将蝴蝶的两个翅膀冻结为(0),翅膀的旋转点移动到翅膀的根部 1.选择翅膀在通道栏中为翅膀的旋转属性创建表达式 :R*=sin(time*10)*40 另一边的翅膀表达式为:R*=sin(time*10)*-40 2

PLCS高级粒子灯光创建工具包使用教程发射灯光
1 创建一个NURBS Cube并放大,将一个侧面删掉,如图: 2 选择顶面,在Dynamics模块中执行命令Particles->Emit from Object 3 选中粒子,创建一个重力场,播放动画,如图: 4 选中粒子,再按Shift选择底面,执行Particles->Make Collide,创建粒子与底面的碰撞。 5 6 单击Create Event,这样就创建了一个粒子事件,播放动画,当粒子撞到底面时就消亡了。 7 在工具架中单击粒子灯光创建工具包的图标,然后设置好灯光的类型和衰减类型,并设置好所有灯光的颜色和强度,如图: