在煎蛋上看到的《16 个肖像摄影技巧》
我想这些当成平面设计技巧来用也是一样的，做一下笔记。
- 强大的溶图技巧。
- 如果肌理（纹理）是画面内对象的最大特点，尽量突出它。
- 通过高亮度、高对比度渲染出明亮空灵的感觉。
- 整体偏暗的画面可以自然地将颜色较淡的部分衬托出来。
- 逆光突出画面内对象。
- 画面内对象的特别造型。
- 表现各地的风俗文化。
- 利用深浅不一，大小不同的倒影来增加维度和空间感。
- 使用阴影，让其成为图像的一部分。
- 微距近景大特写。
- 模糊想要突出的对象，聚焦在背景或远处的物体上。
- 动感模糊。
- 抓拍的画面，突出随意性。
- 在想要让人注意的位置使用鲜亮的对比色。
- 严肃的人物表情。
- 使用各种道具和工具让场景更有趣。
前两天把支持windows的Safari 3 Beta装上了，苹果的产品界面真是没话说，一惯的简洁、时尚，同时又不乏雅致，LOGO倒是有些意外的华丽。
使用下来最大的问题是不能输入中文，不过UI的魅力是无穷的，界面太漂亮了，还有像便条纸般出现与关闭的收藏夹对话框，十分可爱。虽然不能直接输入中文，但操作上的些许烦琐仍没能浇灭我对Safari的热情～
还有一些不影响使用的不足之处，Safari与之前我一直用的IE内核的Maxthon相比较而言，启动速度稍慢些，内存占用也相对较高。
不过Safari在JavaScript的执行上速度有比较明显的提高。
页面的显示上没有什么大问题，在FF上测试过的页面基本都能正常显示。另外，在没有迈入vista时代的情况下，Safari让我感受了下雅黑的魅力^_^
今年一月的时候写过题为《关于列表项的高度》的日志，当时困扰于列表项设置高度后list-style-type属性失效的问题，而且没有找到解决方法。前两天看到一篇文章写如何解决IE6与IE7中无法设置OL元素序号的问题，正好解决了我这个问题。
方法就是在后台程序中直接生成序号，在我的问题里就是在后台直接为每一项加上想要显示的列表项装饰。
再不写出来就要发霉了……
补17日发布会日志。
17日和经理告假，去参加了在国际会议中心为期一天的CS3发布会，ADOBE史上产品数量最多的发布会，也是ADOBE在与Macromedia合并后的第一次产品发布。上午概览了CS3的新功能，下午是具体的一些产品演示。
这次发布会发布了将共享的高效功能与基本创意工具组合，设计用于印刷、WEB、电影和视频以及移动设备内容的CS3系列软件 。以下为13款基本的创意工具，包括：
- Adobe InDesign CS3 - 设计和制作专业水准的页面布局
- Adobe Photoshop CS3 Extended - 发现数码成像中的新视野
- Adobe Photoshop CS3 - 创建具有专业级标准的强大的图像
- Adobe Illustrator CS3 - 矢量图像工具
- Adobe Acrobat 8 Professional - 通过基本PDF解决方案进行交流和协作
- Adobe Flash CS3 Professional - 创建和交付丰富的交互式内容
- Adobe Dreamweaver CS3 - 设计、开发和维护基于标准的网站和应用程序
- Adobe Fireworks CS3
- Adobe Contribute CS3 - 方便的对网站进行维护与更新
- Adobe After Effects CS3 Professional - 视频工具，居然可以把平面图变成3D的～
- Adobe Premiere Pro CS3 - 视频工具
- Adobe SoundBooth CS3 - 音频工具，发布会上演示的去背景杂音的功能很神奇
- Adobe Encore CS3 - DVD制作工具
这些工具与ADOBE的共享功能、服务和应用程序结合之后，功能异常强大。以下列举一些在产品会上进行演示的新功能。
Illustrator
共享配色方案。这个功能在英文版中集成在了软件里，中文版里没有 ，不过使用中文版的用户可以直接访问http://kuler.adobe.com/
Flash
- 可以实现PSD文件与视频文件的直接导入
- 可以复制动画模式
- 直接生成与动画相应的AS代码
- FLASH部件的外观可以进行修改了
Dreamweaver
- 可以检查CSS的正确性，并进行修正
- 可以方便地实现AJAX功能
photoshop
特别要提出的是PS CS3的版本引入了smart object这个概念，基于smart object，PS实现了许多神奇的功能。
- 自动拼合图像，这个功能在演示的两个案例中表现出色，甚至可以把不同角度的照片拼合的非常完美
- 平面图像可以准确的贴合到各种3D元件表面
- 智能滤镜 (smart filter)，原始图像得到了更好的保护，一切滤镜效果都能还原
无缝结合
CS3各工具间的“无缝结合”做得非常出色，使得产品制作流程变得极为流畅而且高效，这也是我参加完发布会后印象最为深刻的一点。Flash、Ilustrator、Photoshop、Dreamweaver等等文件都可以方便的在各工具之间进行转换编辑，这使得创作与修改变得极为便利，这种大家急切需要与盼望的功能都一一实现了，确实是值得designer与developer开心激动的事情。
提到“无缝结合”，当然还要提这两个软件，Adobe Bridge CS3和 Adobe Device Central CS3，在发布会的演示中出现的频率很高，这是所有CS3创意工具都绑定的两个共享应用程序，前者是ADOBE的文件中心，后者是专门为移动内容准备的创建与测试工具，他们也是ADOBE无缝流程中不可缺少的角色。
发布会内容很丰富，CS3的内容更加丰富，这里就先点到为止了，下面贴一些在会场的照片，会场里有许多ADOBE合作伙伴的展台。
一些常用的正则表达式：
^\d+$ //匹配非负整数（正整数 + 0）
^[0-9]*[1-9][0-9]*$ //匹配正整数
^((-\d+)|(0+))$ //匹配非正整数（负整数 + 0）
^-[0-9]*[1-9][0-9]*$ //匹配负整数
^-?\d+$ //匹配整数
^\d+(\.\d+)?$ //匹配非负浮点数（正浮点数 + 0）
^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ //匹配正浮点数
^((-\d+(\.\d+)?)|(0+(\.0+)?))$ //匹配非正浮点数（负浮点数 + 0）
^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$ //匹配负浮点数
^(-?\d+)(\.\d+)?$ //匹配浮点数
^[A-Za-z]+$ //匹配由26个英文字母组成的字符串
^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串
^[a-z]+$ //匹配由26个英文字母的小写组成的字符串
^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串
^\w+$ //匹配由数字、26个英文字母或者下划线组成的字符串
^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$ //匹配email地址
^[a-zA-z]+://匹配(\w+(-\w+)*)(\.(\w+(-\w+)*))*(\?\S*)?$ //匹配url
GridView没有自动加行号的功能，记录需要行号的话，可以在模板列中使用
<%# Container.DataItemIndex + 1%>
来显示。
1 平面设计
用色：仍就用了强对比色的概念，主色调使用红褐色，这系列的颜色给人高贵的印象。细节方面有客意多用些色彩来使画面层次更丰富些。主要内容使用白底深字，其它次要内容隐藏在暗色背景里。
表现：画面上主要使用了渐变与阴影的处理，使用了1像素宽的线来装饰画面。画面给人简单明快却不乏精致的印象。
2 交互设计
链接：所有链接使用下划线，悬浮状态无下划线。非悬浮状态与悬浮状态使用区别明显的颜色。
栏目设置：将“栏目分类”置顶，屏蔽了日历功能。
主页及日志页功能：将左侧日志评论中姓名上的链接换成个人主页而非E-mail地址，右侧评论栏中姓名上的链接替换成评论页面的地址而非E-mail地址，评论内容不做链接。去除了“发表评论”中的E-mail项。（从网页上开启邮件撰写，响应时间有点慢，浏览了一些评论，发现留下E-mail的人不多）
屏蔽了回复评论的功能。（回过头来找自己发表的评论是否被回复，似乎是件麻烦的事）
3 技术实现
背景：对分辨率没要求，背景使用js定位，使用了setInterval函数。
博客名字：用宋体实在是达不到设计效果，无耐还是使用了图片。首页链接做在了空层上。
广告：用js屏蔽了。
4 兼容性
支持IE6+、FF1.5+、OPERA9+、NetScape7.2。
BlendTrans是个控制淡入淡出的滤镜，语法为：
Filter:BlendTrans(duration=淡入或淡出的时间，以秒作单位);
通过JAVASCRIPT来启用和停止滤镜效果：
obj.filters.blendTrans.apply();
obj.filters.blendTrans.stop();
<script language="javascript">
function screenInfo(){
var s = "";
s += "\r\n网页可见区域宽："+ document.body.clientWidth;
s += "\r\n网页可见区域高："+ document.body.clientHeight;
s += "\r\n网页可见区域宽："+ document.body.offsetWidth +" (包括边线的宽)";
s += "\r\n网页可见区域高："+ document.body.offsetHeight +" (包括边线的宽)";
s += "\r\n网页正文全文宽："+ document.body.scrollWidth;
s += "\r\n网页正文全文高："+ document.body.scrollHeight;
s += "\r\n网页被卷去的高："+ document.body.scrollTop;
s += "\r\n网页被卷去的左："+ document.body.scrollLeft;
s += "\r\n网页正文部分上："+ window.screenTop;
s += "\r\n网页正文部分左："+ window.screenLeft;
s += "\r\n屏幕分辨率的高："+ window.screen.height;
s += "\r\n屏幕分辨率的宽："+ window.screen.width;
s += "\r\n屏幕可用工作区高度："+ window.screen.availHeight;
s += "\r\n屏幕可用工作区宽度："+ window.screen.availWidth;
alert(s);
}
</script>
