我在当当的那些事-app设计

忍无可忍无须再忍!作为一个视觉设计师,有责任告诉你们什么是好的设计什么是不好的设计,从来到当当来我的目的非常单纯就是希望通过自己的努力改变当当土鳖的现状,至少在视觉上追上淘宝、天猫、京东等,那个时候在我看来一年的时间足可以做到这一切,为此我收集他们每个版本的视觉风格,关注他们的动向,拓展海外同类竞品,吸取他们的优点,以此来改进当当客户端的视觉,理想是美好的可现实非常坎坷,我还是非常积极的去面对,那就从一个图标开始吧,再不行改个一像素的线条也行…

入职后的一个月里我出了第一稿,(右新稿)图标是我根据线上版本的功能名称写在本子上,然后根据我对扁平化的理解手绘的图标中抽出来的一套,跟打了鸡血一样,实现着自己的目标,001-1024x894

栏目重新划分(ppt截图)

屏幕快照 2015-08-31 下午12.04.41 12.04.56屏幕快照 2015-08-31 下午12.05.31

当当7_02

设计过程,简单的从视觉的统一性开始,将当当的logo颜色应用到整个app当中,能让品牌形象主题更为突出从而获取公共认知度(这么文艺这绿色就tmd当当啦!),然后优化楼层统一样式删除重复功能等,(可是在他们心里电商就因该跟菜市场一样漫天的横幅广告,无处不在的商机入口…)将杂乱的布局以及众多干扰主视觉的颜色减去,然而我没有成功,但同一时期的淘宝4.5版天猫3.2版本京东3.6版已经是是这个样了,

02-1024x599

我很着急,非常急真希望一步到位!在不断的口水战当中,脚步慢了下来,调整自己的心态,通过大家的努力根据实际情况及要求,我们做出第一个改版4.5版,虽然并不理想,但是至少有所改变,其中统一了视觉规范及整理控件库、使用现在最流行的圆圈色块作为功能图标的入口,

当当4.5版

当当4.5版_03

视觉规范

04-1024x594

竞品对比

2221-1024x448

再后来我们又出了的当当4.6版,这一时段当当app的视觉已经有了非常大的突破,在栏目的划分、视觉测侧重、以及对首屏的利用等细节的优化将某狗踩在脚下,平视某猫,看齐淘宝,短短的两个版本下来已经有了这样的成绩也算欣慰…

当当4.6,天猫4.1,版淘宝4.6,京东3.7

未标题-11

视觉规范,说到这里插几句,都说我是高德地图的奠基人之一,其中最重要的一条就是高德地图划时代版本的规范,也是本人呕心沥血,长期驻扎在ios团队获取的成果,在长期团队合作的时候需要有人去整理去统一视觉的输出,虽然很辛苦但是最终的结果还是值得称赞的,到如今养成的习惯,希望自己做出的产品视觉统一、有条有理、干净节俭、而对开发的好处在于便于实现,减少误操作,建立基类控件库,便于整体视觉修改等,(高德地图视觉规范)但是购物并不像工具软件那么简单,他更加复杂更加多样化,但是我可以统一固定的购物主流程的视觉规范因此得到了下面的这个表单,统一文字字号、颜色、功能样式、图标大小、商品图尺寸、按钮等

规范

接下来的下半年我们出了4.7版4.8版两个版本,这两个版本还是非常不错已经有超越的苗头而卡片风格也得以发展,边框更加弱化增强卡片的感觉,通过背景与卡片颜色的对比拉开空间,而同一时期的他们更新较慢估计是因为双11的原因,我可以非常负责任的说我们不仅赶上而且超越了…

(京东4.0、淘宝4.9、天猫4.2)

duib (1)

 

 

我的目的不仅仅如此,我想建立属于自己的团队,至少再换工作的时候这个团队出去的人能够得到业界认可,有底气,我搭建了ued平台(dued.dangdang.com)内刊,周报、分享,成立微信公众号,对外分享属于我们自己的设计理念以及经验总结等,设计属于自己的logo……

dued

blog

weix屏幕快照 2015-08-31 下午7.37.04

年底的一切已改变,我们被推到了风口浪尖上,团队解散!而我们依旧保持着这份热情,用音乐打破这种压抑的气氛,是不是对生活不太满意,很久没有笑过又不知为何~~~!感谢冰哥一直以来对我的支持。14年的理想报复毁之一炬!老胡来个新年版呗~好的…

说一下这个新年版,当当在14年年底最早发出新年版,发版时间远早于淘宝、天猫、京东,而后他们的风格却跟当当新年版接近,从整体风格视觉效果远不及我们,可以说这一年当当在视觉上面付出了极大的努力和付出,感谢小伙伴们,而这次土豪金的想法还得感谢小明老师,本来普通的剪纸风格瞬间高端大气上档次了,让我们一起看看当当4.9版

当当4.9新年版

15年初团队正式解散,我们的声音渐渐淡出了这个舞台,我们成为了水…

而接下来的每一天,我们是单纯的美工,我们可以是淘宝也可以是京东,或许他能够成为最后的赢者(那是不可能的)而在视觉上他已成了一个笑柄,垫底的产品,难道这才是他的气质本身……

(当当5.3、淘宝5.3、 天猫5.8 、京东4.2 )

duibi2-1024x455

最后在这件事情上面用两个字总结“呵呵”献给那些有理想有报复的设计湿们。

其实我并没有放弃,没有放弃这个产品,至少没有放弃自己,我的阵地转移到了无人关注的当当触屏站……(未完待续)

 

 

 

 

匡威鞋UI系列

茅坑的失败让我很受打击!

maokeng

也不知道什么时候开始对扁平化的练习,脑子没啥创意只是从身边的东西开始,色彩丰富、简洁、时尚而又出彩的莫过于五花八门的鞋子们了,想着趁现在的空档做了一系列的鞋子不废话了上图

converse low

 

adidas

鞋很多人都做过我也有看过,但是不知道是不是我最先把鞋扁平化了,至少网上还没有看到,既然做那就做全,阿迪、耐克、匡威等,想想我做的厕所是不是还得继续……

茅坑

maoken

以上的不知道是我做的不够形象呢还是大家不认识,在我们村子里面都是这样的蹲坑,挖一个大坑,上面放上一排木板中间留的大一些便于便便好了不说他了,下面给大家整体的阿迪的鞋鞋们,凭着对鞋的配色造型的喜欢做了一些自己喜欢的鞋子们希望大家喜欢

adidas

UI

说到UI这个不能不让我想起大学的时候自学Photoshop疯狂看视频的日子,为了大学毕业能够找到工作除了自己本专业上课的时间外基本宅在宿舍学习Photoshop跟3D
没错我跟大多数人一样宅在宿舍看着各种ps技能的视频当然也必须自己亲自动手去尝试,接下来我发几张08年的ps习作品12年习作

08年10月手表与羽毛

yvmao

shoubiao

12年6月播放器与图标

iphone图标

PSD源文件下载

 

练习苹果图标-素淡
播放器
PSD源文件下载
播放器