一个草根推友自己折腾出来的奖。推特上有这么一个奖：你默默或者不默默地无私奉献，然后推友们看在眼里记在心里，然后把你选出来，然后凑份子般凑点奖金颁发给你再给你一个荣誉头衔，以表达感谢之情。这个奖的名字叫推贝尔。
我受主办人 @newsinchina 的委托设计了LOGO和奖章。
推贝尔这个名字是受Nobelprize启发而来，也是向大陆第一位本土获奖者的致意。诺贝尔使用的是传统的金质奖章，
而推贝尔使用银质的奖章为底，浮雕twitter小鸟，加上蓝色的飘带。
推贝尔青年杰出贡献奖——推贝尔青年技术贡献奖奖章
推贝尔青年技术贡献奖三个子项的奖章
为Open Party 设计的名片
亮点是每个人可以都为自己挑选一个非常GEEK的像素小人形象。整体设计风格清新，开放，活泼。
紧密契合openparty 的logo设计，延伸出来的彩条，正反面是可以完美对接的。
人本设计沙龙的官方网站
上海地区的设计沙龙，偏重产品，设计，互联网相关。
人本设计沙龙 桌面/ppt 封面
人本设计沙龙 海报1
设计的亮点是header区的装饰，一只象征对话和交流的红色的沙发，下面是一大块英文设计词汇构成的文本域，在沙发的前方倾泻下来，直到页面底部。文本域是用的AI里的网格变形做的。不是很难。整体配色就是黑白间以红色点缀
官网首页
献给伟大的 余晟老师Yurii，你无论是拍照还是被拍都是如此得销魂。XD
原照片见余晟老师的豆瓣相册：http://www.douban.com/photos/album/26543142/
这两张”广告”做完后在twitter上发，单张都有过千的访问量。有人表示看不出PS的痕迹。XD，事实上这根本不是PS，是我直接做了两张广告，连文案都是我想出来的。
这个是去年帮一个民宿旅游网站做的界面设计，由于基本都是商业客户，所以一般要等很长时间产品上线以后我才会将设计作品公布，而有一些则不能公布。
这是一个非常商业的设计，布局上内容较多，使用了让投宿和自助旅行者较为放松和贴近自然的清新温和的配色。设计亮点是header区和地图选择。 有一些设计元素是基于一个国外的设计模板
首页
民宿介绍Detail
国内某地区民宿List
国外民宿介绍 Index
松鼠科学会的网站设计
去年做的。基于Wordpress的模板设计
要求简洁鲜明，所以使用橙色+黑色。设计亮点是导航区和Footer区
首页
About Us page
文章存档页面
搜索结果页面
RSS订阅页面
期刊推荐页面
今年年初为李笑来老师的英语在线培训网站 巴别塔学院所作的设计。这是第一个问答社区模块。
功能模式借鉴了著名的 技术问答社区 stackoverflow.com
点击查看大图
首页
问答社区–Q&A index
问答社区–Q&A detail
问答社区–Tags List
Babel College 的logo设计，采用了 巴别塔的造型和书本造型的嫁接。当然巴别塔是只存在于传说中的形象。巴别也称巴比伦。这种和两河流域的古塔的造型比较接近。
第二排是没有塔门的版本，看起来更现代一点。但我很怕别人说是卷纸。
第三排是单色版本和深底色效果。在深底色上看起来还是很鲜亮的。在保守的场合，可以使用单色版本。而第一排的渐变版本更适合做app的 icon
这是今天很快完成的一个logo， Hot Tea的 茶叶店。
我把两个 写的 TT 设计成了提梁壶。 e 和 a 画成了茶盅。
为了不让形象过于分散，用色块固定住。文字背景使用了水纹。
原载于 《程序员》杂志2010年第7期。 作者：西乔
原文永久链接: http://blog.xiqiao.info/2010/07/19/719
19年前，世界上第一个网页诞生，它没有设计可言，由文本和url组成，样式只有最基本的<h1> <p>。 而如今，Web设计已经成长为独立而庞大的设计门类，一个网页的创造需要多个工种、多种技术的参与，其流程的复杂和挑战性已经超过任何传统设计类别。
这19年间，网站的拥有者越来越清楚自己的目标，而设计师们也越来越理性和专注，人们在不停寻求商业诉求、用户、审美和技术上的平衡点。每一年过去，都有无数过时的风格、特征元素以及实现技术被抛于身后。
设计风潮体现着一个时期内人们对特定的风格、趣味、审美、技术乃至理念等各种模型或特征的追随。新技术的发展、媒介载体的占有量的变化、新网站类型的诞生、全球的设计思潮的影响、行业领军者的转变、明星设计师个体的亮点，这些因素都在推动潮流的变化。 你可以回想一下那些曾经风靡一时的模式：复古的像素样式；Google的朴素之风；韩式清新插画风；Flashsite的兴起带来的不规则布局和动画的滥用；Apple引发的对质感的追求；用户和情境意识的觉醒；对细节的关注——圆角和阴影的广泛运用； Web2.0设计风潮中典型的配色和特征元素；空间与层次感的魔术……
09年流行的半透明风格：
空间和层次感的魔术：
潮流的涌现，是社会一致化与个体差异化的碰撞，每一次碰撞都推动着这个行业的进步。
让我们来看看这些发生中的变化：
极简主义（Minimalism ）在这一年大热。原因有4点：
1， 手持便携设备的占有量逐步上升，人们的访问方式发生了改变，小尺寸屏幕所需的精简之道反过来影响了整体的设计趋势。
2， Apple简洁、专注、充满诱惑力设计哲学重领潮流，效仿者众多。
3， 来自全球设计思潮的影响：极简、禅意、人文、空间感的“日式风格”这两年在出版界、时装设计、包装设计、工业设计界都颇受追捧。
4， 网站的专业性和针对性在进一步加强，人们选择一个网站一次把一件事做好、做到极致，而非盲目扩张。这也使“精简”拥有更大的实现空间。
极简主义体现设计师对意图、受众、情境的强大控制力。不是简单的做减法就可以了，如果不能很好地把握取舍的宗旨与理由，一个为了极简效果而精简的页面可能看起来庸俗不堪，是为“做作”的留白 。
操刀这一风格需要对作品有充分的自信和理解力，更重视细节和布局，把握恰当的对比、强调。
来自版式和留白的均衡美感
极简主义风格非常适用于以图片为表现主体的网站
极简主义的风潮中，还涌现了许多单页网站。所有内容都放在一个页面上呈现，通过分屏来巧妙地布置格局，不再有跳转和复杂的站点结构，一目了然。
运营上的专注使得设计师们可以在设计中投入更多的感情，更有针对性地取悦受众。从保守、冷漠、功利的陈旧风貌中，涌现出更多富有生命力和趣味的产品。
Twitter取得了巨大成功，可爱的小鸟形象深入人心。以动物为主题的logo和网站吉祥物也随之风行起来。
这一变化出现的原因：
1是具有针对性的中小型服务和应用类网站大批涌现。
2是来自示范者的力量。
3是多元化的必然趋向。
4是在功能性、规范性和用户体验之外，设计师开始寻找那些从未出现过的、能更深层次打动用户的东西——“一种在感情上赢得人们喜爱的东西”。
亲和、活泼、富有感染力、配色清新、使用自然元素作为装饰物。
曾经很不常见的高饱和度的配色，这种充满动感和生命力高调设计让人充满惊喜。
精致有趣的细节
原文链接: http://blog.xiqiao.info/2010/07/19/719
Web设计这个年轻的分支在自我生长的同时也在不停向传统设计汲取营养。在布局与版式方面，设计师们一直在探寻更好的表现手法，所以尝试从传统的设计媒介中寻求灵感，杂志版式布局（ Magazine-style Layouts）的从09年就开始大热，不光大型新闻网纷纷求变，杂志版式布局的Wordpress Themes 也炙手可热。 这一变化对传统设计不仅仅是形式上的追随，更重要的是尝试去借鉴与融合的态度。
Times 和 Financial Times 都是国外老牌媒体，他们的网站布局结合传统纸媒版式有许多新潮的亮点，比如 竖式的流体布局，图文混排，头条强调，由标题字号变化带来的层级差别。
而国内的此类网站绝大多数采用的还是非常传统的横向区块布局，信息密度高，版式缺乏节奏和韵律。
由比较可见，国外的大容量信息网站的趋势是 降低首页的信息密度，把内容分摊到二级频道；版式上更具引导性、更适于阅读，浏览方式像读报一样更流畅随意。
由于广告盈利价值的差别，国内这类网站还是使用信息密度极高的索引模式，所以看起来更像说一份导流量的“黄页”而非可随心阅读的媒体。在信息呈现密度与模式无法改变的情况下，照搬国外的版式布局是非常危险的。
除了在样式上的借鉴，传统版式设计上的许多经典的实现手法也移植了过来，最著名的就是黄金比例和栅格系统（Grid System)。栅格系统的历史有300多年，运用严谨的几何网格来指导和规范元件的分布排列。将传统栅格移植为适合网页设计的系统，不光是创造了一种工具，也产生了一种普遍的审美规范与倾向。无论你是选择遵循规范还是打破规范，都是对它的推动。
960px宽的网页栅格系统 960 Grid System：
谁才代表着趋势？有人认为设计师们所追捧的变化代表了潮流， 有人认为top100的大站才是大势所趋。狡猾一点说，两个说法都不确切，网站运营的Top100并不代表设计上的Top100，出于多种原因，很可能它们是最保守的阵营。但你无法忽略他们对用户/客户的审美及视觉习惯造成的影响。而设计师们虽然愿意挑战和尝试变化，但在面对个人化设计和商业设计时，他们的取舍却往往不尽相同。
巨头和个体们在设计风格一直在互相影响和渗透。所以你永远不应该轻视那些看起来“个人化”和“小众”的创新设计。观察它们的最好舞台就是设计师的Blog和Profile站。
下面这几点都是从现在小众网站上流行，慢慢被许多普通大众网站设计所趋向的特征。。
内容放得再多再好，但用户记不住“你是谁？”也是白费。 更大header区强化了用户对品牌和风格的记忆，让你有更多的发挥余地去表现。
十几年前，在美化手法贫乏的年代，人们也喜欢在背景中使用纹理，但大多只取得了浮华嘈杂的效果。现在的设计师们学会了理性而低调的使用纹理来制造风格、提升品质和烘
户外服装的电子商城。使用了粗砺的水泥纹理：
婴幼儿用品的电子商城，使用了清洁柔和的圆点纹理：
这是典型的受Blog设计影响的潮流，在footer区放上更多的信息、标志与快捷入口。
这点变化在和消费挂钩的网站上非常明显。设计师们注重对设计心理学和视觉传达的技巧的运用，使用强调和对比的策略来引导用户的视觉焦点。更醒目的标题，高质量的图片，使用slideshow来创造更多展现空间空间，这些手法都在强调那些希望得到用户关注的地方。
Apple网站的专业、直接、有效的界面设计，不光打动了消费者的心，也吸引了众多开发者的效仿，大量App应用网站都以使用Apple风格为荣。
iPhone 4 发布时的Apple.com 首页：一切无关的都被省略了，表现主体被无限强调，它牢牢抓住人们的目光，传达出最直接的诱惑：
消费类网站的趋势：使用更醒目的标题，更大尺寸的高质量产品图片，让用户形成感官上的认识，而不仅仅是信息的罗列。
高质量的商业摄影越来越多地出现在网站配图中。精心处理过的抠底图片配合简洁的整体设计，是电子商务网站近几年的趋势。
Slideshow的使用风头正劲。用于在有限的空间内展示更多的信息（通常是为了放下更多大图片）， 增加页面的动感和观赏的流畅性。
在页面里运用可视化图表也是一个潮流，一些表单操作也被加工为可交互的图表。将信息或数据可视化，助读者更深入直观地理解其含义。
交互在Web设计中是如此重要，为了让用户与界面更好地沟通，许多设计师过度地重视了交互，特别是只关注细节而失败于全局。大量交互行为被过度设计，变成了用户的负担。如果信息能够被更好的匹配或呈现，许多交互是可以避免的。未来，设计师们力求通过优化信息架构和使用流程去减少交互，更成熟地运用情境菜单（上下文菜单），将操作反馈处理得更为隐形和自然。
交互的设计会向着直接有效、更低调、提升使用乐趣的方向发展。
coda.co.za 这个网站的交互反馈，非常简洁优雅，效果自然。
当鼠标移到某张CD上的时候，它信息会通过隐藏右边的CD显示出来。这种反馈比悬浮框更自然。
与物理世界操作经验吻合的交互体验
越来越多的Web操作允许快捷键的参与。允许快捷键可以提升高级用户操作效率，增加使用乐趣，同时也是为了更好的向无障碍访问的方面进步，照顾视力不好或无法鼠标的用户。
原文链接: http://blog.xiqiao.info/2010/07/19/719
相较于国外的这一波波风潮，国内的设计师的行动并不多，许多原因使他们面对这些变化，或保守或滞后。同时，许多生硬的抄袭和模仿也正在伤害国内的设计行业，从Templates (许多是过时且侵权的) 开工、抄捷径的“拿来主义”不光在腐蚀一个设计师的创造力，也在折损着整个行业从业者的价值。
我希望年轻的设计师尽可能多得去关注国外的专业Blog和作品画廊站（Gallery），低头干活的同时，抬头看路。这样才能在团队中提供自己的专业判断，而不只是一个被动的“美工”。
designshack.co.uk （可按配色、布局和类型进行筛选）
reeoo.com （可按配色进行筛选）
siteinspire.net （可按样式、主题、网站类型进行筛选和排序）
coolhomepages.com （可按类型进行筛选和排序）
