YouJoin新版设计理念

新版YouJoin已经在设计中,那么现在我们来谈谈这次设计上的一些理念

coverforweb

前方高能 >(oo)<

相较于上一版本,来说说他的区别!

以下这幅图是旧版的设计,采用了多彩的设计,不同的页面对应不同的色彩,看起来十分缤纷,而且在功能上集合了社交、音乐、照相等内容。

整体上遵循了Google的Material Design规范。动态以小卡片的形式展现,显得精致。

android-show2

 

现在说说着重解决的问题和一些升级内容,当然我是说交互设计上。

1.产品定位

从整个YouJoin来说,产品的定位相较于上一版是要重新梳理,之前说到的包涵社交、音乐等等,包涵的面太广,这样可能导致这个初期产品定位不明确。

进而可能造成UI设计的复杂,臃肿,这一次新版去繁化简,专门定位成社交类。

其他功能弃用?并不是啦!幸亏队友想到以插件的形式让这些功能出现。开放出去,用户可以根据自己的喜好添加适合自己的插件,定制一个专属的YouJoin

YouJoin2-show

 

 

2.颜色使用

从颜色来看,上一版确实更多彩,讨好眼球。。好吧,只是产品展示图看起来讨好眼球。

但是由于过多色彩的运用,造成了颜色跨度较大,可能会让用户很难专注,或者说颜色的随机跳跃会让用户感觉到一种不连贯感。

因此这一版,规范了颜色的使用,选择了几个规范使用的颜色,以这几个颜色为基准,进行颜色的变形。

定蓝色为主基调色,通过明暗变化来对不同地方染色。

YouJoincolorforicon

3.卡片突出

为了不让用户动态卡片过于单调,重新进行了排版,让图片有更多的空间展示。由于信息内容每天更新太快,图片是捕捉用户最直接,方便的方式。

选择突出图片,并培养用户上传高质量图片。通过图片吸引用户的视线。

YouJoin2-oneplus

4.多样化的抽屉

这一次侧边栏的抽屉进行了重新设计,分为几个部分

上部分为动态的内容显示,会根据当时的天气等情况进行更改,比如晴天时蓝天白云,下雨天会出现灰蒙蒙的天,有雨滴打到屏幕上。

随着科技的发展,这个动效的采用可能越来越多,活着更加活泼。

下方的几个重要的入口采用定制的彩色icon,采用上面说的几个颜色基础上,绘出更多生动可爱的图标。

通过白色遮罩,上方图的变化不会影响下方的内容显示。

YouJoin2-oneplus2

5.icon的专门绘制

之前为了适应Google的规范,android端采用官方的面性图标,而这次,为了塑造品牌特色,采用定制的icon

我想说。。我画的好用心。。为每个可能用上的入口绘制了相应的icon,整套看下来具有自己的特色。

有人问特色在哪。。看图去 >o<

iconshow2

6.品牌周边打造

为YouJoin定制的VI设计以及一些周边产品设计

你没听错,还有周边产品,啊哈哈~

YouJoinVI(1)

7.Doodle绘制

每个不同的节日,YouJoin不会一成不变,挥别平庸,更个性的YouJoin

比如下方的新年版,红色为底,金黄色花纹,新年新气象。。好吧画的不算很好,见谅。

正如文章里面一致说到的定制,YouJoin明确出定制,正是为品牌自己,为用户定制出专属的,属于你的我的YouJoin

logoshow3showlogonewyear

结束前来一张YouJoin的产品设计图,对这幅图我想表达的是

手机和新版YouJoin好配。啊哈哈~

23333  ^ ^

YouJoin2-Nexus6(2)

 

发表评论