weakow.com

我喜欢设计。把我过去和现在的一切有益的设计做成合辑，必是此站的重要一部分。

作品选辑可以通过右上角的导航链接进入，亦可通过下面的地址访问：

http://blog.weakow.com/portfolio

Screenshot

敬请关注此页。未来它会不断更新。

制作网页离不开大量的图像处理操作。网页图像处理与用于打印、视频的图像处理有着很大的差异，Web设计者应该有针对性地掌握网页图像处理方法和技巧。通常情况下，应考虑以下几个要素。

1. 格式

由计算机产生的形式简单的图像（如标识、图标）首选PNG格式，而色彩丰富的照片则一定是JPEG。如果颜色不多且没有渐变，应当使用GIF格式。

GIF是用得最多的网页图像格式。GIF最多容纳256种颜色，几乎适用于除照片以外的所有图像。它还具有生成简单的动画和透明图像的能力。

PNG格式相对较新，也是W3C推荐的格式。PNG-8最多可包含256种颜色，堪比GIF；PNG-24支持RGB模式，即可以表现任何颜色，品质较高；PNG-32在PNG-24的基础上增加了alpha通道，也即可以设置透明。

JPEG可以保存约1670万种颜色，常用于保存照片。但除此之外，几乎用不到JPEG。如果图像颜色少于256种，或者含有大片纯色，则JPEG的效果反而不好——为获得高质量的图像，文件大小可能成倍增加。

选择图像格式应当综合考虑其使用范围，如下文详细展开的颜色、透明、动画等方面。可以通过Photoshop或Fireworks的导出向导比较各项参数。选择的标准是，保证可接受的图像质量的前提下，文件应尽可能小。

Read more »

例1

根据去年7月揭示的一系列调查结果，美国82%的手机用户表示自己从不使用短信服务，而每周使用一次以上的用户仅占15%。相形之下，中国的短信使用率似乎要高得多，“拇指一族”在年轻人中大有人在。

一种可能的影响因素是手机上中英文输入方式的差异。在美国，全键盘的手机总是更受欢迎，原因是全键盘输入英文比数字键盘要快得多。然而，全键盘对中文输入效率的提升就不那么明显了。在数字键盘上使用拼音输入中文，重码虽然不可避免，但其出现规则总是固定的。看起来，使用一只手在手机上输中文是比较顺畅的一件事。影响中美短信服务使用率巨大差异的原因还有很多，但输入难易是不可忽视的要素。

例2

全球范围内，wiki（维客）是足以与博客、RSS等并举的典型Web 2.0应用。维基百科的红火令人瞩目，而企业wiki的广泛应用也为企业知识管理贡献了巨大价值。然而在国内，wiki始终未能成为主流应用，即便在企业内部推广，亦困难重重。

同样地，中英文输入方式的差异是影响使用率的可能原因。在MediaWiki中，使用下面的语法表示标题、加粗文字等，有效地提高了样式文本的输入效率。

== Section headings ==
'''bold text'''

输入英文时，敲打=、'这些用来标记文本结构的符号是比较自然的；然而在中文输入法下，用户可能需要切换至半角状态才能正确输入这些符号。撰写内容的同时编辑文本结构本来是很顺畅的事，但若需要频繁切换全半角可能就比较痛苦了。

标记em用来表示强调，其默认样式为斜体。由于一些原因，中文斜体显示效果并不理想，因此对中文直接应用em标记存在不妥之处。一些设计师使用加粗表示强调，中英文显示效果都不错。不妨插一句，小字号（如12px）的加粗文本在使用点阵字体的情况下与普通文本差异明显，在使用矢量字体时则可能与普通文本差异不明显。这些设计师甚至使用strong代替em。配合标记默认样式决定标记之选择的做法必不可取。我们有理由为标记定制样式，替换其默认样式。

正式的中文排版中，强调往往是通过在文字下文打上实心圆点实现的，这样的圆点被称作着重号。在中文Web设计中，我推荐对em标记使用着重号的效果，strong标记仍保留对文本加粗的效果。

由于汉字的宽度一定，这种效果不难实现。这里打算为12px大小的文章正文设置em标记样式。首先，制作一张12px宽的图片，下图是放大至16倍的效果。

对12px大小的文字来说，将圆点直径设为3px看起来最为合适，虽然这样圆点的中心不可能处于绝对居中的位置（本图中圆点偏右）。此外，将圆点以外的部分设为透明将更具适应性。原图：dot-accent.gif。

接着制定样式。

.post p em {
  padding-bottom:4px;
  font-style:normal;
  background:url(images/dot-accent.gif) repeat-x left bottom;
}

为了保证效果，段落文本应具有1.5em以上的行距，否则着重号可能距离下面一行文字太近。

下面是一段HTML代码及其对应的样式效果。

<p>事业是<em>干</em>出来的，不是<em>吹</em>出来的。</p>

事业是干出来的，不是吹出来的。