Liu Zhongshu

做UI也需要顺手的原型设计工具、方法（称为Prototype或者Mockup），虽然UI不是我的本行，但我还是挺关心这些东西的，大体上可以看到三类方法：

• 手绘原型草图（在纸上做）
• Photoshop/Fireworks
• 其它工具，比如Powerpoint/Visio等

之所以把Photoshop单独列出来是因为Photoshop是如此如此广泛的被应用做UI原型设计工具（特别是在Web UI上），其它任何工具都不能和Photoshop相提并论。上面的三种方法并不是每个人都会用，很多设计人员都有自己的一套工作流程，有些人会同时使用其中的多种方法（比如有人会同时使用手绘的原型草图加上Photoshop），也有些人只用其中的一种工具（比如只用手绘，或者只用Photoshop），甚至有人三种方法都不用，跳过原型直接进入UI设计。

这里介绍一些相关的文章，这篇文章介绍了为什么忽略Photoshop，自然在留言中是引发了一堆争论。这篇是说如何使用Visio来做原型设计工具（我感觉还蛮方便的，但还是没有Photoshop的灵活和强大）。

Photoshop自带了阴影效果，不过在现实中，象Photoshop那种标准的阴影是由一些有厚度的物体才能产生，对于一些很薄的物体，比如 - 纸张，使用这种阴影似乎不太合适，实际上对于纸这样的材质，现实中可以看到有两个常见的现象：翘角和卷边（翘角尤其常见）。如果在计算机上将这些效果表现出来，那么材质就更具真实性了，但两种效果用Photoshop做起来都不那么简单。

翘角

当纸放在桌子上是，经常可以看到这个翘角的现象，就是有一个或几个边角会翘起，并留下阴影，这个阴影很有些特点，它在翘角处最大，然后沿着两个相邻的边阴影会逐渐消失，因此不能用Photoshop的阴影直接做，但做起来也并不复杂，下面是步骤：

• 首先要用Photoshop自带的Layer Style-Drop Shadow做阴影，这是普通的阴影效果。
• 为了制作阴影沿边渐渐消失的效果，需要让阴影变形，但是Photoshop的Layer Drop Shadow阴影是不能任意编辑的，所以要把这个阴影效果分离出来。在图层窗口中右键点击Effect下的Drop Shadow，可以看到Create Layer菜单项，这个就可以将阴影剥离成一个单独的可编辑的Layer了。
• 下面就简单了，在这个新的阴影层里面，全选（Ctrl-A），然后用各种变形工具去“扭曲”这个阴影，就很容易得到翘角的效果了，可以使用Free Transform（Ctrl-T），也可以使用Transform下的Distort，看你习惯就好。
• 如果为了得到更加逼真的效果，需要在相应的翘角上，渐变的增加一些亮度（因为既然翘起来了，对应光源的方向，自然应该亮度上增加一些）。

卷边

卷边就是翘角翘过了，卷起来了，呵呵。 这个要更难做一些了。因为这里必须要处理卷起部分的亮度变化了，阴影部分可能也要手动绘制，具体步骤不列了，本来想附图，一张一张截太麻烦了，flickr又不好用，省了吧。。。

看看这段视频:  http://www.seamcarving.com/
相当的惊讶啊，多有创意的算法，赶紧集成到photoshop吧，我想试试。。。

最近有时发现， 居然有些大的屏幕截图， 在photoshop里面不能paste，我试了几次，当截图比较大时（比如直接PrintScreen）就不能paste了，而Alt-PrintScreen截取一个窗口时，图比较小，就可以paste。难道是内存不够了？ 不是还有disk嘛，一看我的C盘，只有几百K了，倒掉垃圾桶，paste就正常了，原来如此。

其实我的内存是够大的，不知道为什么photoshop非要动用磁盘，可能photoshop是想留一些内存给别的程序用吧。

多日奋战后，下面几个程序成为我的wine贵客
. Photoshop
. uTorrent 无须安装的torrent客户端
. Source Insight
. foorbar2000 无须安装，可以播放Linux下比较麻烦的ape格式
看看photoshop和gimp一起运行:

以前确实对wine有些偏见，自从photoshop之后，又在wine下跑起了source insight, guitar pro, 全部成功，guitar pro的midi输出部分还没有搞定，不过似乎已经证明wine是个值得信任的应用。 其实开始时，我对wine的要求只是能够跑起这几个我常用的程序之一我就会很满意了，没有想到都可以跑起，当然还没有来得及长时间的运行这些程序看看是否稳定，不过这样的表现已经很不错了。

小看你了，wine...

由于GIMP操作不太习惯，就想着用wine来运行photoshop，记录下过程
1) 安装Dapper源里面的wine
2) 在运行wine之前，如果你的LANG是zh_CN.UTF8，要改为zh_CN.GB2312，否则wine会非常慢，这是由于字体读取的原因。
3) 不能直接运行Windows分区下的photoshop，要重新安装photoshop，我装的是7.0，可能别的版本会有些差异。
4) 启动时，可能会遇到 actctx:QueryActCtxW stub! 这个错误(在终端上打出来的)，这是由于Ubuntu的X的配置文件画蛇添足的配置了wacom手写输入设备，只需要修改/etc/X11/xorg.conf，将其中wacom的device全部注释，底下引用这些device的地方也注释掉，重启X。

这样做下来，就基本OK了，小问题是File/Save for Web不起作用了(菜单灰了)，网上搜索说是和启动时的photoshop的路径有关，反斜杠代替正斜杠就可以解决，但我试了一下，不行，郁闷。

update(2008-04-11)：在Ubuntu7.10下面，Wine下的Photoshop7已经几乎完美了，几个小问题都解决了。

使用jpg可以达到很高的压缩率，我通常使用Photoshop的Save for web来存jpg文件，不过由于可选项不多，不方便在大小和质量间达到较好的平衡，我会用Ulead SmartSaver来做更多的优化。
反之，如果得到一个压缩率较高的jpg文件，在ps里放大，就会看到类似马赛克的"jpg特征", 使用ps除去这些可能要比较麻烦，可以用一个软件Jpeg enhancer，它可以全自动完成这些工作，并且做的不错。优化后的jpg可以重新Save为jpg文件，但要比之前的会大一些，不过个人觉得这种"反 jpg"的工作意义不是很大。

PS提供很多自动化的颜色调整工具，在Image/Adjustments菜单下可以找到诸如Auto Levels, Auto Contrast, Auto Color等工具(其中Auto Color是PS7新增), 这些工具都属于傻瓜式操作，可以自动完成某种颜色属性的调整，达到一种相对平衡状态，并且通常做的不错。不过更多时候需要手动的调整，因为可以提供更多的自由度和好的调整效果。
所以PS提供许多手动调整工具，最重要的是Image/Adjustments/Curves，这个可算是高级的颜色调整工具，可以几乎定量的完成多个颜色分量的调整，Photoshop LE版本中就没有包含这个强大的Curves功能。最常见使用Curves的地方是对人的肤色的调整, 因为人的眼睛对肤色非常敏感，所以对肤色的调整需要Curves这样精确的工具。
对肤色调整可以分为RGB模式和CYMK模式，如果照片是在Web上使用，就使用RGB模式(显示器显示颜色的原理), 如果要用作高质量的打印输出，则最好在CYMK模式下处理(喷墨打印机显示颜色原理), 在CYMK模式下调整肤色有个简单的原则，就是让Y分量(Yellow), 超出M分量(Magenta) 3%~5%。这正是Curves的强项，而颜色分量的测量可以使用PS的取色工具(EyeDropper)完成。

技巧1：精确的16bit调整
在PS8中，支持完全的16bit操作。16bit就是每个颜色通道使用16比特来表示，而不是标准的8bit，可以想象表示颜色的精度可以提高，但前提是你的照片必须是16bit模式的，否则没有意义(将8bit的照片先切换到16bit再进行颜色调整是不会有多少精度提高的)! 现今的许多数码相机都支持16bit模式的RAW格式存储照片。这时16bit编辑就可以发挥它的用途了。

技巧2: 两副图像的自动颜色匹配
要使得两张照片的颜色匹配，可不是很简单的工作，幸好PS提供了一个自动化的工具Image/Adjustments/Match Color, 选择所要匹配的Source图像，点击OK，一键搞定。

File Browser是PS7新增的功能，到PS8(Photoshop CS)又有所加强，我原先并不看好这个功能，认为只是PS锦上添花的功能，而且会和许多已有的图像浏览软件功能重复(如Acdsee), 但在使用之后，我发觉我错了，PS中的File Browers是PS大踏步进入数码摄影领域的一个重要加强。

1)FB与PS结合紧密，可以随时通过屏幕顶端OptionBar右边的快捷按钮启动关闭，速度非常快，这意味着在PS和FB中切换相当迅速，在FB中可以通过双击文件缩略图，直接进入PS中编辑。
2)FB对图像文件的组织相当好，提供多种目录定位和文件预览方式(包括自定义)和多种图像排序方式，并支持图像的标记(Flag)和评级(Rank)功能，这对大量图像的前期处理相当方便.
3)FB集成的 批量文件名修改，ContactSheet生成，多页PDF导出 等功能相当实用，且在其他软件上很难找到。
4)FB使用Cache方式记录图像的缩略图和评注等信息，使得再次打开图像目录非常快速。对Cache的控制也很方便，可以随时导出到文件(export), 丢弃(purge)等。