05

成功的用户界面的八个特性

当你构建你的用户界面和网站的时候,有各种各样的关于界面设计方法和模式的信息你可以使用, 对常见问题的解决方案和一般可用性的建议。下列专家给出的准则可能会引导你创造一个良好的用户界面, 但是究竟什么才是一个良好的界面? 一个有价值的用户界面应该具有那些特性?

以下八个特性是我认为一个良好的用户界面所必须的:

  • 清楚
  • 简明
  • 熟悉
  • 易响应
  • 一致
  • 吸引力
  • 高效
  • 宽容

让我们仔细看看每一个特性: 阅读全文…

04

2009年网页设计趋势前瞻系列一

网页设计师是一群非常善变最新的人,总是希望尝试更新的设计理念,那么这篇文章将使你受益匪浅。Smashing Magazine 花费几个月的时间研究编写的2009 年 Web 设计风格与潮流,Smashing Magazine 的编辑们对当前流行的大量 Web 设计风格进行分析,总结出那些可能在 2009 年风行的潮流。

文章包括新的设计元素,新的图形方式,并给出大量的漂亮的示例。这是第一部分10个潮流,第二部分15个潮流将于下周推出。

接下来让我们来预测一下2009年的网页设计趋势:

1. Letterpress 凸版效果

在我们的观察中,一个意料之外的趋势是,凸版效果(Letterpress,也就是我们的篆刻中的阴文效果)。这样的趋势,可能是因为一个简单的原因,因为这个技术很少被人使用。我们发现这种技术通过不同的样式应用在不同的网站上,多位在线服务网站。

阅读全文…

10

SEO是网站的哲学

哲学是对自然知识、社会知识和思维知识的概括和总结 。哲学就是统一,就是说世界是一个本原组成的,一切都是量在变化不存在质的变化。       上面这是人类社会生活,从事社会生产活动,科学研究和创造性劳动所遵循的一般意义上的哲学。当然哲学也是随着世界的变化而不端的演变和完善的。 阅读全文…

09

404设置状态返回200的注意了!紧急!

相信不少主机的404都是状态结果200的

经过研究证明,这样的网站会被停止收录,并且降权,严重的会被拔毛!(GG影响不大,百度会被降权K掉!)

各位朋友赶紧查查,我有点晕了!

404状态检测地址:http://www.seochat.com/seo-tools/redirect-check/

相关内容如下,必须引起高度重视!

阅读全文…

09

心之幽情:我爱你,至死不渝

 心之幽情:我爱你,至死不渝               
–>《生死朗读》观后感
看着影片中结束的字幕缓缓划过,我的情绪却还不能平息。眼眶的泪水象决堤的河,为这样坚守却一直心碎的爱情。

片中有好几处让人情绪崩溃的地方,十五岁时青涩的迈克,对汉娜纯纯的爱。每日放学后的美好时光,就是为她朗读,还有肌肤相亲。汉娜对他的感情,象是在一直宠溺的小孩,象情人,象母亲。两个人一起的单车旅行,站在门边的迈克,凝望汉娜的深情,任谁看一眼,也知道那凝视的眼神,一刻也不愿意离开,他对她是爱的,深爱着的吧。 阅读全文…

09

后期处理(21): PS中用脚本添加EXIF参数到照片上

上一期介绍用photoshop添加简单边框的方法,而photoshop还有专门制作边框的插件和滤镜,你也可以下载一个试试,具体自己到网上搜索一下。另外很多朋友也喜欢把EXIF参数也写在边框上,以方便别的朋友欣赏照片时了解其拍摄参数。

photoshop功能强大, 但这一样东西却很不方便。下面将介绍通过脚本实现类似功能的方法。

这个脚本出处已不可考,因为原来的脚本是直接加上边框和签名还有EXIF,而且对于添加的文字位置以及大小等控制不大方便,本人做了一此修改,成为只具体添加EXIF参数的脚本。

使用的时候,应该先加好边框和签名,然后再调用脚本。照片大小不同和边框类型不同,对EXIF参数字型字号和位置要求也不同,所以使用的时候可根据需要自己对参数进行修改。当然对比较常用的也可以多保存成不同名字的脚本直接调用,而不用每次都修改。

 

 

 

 

脚本适用CS2中英文版,本人在9.0 CS2试用正常。
将后面的代码拷入记事本,选择菜单“文件-保存或另存为”,
将文件存到“C:\Program Files\Adobe\Photoshop CS\预置\脚本”目录中(根据实际安装位置),
文件名可以输入中文,如“图片加框和EXIF信息.js”等,在编码栏里选unicode,
使用:在Photoshop CS菜单中选择:文件-〉脚本,就可以看到相应的菜单项了。

 

代码:

//—
//在Photoshop CS中文版中加框和EXIF信息
//将自己需要修改的部分作详细说明,以便于各位自己修改

displayDialogs = DialogModes.NO;
var defaultRulerUnits = preferences.rulerUnits;
preferences.rulerUnits = Units.PIXELS;

function explodeArray(item,delimiter) {
tempArray=new Array(1);
var Count=0;
var tempString=new String(item);
while (tempString.indexOf(delimiter)>0) {
tempArray[Count]=tempString.substr(0,tempString.indexOf(delimiter));

tempString=tempString.substr(tempString.indexOf(delimiter)+1,tempString.length-tempString.indexOf(delimiter)+1);

Count=Count+1;
}
tempArray[Count]=tempString;
return tempArray;
}

var AD = activeDocument;
var resRatio = AD.resolution/72;

if(resRatio!=1){
AD.resizeImage(AD.width.value,AD.height.value,72);
}

var heightVar = AD.height.value+2;
var photoWidth = AD.width.value;
var photoHight = AD.height.value;

//获取EXIF信息,注意相关参数的具体位置

var exifData = AD.info.exif.toString();
explodeArray(exifData,”,”);

var stringTemp=”";
var make=”";
var camera=”";
var focLength=”";
var expTime=”";
var lensUsed=”";
var ISONum=”";
var dateTime=”";
var Lens=”";
var psVersion=0;

//判别Photoshop CS是中文版还是英文版
for(n = 0; n < tempArray.length; n = n + 2 ) {
stringTemp=tempArray[n];

if(stringTemp.indexOf(”Make”)!=-1){
psVersion=1;
}
break;
}

if(psVersion == 0)
{

//—————————————————————-
//Photoshop CS中文版使用以下部分获取EXIF信息

for(n = 0; n < tempArray.length; n = n + 2 ) {
stringTemp=tempArray[n];

//————————————————-
//对于有的相机型号不包括制造商部分,请使用以下3行代替下面的相机型号部分
//if(tempArray[n]==”EXIF tag 10027″){
//make=tempArray[n-3];
//}

//相机型号
if(tempArray[n]==”EXIF tag 10027″){
camera=make+tempArray[n-1];
}

//快门速度和光圈大小
if(tempArray[n]==”EXIF tag 13343″){
expTime = tempArray[n-1];
lensUsed = tempArray[n+1];
}

//ISO设置
if(stringTemp.indexOf(”EXIF tag 13485″)!=-1){
ISONum = “, ISO:” + tempArray[n+1];
}

//拍摄日期、时间
if(tempArray[n]==”EXIF tag 13686″){
dateTime = tempArray[n+1];
}

//使用的焦距
if(tempArray[n]==”EXIF tag 13738″){
focLength = tempArray[n+1];
}
}

}

else
{

//Photoshop CS英文版使用以下部分获取EXIF信息

for(n = 0; n < tempArray.length; n = n + 2 ) {
stringTemp=tempArray[n];

//———————————————-
//对于有的相机型号不包括制造商部分,请增加以下3行
//if(stringTemp.indexOf(”Make”)!=-1){
//make = tempArray[n+1];
//}

//相机型号
if(stringTemp.indexOf(”Model”)!=-1){
camera = make+tempArray[n+1];
}

//光圈大小
if(stringTemp.indexOf(”F-Stop”)!=-1){
var lensUsed = tempArray[n+1];
}

//快门速度
if(stringTemp.indexOf(”Exposure Time”)!=-1){
expTime = tempArray[n+1];
}

//ISO设置
if(stringTemp.indexOf(”ISO Speed Ratings”)!=-1){
ISONum = “, ISO “+tempArray[n+1];
}

//拍摄日期、时间
if(stringTemp.indexOf(”Date Time Original”)!=-1){
dateTime = tempArray[n+1];
}

//使用焦距
if(tempArray[n]==”Focal Length”){
focLength=tempArray[n+1];
}
}

}

 

//改变日期格式
var dateArray1 = dateTime.split(” “);
if(psVersion == 0)
{
//Photoshop CS中文版使用以下两行
var phoDate = dateArray1[1];
var phoTime = dateArray1[2];
}

else
{
//Photoshop CS英文版使用以下两行
var phoDate = dateArray1[0];
var phoTime = dateArray1[1];
}

var dateArray2 = phoDate.split(”:”);
var monthsArray =["January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"];
phoDate = monthsArray[dateArray2[1]-1]+” “+dateArray2[2]+” “+dateArray2[0];
//——————————————————–
//你有什么镜头,就根据镜头和最大焦距改吧
//要是焦段重叠也没法玩,还是比较一下吧

var focLength1=parseInt(focLength);
if(focLength1>=17 && focLength1<=40){
Lens = “Canon 17-40mm F4L USM”;
}
if(focLength1>=70 && focLength1<=200){
Lens = “Canon 70-200mm F4L USM”;
}
if(focLength1==”85″){
Lens = “Canon 85mm F1.8 USM”;
}
if(focLength1==”100″){
Lens = “Canon Macro 100mm F2.8 USM”;
}
//——————————————————–
//定义黑色,你也可以定义其他颜色哟
var black = new SolidColor();
black.rgb.red = black.rgb.green = black.rgb.blue = 0;

//定义白色,你也可以定义其他颜色哟
var white = new SolidColor();
white.rgb.red = white.rgb.green = white.rgb.blue = 255;

//定义蓝色,你也可以定义其他颜色哟
var blue = new SolidColor();
blue.rgb.red = 0; blue.rgb.green = 0; blue.rgb.blue = 255;

//标字和参数

var infoLayer = AD.artLayers.add();
infoLayer.kind = LayerKind.TEXT;
var TI = infoLayer.textItem;

//右对齐,如果左对齐可以省略下面这行
//TI.justification = Justification.RIGHT;

//标字的位置 (左边距,底边距)
TI.position = [10,photoHight-28];

//显示:相机型号,镜头,焦距,曝光时间,光圈,ISO设置等

TI.contents =camera+”, “+Lens+” @”+focLength+”,”+expTime+”,”+lensUsed+ISONum  ;

//字体、字号、颜色等
TI.font = “System”;
TI.size = 12;
TI.color = blue;

var info2Layer = AD.artLayers.add();
info2Layer.kind = LayerKind.TEXT;
var TI = info2Layer.textItem;

//显示:拍摄日期及时间等 ,当然你也可以加上网址等信息
TI.position = [10,photoHight-10];
TI.contents =” Date/Time: “+phoDate+” “+phoTime + “   Http://blog.zol.com.cn/eyoungsky” ;

//字体、字号、颜色等
TI.font = “System”;
TI.size = 12;
TI.color = blue;

//如果为白框,字体为黑色
//TI.color = black;

//AD.flatten();
//上一行为拼合图像,
//—

 

 

 

修改代码时注意,//表示本行后面的内容是注释,对不需要的功能只需在该行前加上//就可以,而要使用原来取消的功能,就将其实前面的//删掉,其它的都有说明。

09

后期处理入门(二十): 用Photoshop给照片加边框的方法

上一节介绍了使用光影魔术手给照片加边框的方法, 曾有朋友问过在photoshop中要怎么加呢?

因为主要是写的后期入门, 本打算只讲方便易用的光影, photoshop部分不怎么讲的(呵呵,其实我很多也不会),既然有朋友问到了,那么也介绍一下吧。当然,用photoshop也可以做出非常漂亮的边框,而且如果把做的动作录制下来,下一次再加边框时直接调用也很方便。

因为我很少用photoshop,下面只讲一下比较简单的方法:

1、第一层扩边:把需要的处理都做完后,最后再加边框,本例照片大小设为800X600(不同大小加的边框大小不同),点击菜单的图像-画布大小;

 

 

2、画布扩展颜色使用白色,将宽度与高度分别设为4像素(即每一边扩大2像素),注意勾上“相对”的选框,点确定。

 

 

3、第二层扩边:继续点击菜单的图像-画布大小,扩展颜色选黑色,宽度与高度为2像素:

 

4、第三层扩边:扩展颜色重新选为白色,宽度与高度为0.8厘米:

 

 

5、第四层扩边:宽度为0,高度1厘米,定位如下图设置:

 

 

6、到上面一步做完,边框就加好了,然后我们可以加上自己的LOGO或文字说明,并对图层进行美化;

 

 

7、OK,边框加好了,看看效果怎么样。

 

当然,你完全可以按自己喜好设定边框的参数,也不用完全按上面的步骤做,其实上面讲的只是一个普通的例子,只要知道了方法,做起来很简单。

像下面这个,就是稍做改变做出来的,感觉也不错吧。

 

 

然后,可能有的朋友更喜欢用花纹填充的边框,那么该怎么做呢?可以试试下面的方法:

1、做完上面的第5步之后,也就是要写上LOGO之前,选择魔术棒工具,容差设为1,在下面白色边框处点击进行选择;

 

 

2、选择菜单的编辑-填充;

 

 

3、在填充对话框中选择图案;

 

4、 从自定义图案中选择一个你所喜欢的花纹,再点确定;

 

 

5、这样就OK了,然后我们再来加上LOGO。下面完成后的样子,当然,还可以继续在外面按上面的方法再加几层边框。

 

 

最后,可能有些朋友感觉会有些美中不足,因为不能像光影魔术手那样很方便的那EXIF信息添加到照片边框上,那么你再看看下面这一张,想知道是怎样做到的吗?呵呵,等下一节再介绍吧。

 

 

 

09

后期处理入门(十九): 给照片加上边框

大家都看过不少照片配有边框,同时上面还有注明拍照参数,可能会羡慕这是怎么弄上去的吧。其实用光影给照片加上边框,是最简单方便了,而且你还可以自己设计自己喜欢的风格独特的边框。

一个好的边框可以令照片增色不少,当然所谓的好,不单单指漂亮的边框,而是指边框的款式设计、色彩、线条、大小、文字等要与照片内容及色调和谐统一,相得益彰。而边框加得不当,则会破坏照片的画面气氛,令效果打了折扣。

所以边框也是一把双刃剑,怎么应用好,就要看你的赏美能力了。以前我也很喜欢加边框,特别喜欢黑色大边框,看看下面两张照片,我自己感觉拍得算是比较不错的了,画面也比较细致,色彩也很鲜艳,但是有没什么问题呢?

 

 

 

呵呵,估计你也猜到了,没错,就是边框。黑色大边框太厚重了,也比较沉闷,影响了画面明快的感觉。当初我也没注意到,是朋友说了才发觉确实如此。所以我现在也比较少用边框,主要也还是把握不很好,怕加了还影响画面,如果加了对照片没增色作用,那还不如不加。

当然,这里还是要讲讲加相框的方法的,当然可能也有不少朋友已经会用边框了。至于怎么样才能加出好效果,就要靠大家多体验了,呵呵。

光影魔术手提供了多种轻松边框、花样边框、撕边边框和多图边框等多种样式,同时也可以下载和自己制作边框,对自己制作的漂亮边框还能上传到网络与朋友们分享。

通过打开菜单上的工具,或直接点工具栏上的边框旁的小三角打开下拉菜单,就可以选择要使用的边框功能。

 

1、轻松边框
轻松边框有内置边框和外挂边框两个选项,内置的就是软件自己提供的,外挂边框则是下载或自己制作的。外挂边框选项卡上有边框工厂按钮,可以自己制作边框,这方面内容下节再讲。 

 

 

 

内置边框有个边框文字设定按钮,点击可以对附加文字进行设置。
下面是两张使用轻松边框的效果图。

  

对于第一张,当论坛或网页背景不是白色时效果就不大好了,而第二张的EXIT参数印在画面上了,我个人是比较不喜欢的,因为造成了破坏。另外轻松边框内置款式比较少,所以我们可以使用花样边框。

 

2、花样边框:
花样边框有一个下拉菜单,一般开始的是“我的最爱”,它相当一个快捷方式,你可以把其它边框集合里喜欢的边框添加到“我的最爱”,也可以把它从“我的最爱”里删除。
选择一款边框,右击弹出菜单,可以对边框文字进行设定,其功能比轻松边框里大多了。可以分别设定多个标签及在画面中的位置。
在其它集合里点右键弹出的菜单稍有不同。

 

 

 

  

 

3、撕边边框:
主要用来添加艺术效果的,但没有边框文字功能,具体设置可自己尝试。

 

4、多图边框:
主要用来制作相册用的,用法也很简单,就不详细写了。

 

呵呵,上面的这个边框我很喜欢,可惜文字没办法改,和内容配合不好。不过这里只是做一个例子,无所谓了。

09

后期处理入门(十八): 锐化–让照片更清晰(下)

photoshop中提供了多种锐化工具,简单的“锐化”不是我们需要的,“进一步锐化”也只是比锐化更进一步而已。而USM锐化才是我们比较常用的,几乎是一个万能的工具。点击菜单上的“滤镜-》锐化-》USM锐化”就可以打开对话框,我们可以看到,USM滤镜提供了三种控制参数:

 

 

数量:控制锐化效果的强度。对于一般的处理,数量设置在150是比较合适的,然后再根据需要作适当的调节。数量值过大图像会变得虚假。

半径:用来决定作边沿强调的像素点的宽度。如果半径值为1,则从亮到暗的整个宽度是两个像素,如果半径值为2,则整个宽度为4,也就是两边各有两个像素点。半径越大,细节差别越清晰,但同时会产生光晕。一般来说不要超过2。

阀值:决定多大反差的相邻像素边界可以补锐化处理,而低于此反差值的就不作锐化。正确设置可以使图像既保持平滑的自然色调(如纯蓝的天空),又可以对变化细节的反差作出强调。一般推荐值为3-4。
一般来说,对于比较柔和的主体(如花、小狗、人、彩虹等)使用150/1/10; 对于近景人像,常用的参数是75/2/3,这样不会使眼睛显得太突出,在头发内产生高光;对于有大量细节的风光照片来说,适合200/2/2参数。如果需要批量处理,可设为80/2/4。
当然,这也不是一成不变的配置,你还得根据自己片子的实际情况和自己的需要去设置锐化调整参数。

 
上面说的只是普通使用USM锐化的方法,要得到更好的锐化效果,可以使用Lab锐化法。由于Lab通道分为明度、a、b三个通道,明度通道仅包含图片的明暗信息,ab通道包含图片的彩色信息,我们仅对明度通道进行锐化,因此能避免在多次USM锐化时所产生的色晕,是许多专业摄影师常用的锐化技术。

Lab锐化法:

1、将图像模式转换为Lab颜色;

 

2、在通道在选择明度通道(L通道)

 

 

3、进行USM锐化;

 

 

4、再将图像模式转回RGB颜色。

 

 

 

下面分别是原图、普通USM锐化效果图、Lab锐化效果图比较以及放大300%细节比较。

 

 

 

 

 

 

09

后期处理入门(十七): 锐化–让照片更清晰(上)

本期介绍一下有关锐化的技巧。

锐化是数码相片后期一个很重要的步骤,它能使照片更清晰和锐利。有些相机可以在拍摄的时候设置锐利度,或者锐化程度。我们知道,尼康的相机出片比较锐,佳能比较软,这是因为相机内部处理风格的不同。当然,即使把有关锐化设置都关闭,也可能因为内部算法及镜头和低通滤镜的影响,不同相机出片的锐利度还是不一样的。

除了一些需要营造朦胧或柔美艺术效果的照片,我们认为照片还是越清晰越好的。这就涉及一个问题,是在相机内部设置锐化呢,还是后期在电脑上进行锐化?

答案是肯定的,当然是电脑上锐化效果好。因为相机内的锐化也是一种后期,而且是不可逆的,一旦过锐了就无法挽回。而在电脑上做锐化,不仅可以调节多种参数,使用多种方法,效果不满意时也可以重新恢复。另外我相信电脑软件的处理算法肯定比相机内部处理器要强大得多。

 

锐化的原则:
1、锐化永远是后期处理的最后一步(如果你要加相框的话,那应该是倒数第二步,呵呵)。锐化前应该完成所有的图像修改和调整,比如对比度、颜色、阴影/高光等等。如果锐化后再调整图像将会显著恶化整体像质。

2、宁愿多次锐化,也不要一次锐化过多。这个具体原因我也说不上,但高手都是这么说的,当然,锐化太多次也不好,一般不超过两三次左右。

3、宁可锐化不足,也不要锐化过度。锐化过度会产生色斑和白边,别人一看就知道你是菜鸟。而锐化不足,呵呵,你可以说是器材不够好,拍的照片不够锐。

 
光影魔术手的锐化方法:
我比较喜欢用精细锐化:
1、打开照片,选择菜单的“效果-》模糊与锐化-》精细锐化”
 

 

2、拉动滑块调节锐化效果,个人感觉一般在60-150左右,太多了也不好。

 

 

3、比较锐化前后和过锐的效果:

 

 

 

 

 

photoshop功能更强大,其中USM锐化滤镜应该是Photoshop里最强大、最灵活的锐化工具,用好USM是后期锐化的关键。下一节再说说USM的技巧。

 Page 1 of 3  1  2  3 »

    订阅

     

    二月 2010
    « 五    
    1234567
    891011121314
    15161718192021
    22232425262728

    文章索引

    分类目录

    最近评论