前段时间看了《走出软件作坊》这本书，觉得不错(也有不同意见)，是作者多年工作的积淀和总结，有很多经验可以借鉴，也可以从一个侧面了解了特定行业软件企业和从业人员的状态。没想到书没看多久，最近就遇到了一个软件作坊。
事情是这样：公司需要开发一个SAP到金税税控机的接口软件，用于自动打印发票。找了几个供应商来做演示，有SAP、IBM和国内某作坊。
因为与会者有不少是来自国外的同事，所以主要用英文来做讲解，多少有点小难度，影响了沟通。
演示机器的设置也有问题，临开始了才发现不能接入我们公司的网络，手忙脚乱了半天。
演示中展示了一些系统截图，为了保护敏感数据，对截图上某些数据做了涂改。这当然可以理解，可是偏偏幻灯片上的截图用mspaint上涂抹得东一块西一坨，如同涂鸦。
熟悉自己系统的演示者操作起界面来速度超级快，APM达到60+。
感叹一下，作坊不易开啊。
来自 http://www.mifengtd.cn/articles/7-ways-to-do-now.html
各行业中首屈一指的成功人士都有一个共同的优点——他们办事言出即行。这种能力会取代智力，才能和社交能力，来决定你的工资范围和晋升速度。
虽然这个观念很简单，不过很多希望成功的人却正是败在这点上。立即行动的习惯，也就是立即把思想付诸行动的习惯，这对完成事情来说是必不可少的。这里有七个方法能让你培养立即行动的习惯。
推荐阅读：《立即行动》、《现在开始(Do It Now)》
如果你想等条件都完美了才开始行动，那很可能你永远都不会开始。因为总是会有些事情不是那么好、或是错过时机、行情不好、或是竞争太激烈。现实世界中没有完美的开始时间。你必须在问题出现的时候就行动起来并把它们处理好。开始行动的最佳时间就是去，其次便是现在。
要实践，而不要只是空想。你想开始实践吗？你有没有好的创意要告诉老板？今天就行动起来吧。一个没被付诸行动的想法在你的脑子里停留得越久越会变弱。过些天后其细节就会随之变得模糊起来，几星期后你就会把它给全忘了。在成为一个实干家的同时，你可以实现更多的想法，并在其过程中产生更多新的想法。
想法是很重要，但是它只有在被执行后才有价值。一个被付诸行动的普通想法，要比一打被你放着”改天再说”或”等待好时机”的好想法来得更有价值。如果你有一个觉得真的很不错的想法，那就为它做点什么吧。如果你不行动起来，那么这个想法永远不会被实现。
你有没有注意到公共演讲最困难的部分就是等待自己演讲的过程呢？即使是专业的演讲者和演员也会有表演前焦虑担心的经历。但是一旦开始表演，恐惧也就消失了。行动是治疗恐惧的最佳方法。万事开头难。一旦行动起来，你就会建立起自信，事情也会变得简单。通过行动来克服恐惧，建立自信。
人们对创造性工作最大的误解之一就是认为只有灵感来了才能工作。如果你想等灵感给你一记耳光，那么你能工作的时间就会很少。与其等待，不如机械地发动你的创造力马达。如果你需要写点东西，那么强制自己坐下来写。落笔，灵机一动，乱图乱画。通过移动双手来刺激思绪，激发灵感。
把注意力集中在你目前可以做的事情上。不要烦恼上星期理应做什么，也不要烦恼明天可能会做什么。你可以左右时间只有现在。如果你过多思考过去或将来，那么你将一事无成。明天或下周的事经常是永远都不会发生的。
人们在开会前一般都会做些社交活动或聊聊天，独自工作者也是如此。在真正开始工作前你多久会检查一次Email或RSS feeds呢？如果你不避开这些让人分心的事情来开始谈正事，那它们会花掉你很多时间。一旦开始谈正事，那就会变得更有创造力，而且别人也会把你当领导者看。
没有上级的指示就开始行动，这是需要勇气的。或许这就是为何主动性是一种优秀品质的原因，而且是让各地的经理主管们都垂涎的一种品质。当你有一个想法的时候，不要等别人来告诉你就要把它给执行了。一旦人们看到你很认真地完成事情，他们就会想要加入你。成功人士不会让别人来告诉他们该做什么。如果你想加入他们，那就该习惯独立行动。
原文来自：Angelived中文翻译
来自：http://f6design.com/journal/2006/10/21/the-visual-design-of-web-20/
流行的颜色有绿色、深蓝、橙色和粉色。
利用新的CSS技巧可以很容易实现
圆角字体也很受欢迎
突出应用的重点，del.icio.us管理链接，flickr管理照片。
合理运用排版颜色字体，让软件更易于使用，减少用户遇到的问题和障碍。
大字体易读易用
空白可以：
Friendly, informal copywriting allows a more personal relationship with website visitors. A List Apart singled out Flickr and Photojojo for an honorable mention in this department, and it’s a lesson that many Web 2.0 sites put into practice. WebTango isn’t just free, it’s “free of additives, cholesterol, ozone-depleting CFCs, and most importantly, free to use”. Tioti doesn’t just have tagging and RSS, it has “tagging and RSS up the yazoo”. FAQQLY founder David Liu isn’t a isn’t a faceless entity, Dave is “your first friend once you register”. And the toolbar on eSnips isn’t just flexible, it’s “a toolbar you can use in a bunch of cool ways”. You get the idea.
See http://www.webdesignfromscratch.com/web-2.0-design-style-guide.php
2栏很常见，3栏最多
正确：
错误：
明确清楚够大的品牌和导航区域
用颜色条分隔页面头部和页面内容区：
头部区域和页面内容区域完全分开，颜色不同，没有导航栏：
最简单的突出主要内容部分的办法是用强烈的颜色：
白色也可以：
导航元素通常是字体大、加粗、清晰而且明确；带链接的文字和普通文字通常有明显的区别：
导航系统要让用户知道：
通常应该让导航链接：
所以导航元素应该清楚明白地和非导航元素分开：
Logo应该：
这里是一些不错的logo： http://www.webdesignfromscratch.com/great-web-logos-for-creative-inspiration.php
大字体突出重点、易于识别
使用粗体标题来作为介绍文字
明快强烈的色彩能吸引眼球，善用颜色来分隔区域、突出重点。
颜色可以用来表达品牌价值：
当色彩元素应用于（或者环绕）主要内容时，需要小心:
真实的表面效果（例如投影、渐变色和反射）让用户感觉表面更真实。
参见3D效果的例子:http://www.webdesignfromscratch.com/3d-effects.php
渐变效果可以让原来平板的色彩和表面更柔和。
渐变通常用在页面顶端的背景
一：光亮表面的反射效果，参见Aqua界面效果。
二：shiny table效果
参见：Here’s how to do it (from photoshoplab.com)
现在应该使用更少更好的图标来表达更丰富的含义。Web 2.0的设计师仅仅把图标用在更有价值的地方。
一页最多用一个：
See http://webdesignfromscratch.com/graphic-design.php
【未完成】
See http://webdesignfromscratch.com/usability.php
From:http://webdesignfromscratch.com/current-style.php
反光和渐变的效果很常用，投射阴影则要注意使用频度
圆形的标识到处都是
简单的白色和灰度渐变的背景给人cool、自然和柔和的感觉，加上前景强烈的颜色，很容易吸引用户的眼光。
用强烈的颜色抓住用户的眼球
别在同一个页面使用过多的引人注目的元素
留白可以分隔页面元素，辅助用户阅读
让最重要的文字比普通文本更大。但是如果所有的字都大，那么等于没有任何大字——仅仅突出那些重点。
See http://fontfeed.com/archives/the-logos-of-web-20/
字体多用圆角柔和的，如VAG Rounded、Helvetica Rounded、Arial Roundeed、Bryant还有FF Cocon。
最近下面字体也很常用：Foco、Tondo、FF Netto、Estilo Text和FF Unit Rounded。
Clip Shack — video sharing
Font: VAG Rounded and Light obliqued
Zimbra — collaborative calendar
Font: VAG Rounded Light
Way far ing — custom Google Maps
Font: VAG Rounded (fat tened with added stroke)
Kajeet — mobile phone service
Font: VAG Rounded (custom ‘j’)
Pando — file sharing
Font: sim i lar to Bryant Medium Alt
Zopa — lending exchange
Font: sim i lar to Frank furter Medium or Bryant Bold Alt
MySpace — socialnet working
Font: Arial Rounded Bold andBell Gothic Black
Track sLife — per sonal data base
Font: Arial Rounded Bold
Event ful — collaborative calendar
Font: Arial Rounded Bold (slightly smooshed)
Sponge cell — collaborative calendar
Font: Arial Rounded Extra Bold
Skype — internet telephony
Font: Hel vetica Rounded Bold
ShoZu — photo sharing
Font: FF Cocon Bold
Tabblo and Tabblog — photo sharing
Font: FF Cocon Bold
点阵图，直边和简单的构图
字体：FS Sin clair, FSAlvar, FF Cube, FF Netto, Sys, Notes Style, Purista, Stra tum, Neu traliser, ITCTetra, Stain less, Atrament
Last.fm — musi cal social network
Font: ITC Ronda (cus tomized)
Alter nate: Aver nus
Pho to bucket — photo host ing
Font: Dig i tal Sans Medium
Plazes — geo graph i cal net working
Font: Base 9 Reg u lar SC
News Ga tor — RSS aggre ga tor
Font: ITC Bauhaus Medium
Reminder Feed — reminders via RSS
Font: FF Dot Matrix Two Reg lar
Tech no rati — weblog search tool
Font: Neo Sans Medium
Tag World — social net work ing
Font: Handel Gothic Bold
Shoutwire — news shar ing
Font: Agency Bold
保守地使用下面的字形：Trade and News Gothic, Frutiger, Avenir, Inter state, FF Meta,FF DIN, Helvetica
下面这些替代用字型可以让你的logo看起来与众不同：
Xanga — weblog community
Font: Trade Gothic No. 2 Bold and Light
Feed Burner — RSS optimization and tracking
Font: Trade Gothic Bold
Newsvine — news sharing
Font: FF Meta Bold and Book
Stand Point — belief sharing
Font: FF DIN Medium
DropSend — file sharing
Font: Frutiger Bold
Flickr — photo sharing
Font: Frutiger Black
PureVolume — music promotion
Font: Avenir Book and Medium
Shutterfly — photo service
Font: Avenir Heavy (customized)
9rules — web design ne work
Font: Helvetica Bold
PODZINGER — podcast search
Font: Interstate Black
Camp fire — group chat
Font: Interstate Regular
YouTube — video sharing
Font: Alternate Gothic No. Two
Blog lines — news aggregator
Font: ITC Officina Bold
Weblogs, Inc. — blog network
Font: Syntax Bold
Wikipedia — collaborative reference
Font: Hoefler Text
Social text — enter prise wiki
Font: Lisboa Sans
Face book — social networking
Font: Klavika (customized)
Also: cards with Vista Sans
Joyent — small business server
Font: Proxima Nova (alt ‘a’)
Not a logo, but we love Joyent’s use of Proxima — a new face that feels familiar but has its own character.
See http://www.iconspedia.com/
See http://www.alistapart.com/articles/learntowrite
【未完成】
See http://www.modernlifeisrubbish.co.uk/article/web-2.0-colour-palette
Shiny silver [#EEEEEE]
Reddit white [#FFFFFF]
Magnolia Mag.nolia [#F9F7ED]
Interactive action yellow [#FFFF88]
Qoop Mint [#CDEB8B]
Gmail blue [#C3D9FF]
Shadows Grey [#36393D]
Mozilla Red [#FF1A00]
Rollyo Red [#CC0000]
RSS Orange [#FF7400]
Techcrunch green [#008C00]
Newsvine Green [#006E2E]
Flock Blue [#4096EE]
Flickr Pink [#FF0084]
Ruby on Rails Red [#B02B2C]
Etsy Vermillion [#D15600]
43 Things Gold [#C79810]
Writely Olive [#73880A]
Basecamp Green [#6BBA70]
Mozilla Blue [#3F4C6B]
Digg Blue [#356AA0]
Last.fm Crimson [#D01F3C]
See http://www.slideshare.net/lukew/designing-for-web-20-the-visual-ecosystem
http://thesleepydumpling.blogspot.com/2008/07/interesting-web20-tools-and-links.html
多种Loading动画 http://ajaxload.info/
圆角生成 http://www.spiffybox.com/
Web2.0风格按钮 http://iris-design.info/photoshop/web-20-style-buttons/
渐变效果 http://www.photoshoplab.com/web20-design-kit.html 和 http://www.photoshoplab.com/web-20-design-kit-part-2.html
这是什么？
在信封口上切出印子，方便你拆信封而已。仅仅是一件小事，很少的人会在意。但如果信封上不印上那行字，恐怕就没一个人知道了。
不要自以为你为用户做了什么，他们都会感受到，还会感谢你。坏的用户体验，有的用户会跳起来 （还我旧版首页！对新版首页说呸！！要求豆瓣对首页问题进行全网公投！），有的只是默默走开。
像这个信封，只是很小的改进。用剪刀的、用撕的暴力型用户对此不会在意，应该不会来抱怨，但总有些人获得了便利。既然如此，有什么理由不多加这一行字？向用户提供方便的同时，再大声告诉用户：我在想着你们，我在努力为你们改变。
如此简单的一间事情，仿佛任何人都能做得到，做得好。那么谁可以找到所有可以打动客户的细节，谁又可以自始至终地不断改进这些细节呢？
通过一个简单的收集细节-改进-效果评估-再改进的流程可以做到。从一个简单的流程开始，务必让这个过程容易执行，令人望而生畏的流程恐怕没什么生命力。改进花费了成本，可是得到的效果如何往往不容易收集，这反而是整个过程中比较难控制的一点（不知道招行能不能收集到用户对这个一拉即开的信封口的意见）。
看到褪墨上文章2008年回顾与2009年展望，也在此写下2009年的目标。
之所以没有回顾原因有二：
每周、每个月都对上述计划进行回顾总结，根据当时情况予以修订、增删和细化。
“大”的目标往往难以实现。持续不断地推进、执行计划，评估阶段成果和调整计划才能达成目的。
Fire in motion.
© 2010 I'mISV · Proudly powered by WordPress & Green Park 2 由 Cordobo.
XHTML 1.0验证通过 | CSS3验证通过
