今天是一个新的系列文章的开始，我们将讨论设计中的单个色彩，包括一个简要的色彩心理学理论和大量可见的实例。色彩是设计中的一个很重要的元素。它被用于影响我们的心情，影响购物选择，以及作为情感的象征。那么让我们从最富有感情的色彩(也是本人最喜欢的)——红色开始吧。
对色彩的看法可能比较主观，但是有一个普遍的认识就是，暖色调聚集在色谱中红色的区域(红色、橙色、黄色)，而冷色调则一蓝色为中心(蓝色、绿色、紫色)。红色产生温暖与舒适的情感，还有敌对和愤怒。世界上绝大部分的交通灯，红色代表“停”。色疗或者光疗法研究显示红色可以增加血压和呼吸的频率。在远东地区的新娘常常穿红色的衣服；红色在南非却是丧服的颜色；在印度代表正直；而曾经在苏联红色代表共产主义，在俄国人推翻了沙皇的统治之后，开始使用红色的旗帜。红色在中国也有特色的意义，新人结婚的时候会在家里贴上大大的红色的“囍”字，新年的时候各家各户也会贴上红色的对联和门画，代表喜庆和幸福。红色的汽车最容易被盗。
我们在日常用语中使用红色描述一些事情：我们会大怒(see red)、有大喜之日(red letter day)、坐上红眼航班(red eye flight)、扑上红地毯(red carpet)然后狂欢作乐(paint the town red)。还有红娘、戴红帽、红颜知己等。毫无疑问，红色对很多人以为着很多事情。
设计中的红色
当提到设计，红色会吸引注意。它不是个低调的背景颜色，它会在页面中”叫喊”，它会从照片中跳出来。你可以很大胆地在整个设计中广泛使用，就算是一点点也会起到很大的作用。看一下下面的这两个电影海报。它们定位于两类完全不同的观众却都用了红色来抓取我们的注意。“Burn After Reading” (该设计是对Saul Bass的一种尊敬)使用一种大红色背景和大号亮色字体。它看起来乐观。
“The Dark Knight(蝙蝠侠6：黑暗骑士)”的海报通过红色的看起来像血的字体给人一种比较邪恶的感觉
红色在logo设计中相当流行，毫无疑问这是因为它吸引注意力的能力。这里是一些可能你已熟知的使用红色的logo设计：
当要在网页设计中使用红色，一些设计师选择了大胆，用红色作为主色调。这的确需要勇气，因为它可能会非常的势不可挡从而突然打断用户。这里是一些“闪亮的”红色设计。
Too Much Tweet
Jon Wallace
Godmother
Youth Against Sudoko
Tuesday
其它很多设计则使用一点或者少许的红色以凸显整体的色盘:
Pama Liqueur
Upload Pie
glazbenaskolakrizevci
Levilive
红色的寓意:爱、丘比特、愤怒、地狱、魔鬼、激情、停止、高能量、血、危险。
源地址：http://www.qianduan.net/design-colors-passion-red.html
这里说的原型仅针对基于B/S架构开发的项目。
目前有很多专业制作原型的工具例如axure、mockflow、InfoMaker和一些“非专业”软件：photoshop、Dreamweaver等等，如果你有足够的耐心使用word也可以做原型，当然还有笔、纸、橡皮擦。
我接触过很多原型制作工具，也做了很多所谓的原型，项目不同，公司不同，使用的工具也不一样。
个人认为用哪种工具制作原型，
第1取决于用哪种工具最适合项目人员间的交流与沟通。
第2要看原型制作者是否对此工具最熟悉,能以最快和最准确的方式让原型展现出来。这点非常重要，原型不单单是项目最直接的展现，同时要能快速反应，让相关人员尽早看到项目有哪些变化。
第3是方便原型制作人员后期修改及进行归档。
第4要看制作的是低保真原型还是高保真原型。
继续阅读 »
出版社的美编在被轮番轰炸了近一个月后，终于交出了个相对良好的封面设计，虽然我现在还没有拿到样书的印刷版，不过好歹没有辜负朋友们的期待了 — 我的新书《UI进化论-移动设备人机交互界面设计》（选来选去确定了这个，编辑说有霸气…）终于在2009年的最后一天确定了送印和最后的装帧。
书将于1月6日在各大在线书店(推荐 China-pub 可以预售)销售，会有一定折扣，1月10日会在全国主要城市的3000家书店同步发售，感谢清华大学出版社的大成兄弟的呕心沥血的编排和所有参与同仁的积极努力。
继续阅读 »
Pixel art is a form of digital art, created through the use of raster graphics software, where images are edited on the pixel level. Graphics in most old (or relatively limited) computer and video games, graphing calculator games, and many mobile phone games are mostly pixel art.
以上是wikipedia对pixel art的解释，本人读书少，翻译得不好…In sum,无外乎就是说pixel是计算机图形处理能力低下的时代，一种数字艺术形式，在一些比较老式的游戏中被大量使用云云。Pixel上升为art的形式就要归功于eboy了。很多人说，eboy的作品和风格是pixel art的巅峰，后人都跳不出他们的框框，我想，eboy最利害的其实不是他们的作品有多么精细，因为pixel画得好的大有人在，而是他们天马行空的想象力，只有两者结合在一起才能成为master piece…相对于想象力、技法太容易被模仿。Anyway，我有机会师从书安尝试一下这种“古老”的数字艺术形式。
继续阅读 »
“在你化妆之前–先这么做”
最近Sephora电子邮件上的这句话引起了我的注意。并不是因为我这么想学化妆，而是作为一个
营销狂热分子，我认为这是一个引人注目的标题并想去确认一下这封邮件的创造性是否真的这么引人注目。
当我打开Sephora的邮件时，我很高兴。因为它概括了我在Get Elastic上讨论的关于在电子邮件里分享产品知识和增加
特色产品附加值的主张。
“在你化妆之前–先这么做”
最近Sephora电子邮件上的这句话引起了我的注意。并不是因为我这么想学化妆，而是作为一个营销狂热分子，我认为这是一个引人注目的标题并想去确认一下这封邮件的创造性是否真的这么引人注目。
当我打开Sephora的邮件时，我很高兴。因为它概括了我在Get Elastic上讨论的关于在电子邮件里分享产品知识和增加特色产品附加值的主张。
它甚至聪明的使用了一个词–“入门”。这个词能够成为教授基本概念的工具，或者一些在化妆下的东西，如“为了防止弄脏你一整天，让化妆持续更长的时间吧”。Sephora提出了“primer-primer”（什么什么入门）来使得顾客认识到脸部、嘴唇、眼睛这些化妆入门是存在的，简明地阐述他们的价值，然后推荐商品以满足刚才创造的要求。
继续阅读 »
第一次意识到电脑上的字体可以有不同的渲染效果，是在安装微软雅黑并开启了ClearType后，忽然发现以往熟视无睹的边缘锋利的文字，竟然可以显示的这样柔和细腻。
雅黑最初内置在Vista中，直到2008年才为XP推出专门版本，而我第一次看到雅黑的时候，Vista还没有推出，网络上流传的雅黑应该属于”流出版”，在XP上显示并不完美，比如一些特定的字会显示错误，大小也有些参差不齐之类，但已经足以震撼当时的我了。
于是立即把所有能设置字体的地方全部改成微软雅黑，之后开始享受这种不花一分钱，却可以立刻为显示效果带来巨大提升的乐趣，并热衷于把这种乐趣告诉每一个竟然还没有安装微软雅黑和开启ClearType的人。
这种乐趣终结于第一次看到Mac的文字显示效果时，天啊，这才是真正的文字在电脑上应该有的样子，没有毛边和锯齿，层次清晰，浓淡适中… 雅黑在我眼中，立刻平庸起来。
普通的windows字体渲染、ClearType+雅黑、Mac字体渲染，这三者的效果之间，就如同rmvb、DVD rip、720p HD之间的差距。
后来研究iPhone使用的字体时发现，也是Mac系统默认的大名鼎鼎的Helvetica，阮一峰曾经评论过关于这个字体的一部纪录片，而微软系统内置的Arial，其开发目的便是希望作为一个”较便宜的替代品与Helvetica竞争”，所以二者非常相像，只在细节处有细微的不同：
Rex Chen对此评论道：
“Arial gets chosen because it’s cheap, not because it’s a great typeface.” 對於 Helvetica 命運不忿其實更多的是對設計歷史和設計文化的尊重，對於 Arial 的鄙視和嘲笑更多的是對商業的投機行爲和對設計傳統的踐踏的鄙視和嘲笑。”
但我觉得基于正常的商业逻辑，微软选择不仔细看差别不大的低价替代品是无可指摘的，要求市场上的所有公司都选择最好的材料，用最好的工艺去制造，并不现实。
Arial和Helvetia之间的区别恰恰是微软和苹果的定位差异之精妙诠释，一家负责把计算机技术普及化，以最低的价格让尽可能多人可以使用它们完成必要的工作；而另一家则负责让它们更精致，当然（大部分时候）也更贵。
