Category Archives: UI design

this page is just for post UI Design works

【慢工细活】设计思考

因为有想过在这座城市、这个村庄开一间杂货店,出售手工作品,工作之余打理打理。也希望通过自己的努力,上演“屌丝的逆袭”,让偌大的中国能够容得下我的一张书桌。

当你手中有一把锤子的时候,你所看到的都是钉子。由于从事UI 设计相关工作,主要针对移动互联网领域,因此,首先想到的是这个怎么设计成iOS 应用。于是对杂货、创意产品、手工作品的相关网站及应用进行了一番研究,然后试着结合移动设备的特性,对这个应用进行了设计。希望人们可以利用碎片时间(排队、等车、坐车等)使用这个应用,通过它方便地发现有爱的手工作品,也可以向他人展示自己的作品。

(PS:我把这个应用取名为【慢工细活】,想表现出手工作品的特性,这些作品都是手工作者们的用心去制作出来了,倾注了他们的心思与爱,唯有手工与爱不可辜负。也想表达一种“慢”的生活态度,闲暇之余,欣赏一下这些有爱的手工作品)

[慢工细活] 是一个发现、分享有爱手工作品的应用。在这 里,你可以进行一些有趣的社交活动,比如:

1. 关注你感兴趣的手工艺者;

2. 上传你用心完成的手工作品;

3. 购买你喜欢的手工作品;
4. 融入你诗意的生活;
……

根据【慢工细活】所要达到的目标,对需求进行了梳理,如下图:

[慢工细活] 需求梳理

接着是交互设计阶段,由于平时研究的应用比较多,在此应用设计上时展得比较顺利,采用了常见的Navogation bar 和tab bar 布局,这种方式对于多信息的展示及切换是非常方便的,一些新颖的交互方式也有考虑,留着下个应用再尝试使用。

慢工细活交互图

慢工活活交互图

慢工活活交互图

(PPS: 此过程中研究的应用有:Path, Pinterest, Etsy, Bump, Instagram, Calvetica, 下厨房,过日子,花瓣,堆糖精选,QQ2012等,其中下厨房做得真用心,关于这个应用的研究可以单独成文了)

视觉设计上对风格也进行了一些尝试,最终的设计效果如下:

慢工细活效果图

慢工细活效果图

慢工细活效果图

慢工细活效果图

总结:设计是一个为断优化的过程,在进行交互设计时会去反推需求,在进行视觉设计时又会去反思交互。如果有一个想法,那就去实现它,关于【慢工细活的】的创意在我脑子里盘璇了很久,现在利用所学的知识,完成了设计,如果有感兴趣的开发人员,我可以提供所有的源文件。

附交互及视效设计图下载

http://dl.dbank.com/c09cx6tqkn

GPS device design

为一改装车设计的GPS界面,第一次接触汽车方面的UI设计,学到很多东西,进行了几种风格的尝试,这只是其中一种。

“NFC Accounting tools” design

这是一款基于NFC支付的记帐工具,绑定您的帐号后,它会自动记录您的每一笔NFC支付金额,并对其进行统计分析,方便您进行财务管理。另外您还可以手工输入其它类型的消费记录,进行财务预算,对整体资金的走向有个直观的把握,完善实时高效的理财规划。

“Walker” design

“Walker” 是一款基于LBS的应用,专为背包客的你而设计,你可以用它来记录行踪,签到;浏览照片,分享照片;阅读旅行日志,分享旅行感悟,最重要的是你可以在其中找到志同道合的朋友,大家相互提供沙发,互帮互助,易行天下。

点击查看大图 read more »

DIY T-Shirt APP设计

这是一个个性定制T恤的应用,专为iPhone, iPad设计,您可以通过它来寻找心仪的T恤,可以将自己设计的图案及拍摄的照片上传,我们将会把它印染到T恤上,邮寄给您。

CGFanr.com网站规划&设计

CGFanr.com是艺术家们分享作品,与朋友沟通交流的一个站点。我们对网站进行了规划,划分出了画廊、艺术家、文章三个栏目,并设计了iPad应用。


read more »