豌豆荚Windows客户端采用新版设计,优化导航菜单和欢迎页面

在四月份豌豆荚 3.22 采用新版设计之后,今天桌面端也进行了新版部署。根据豌豆荚产品设计总监刘亚平和产品设计师程志达对PingWest 的介绍,此次改版主要是在Mobile First 进行新版设计成功之后,对桌面端进行设计语言统一和场景优化的一次行为。新版本主要改进了三个方面:导航栏、欢迎页和桌面场景使用。

wandoujia-desktop-welcome

安装豌豆荚新版桌面客户端2.62 之后,可以明显的看出,左侧导航栏采用了和移动App 同样的设计。深灰色背景,将内容下载和手机管理分隔开来,同时用彩色图标突出分类内容入口的重要性,手机管理工具在下面用灰色图标显示。导航栏中点击不同分类,以黑色highlight 突出,并与右侧乳白色主界面形成层次关系。

左侧导航栏在整个设计更有质感的同时,也和移动端一样对栏目进行了重新排列和组合。在内容分发和手机管理上,给用户更明确的指示,以便更容易找到自己想要的东西和进行手机内容管理。

而在新版的欢迎页面上,豌豆荚抛弃了之前的单纯欢迎页面的形式,采用将欢迎页和内容发现整合在了一起。欢迎页上部是用户的手机、当前时间以及一些必要的管理工具,同时背景采用彩色大图,来提升用户的愉悦感和亲和力。而顺着欢迎页往下拉,则是豌豆荚推荐的一些应用,并采用了卡片式设计。

wandoujia-desktop-card

由于桌面端的空间相比移动端供设计师利用的地方更多,所以桌面端的内容卡片要比移动端的扁形卡片承载的内容更多、设计更加大胆。欢迎页卡片将图标放大,重点突出,并将应用名、分类、安装数量、简介、安装按钮等有序的排列在一起。由于桌面端用户对流量不敏感,所以欢迎页的卡片上并没有移动端上的应用大小信息。而除了欢迎页,其他内容分类下的内容仍是旧版的小卡片,单由于这些分类页都是HTML 格式的,而且视频、音乐等内容需要完全不同的卡片式设计,所以并不在此次重新设计的范围内。

欢迎页除了卡片式的App 推荐,其中还混排了一些综合管理的彩色卡片(内容卡片是白色背景),比如升级、云同步等手机管理提示等。刘亚平告诉PingWest,在这种以卡片式内容中穿插管理功能提示的融合式设计理念,可以给用户一个有效的视觉和思维切换的间隔,让用户能更容易聚焦内容,而不会在视觉上产生混乱。

除此之外,新版豌豆荚桌面客户端在欢迎页的场景优化上也进行了相应风格的设计,能够帮助用户快速安装、使用一些新的App 和功能,更好的管理自己的Android 手机或平板。

订阅更多文章