Archived entries for 作品

 《正则指引》封面设计
“著作等膝”的余晟老师的新书已经上市。去年11月我为他的新书《正则指引》所设计的封面。 这是一本关于如何使用正则表达式的专业教程,以余老师文风严谨,玉树临风的品质,大家一定不可以错过。
 《正则指引》封面设计
细节图
 《正则指引》封面设计
根据的书名 “指引”, 我们决定手绘一幅复古风格的地图来作为封面的主题, 将其中所有的地名都替换使用表达式或技术名词。 这是我第一次手绘地图, 使用的工具是wacom intro 4, PS 和AI。 在确定构图以后, 先绘制了山脉, 因为山脉会决定河流的流向, 以及整体的结构。然后是水文。
我认为森林会起到暗部的作用, 形成对比。书名应该是视觉焦点所在, 所以我将森林的分布设计成拥有导向线功能的几个条形区域, 将用户的视线集中到左下位置。 森林的绘制使用了AI里的符号功能, 而建筑使用了矢量构建的智能对象, 以便随时进行非线性的调整。
山脉, 河流和建筑的地名分别使用了编程语言, 方法和一些经典的表达式。
在挑选表达式的字体时, 我选用了一款拥有衬线的等宽字体, 即符合手绘地图的风格, 又能引起用户群的共鸣 (看见等宽你们变身了没)。
整体耗时9个小时。最费功夫的部分是处理水文和森林。
 《正则指引》封面设计

CatchMouse 是由 @virushuo 开发的Mac App, 专为需要使用多显示器的用户在显示器之间快速切换鼠标设计。是一个很小的工具(不过开发起来也不省心)。App store里 免费提供下载

官网的设计

ICON的设计

一组示意图

W3Ctech 2011年 html5大会的官网首页。最初的设计,模仿google IO 倒计时。后来没有用倒计时的想法。
现有版本的设计不是我做的。我发的这个类似一个概念稿吧。
推荐前端人员去参加该会。
走极简的。建议点开看实际尺寸的大图。

都是英语学习相关iPhone App。分别是SAT模拟考试,单词卡片,和TOEFL作文。
版权所有

为 著名google及其相关产品的报道资讯站 guao.hk 谷奥网 所做的新版logo。
新设计的网站UI也在切图中。过几天会放出来

Android 子站 谷安

一个草根推友自己折腾出来的奖。推特上有这么一个奖:你默默或者不默默地无私奉献,然后推友们看在眼里记在心里,然后把你选出来,然后凑份子般凑点奖金颁发给你再给你一个荣誉头衔,以表达感谢之情。这个奖的名字叫推贝尔。
我受主办人 @newsinchina 的委托设计了LOGO和奖章。

推贝尔青年技术贡献奖大选投票页面(11月1日-11月10日)

推贝尔这个名字是受Nobelprize启发而来,也是向大陆第一位本土获奖者的致意。诺贝尔使用的是传统的金质奖章,

而推贝尔使用银质的奖章为底,浮雕twitter小鸟,加上蓝色的飘带。

推贝尔青年杰出贡献奖——推贝尔青年技术贡献奖奖章

推贝尔青年技术贡献奖三个子项的奖章

为Open Party 设计的名片
亮点是每个人可以都为自己挑选一个非常GEEK的像素小人形象。整体设计风格清新,开放,活泼。
紧密契合openparty 的logo设计,延伸出来的彩条,正反面是可以完美对接的。


人本设计沙龙的官方网站
上海地区的设计沙龙,偏重产品,设计,互联网相关。
人本设计沙龙 桌面/ppt 封面

人本设计沙龙 海报1

设计的亮点是header区的装饰,一只象征对话和交流的红色的沙发,下面是一大块英文设计词汇构成的文本域,在沙发的前方倾泻下来,直到页面底部。文本域是用的AI里的网格变形做的。不是很难。整体配色就是黑白间以红色点缀
官网首页

献给伟大的 余晟老师Yurii,你无论是拍照还是被拍都是如此得销魂。XD
原照片见余晟老师的豆瓣相册:http://www.douban.com/photos/album/26543142/
这两张”广告”做完后在twitter上发,单张都有过千的访问量。有人表示看不出PS的痕迹。XD,事实上这根本不是PS,是我直接做了两张广告,连文案都是我想出来的。
null
null

这个是去年帮一个民宿旅游网站做的界面设计,由于基本都是商业客户,所以一般要等很长时间产品上线以后我才会将设计作品公布,而有一些则不能公布。
这是一个非常商业的设计,布局上内容较多,使用了让投宿和自助旅行者较为放松和贴近自然的清新温和的配色。设计亮点是header区和地图选择。 有一些设计元素是基于一个国外的设计模板
首页

民宿介绍Detail

国内某地区民宿List

国外民宿介绍 Index



Copyright © 2007–2013. All rights reserved.

RSS Feed. powered by Wordpress a theme by Xiqiao.