灵异,UE山货:Material Design App 实践经验共享,松本润

Material Design(以下简称MD)是Google在Android 5.0发布后主推的ue规划标准,旨在处理And灵异,UE山货:Material Design App 实践经验同享,松本润roid渠道规划风格纷歧致的问题,其中心理念“原料化”是根据拟物与扁平之间的规划,着重实在国际元素的物理规则与空间联络,既防止了拟物规划的低效问题,又处理了太“扁平”带来的交互层级困惑,个人很认同这种规划理念。本次咱们在进行一款孵化型产品-明星App的规划时,也采用了这种规划理念,与咱们同享一下实战经验(由所以规划谈论,本次关于这款产品的来龙去脉就先不细表咯)。

首要说下产品定位灵异,UE山货:Material Design App 实践经验同享,松本润,盛路通讯这一款以明星为主题的交际App,中心用户是粉丝群,中心场景是明星to粉丝、粉丝to粉丝间的互动,辅以明星周边产品售卖,并经过游戏化规划拉动用户行为。根据这个灵异,UE山货:Material Design App 实践经验同享,松本润定位,咱们切割了几个主模块:明星微博,粉丝社区,商城,根底IM,及游戏化体系。

首要来看下明星微博:

MD的中心规划元素是“卡片”,经过不酸奶什么时候喝最好同卡片层级,来表现信息重要度和交互层级。忠魂1949所以咱们运用了卡片作为微博容器,很便利的把多类元素聚合;MD着重图片应“运用能够引发回想的印象来树立用户与应用程序的情感联络”。因而咱们规划了头图,并非为了美化页面,而是期望以有意义的图引发用户的情感-对明星(杰伦)的爱,带着这种情感开端App体会;关于微博列表图片尺寸,小图(微信、微博)能够弱化图片,防止多种用户信息混合时,图片质量纷歧的问题。大图则对图片质量要求较高;剖析需求后,咱们决议运用相似Tumblr的满广大图规划,因为明星发的图片相对质量较高,大图布局更有表现力。关于“明星发微博”这个行为,咱们十分鼓舞,因而咱们把他界说为中心操作,运用了fab按钮。

第二,粉丝社区模块,帖子列表页:

在布局上,与之前的思路共同,咱们运用卡片聚合元素。卡片很合适包容对同一内容的多种操作,包含点赞、谈论、检查概况、检查发帖者等;相同,咱们保留了头图规划,以带动用户情感。例如咱们在近期参加与杰伦成婚相关的储组词图片,期望引仙居天气预报发粉丝对芳华闭幕的回忆,遭到这种情感烘托的用户更有志愿参加论题谈论;当多图横排预览时,咱们挑选了小图,以下降图片质量纷歧或许形成的搅扰。一起咱们特别在右侧留出空白空间,便利用户学习、了解“点击卡凤求凰紫晓片检查概况”的操作(操作热区不被灵异,UE山货:Material Design App 实践经验同享,松本润最右侧图片遮挡);发帖按钮,在社区主页的定位相同是“仅有首要操作”,所以咱们挑选了fab按钮;uber一起,为了下降阅读时的搅扰,咱们会做伊春一个相似Evernote滑动阅读时按钮渐隐的作用。

在帖子概况页,因为此场景下主山海经异兽要需求为阅读,所以咱们没有运用卡片,而运用搅扰性较低的平铺规划:

咱们运用了MD标准中很弱的内凹分隔线(Inset dividers)来切割楼层:弱分隔线能够尽量不打扰到用户对内容的重视,一起关于有锚点的页面,用内凹线更有利于用户经过锚点进行笔直扫描(用户可经过扫描头像定位感兴趣的用中心五套节目表户灵异,UE山货:Material Design App 实践经验同享,松本润及内灵异,UE山货:Material Design App 实践经验同享,松本润容)。将分隔线置于子标题(跟贴)之上,能够加强子标题与内容关联度关于点赞和谈论按钮,因为这儿的中心需求为阅读,所以咱们将这两个按钮界说为MD中“非首要、可是能快速定位到的按钮”,挑选运用底部固定按钮。

第三,IM模块,为用户供给音讯、会话功用,是交际体系的根底:

因为会话瓦片没有多项刑天聚合操作,一起文本只要两行,所以咱们挑选了平铺蒯仔很忙家境列表规划(卡片简单形成快速scan时的视觉卡顿);一起咱们沿袭左对齐的头像和内凹切割线来满意快速scan需求。谈天界面,因为可参阅的规划相对老练,所以咱们没有做太多立异,照搬常用布局,满意需求即可。

商城模块及个人绿帽版页,咱们也依照MD标准进行了标准卡片、列表规划:

此外,在各种组件细节上,咱们也尽量美妙的美发沙龙运用MD标准组件,如以上组图中呈现的带暗影的title bar;单条横线,无边框的文醉蛇小子本框;悬浮按钮、底部固定按钮;标准提示框等。

以上就是这次咱们结合Material 重返地球Design做的产品UE结构。当然,关于明星交际产品,咱们的最终目标是供给更情感染、表现明星气质的特性规划,但MD关于空间联络、物理运动规则、呼应的界说,为UE规划供给了一种安稳、共同的中心标准,是一种高雅、高效的规划。期望MD能被灵异,UE山货:Material Design App 实践经验同享,松本润广泛应用。

(感谢ND UEDC规划师潘树彬、阮航凯、程华明)

本文由 @yzc8899 原创发布于人人都是产品司理 ,未郑亦欣经答应,制止转载。

互联网人士必备微信大众号:woshipm,雷军和周鸿祎都重视了,假如柴火饭是什么意思你现已重视了,证明你现已很牛逼了。 暴风激活

评论(0)