
文章插图
1. 新闻资讯类产品新闻资讯类产品和社交互动类产品Feed元素大体相同,区别在于新闻资讯类产品通常着重展现新闻内容,标题,简介,匹配的图片等,而发布时间和发布作者等会在单个Feed的底部出现 。
在图文兼备的排版布局中,左文右图适合文字内容类比如文章或者知乎、豆瓣等长答案评论等,图片是辅助信息支撑文字内容 。左图右文图片更加吸引人的注意通常出现在商品信息比如什么值得买 。
2. 社交互动类产品社交互动类产品,其最终目的是发现和拓展社交关系,融入相应的社交圈 。而这时候社交拓展的基本单位-人或者团体发挥着至关重要的作用 。所以我们可以发现,通常的社交互动软件都会将发布者头像放在上部展示的位置,也会在底部突出点赞,评论,分享等互动操作 。
3. 视频直播类产品视频直播类产品与前两者相异,页面的大部分空间留给视频内容的展示,一般一屏只承载一个Feed信息单元,内容等提示元素在左侧呈现,除回复评论等操作元素列在右侧 。
Feed中各元素的位置关系、所占比例与产品自身定位密切相关 。
如微博作为泛社交应用产品,社交关系主要建立在内容上,社交关系质量较弱,多为单向传播,注重的是传播的速度和内容公开 。
所以其Feed的呈现方式发布者与发布内容不做明显的设计排布区分 。以卡片间隔的形式在Feed与Feed之间做区隔 。评论页面在下一层级 。
微信是作为一个社交工具,社交关系质量较强,多为双向关系,注重的是私人内容的交流和互动,信息的传播速度不快,但受众信息消化率很高 。
所以将发布者头像与发布内容做出较明显区分,Feed与Feed之间因为已经有了头像元素这一明显区别要素,仅用分割线做区隔 。且注重评论区域的互动与展示 。
无论怎样的设计布局方式,遵循的核心思想始终是根据场景需求、业务目标去发展深化设计方案 。每一个设计点都要有足够的支撑,多问问自己为什么这么设计,解决了用户什么样的问题?还有没有更好地替代方案?而不是这样设计是不是新颖,出奇制胜 。
推荐阅读
- macbook用的什么屏幕 苹果笔记本什么系统
- 衣服上铁锈怎么去除 简单实用的方法
- 苹果食用的注意事项 苹果食用的注意事项有哪些
- 官方正版杀毒软件,电脑常用的杀毒软件有哪些
- 巨蟹男泡妞最常用的手段
- 2022年虎年男女通用的名字 寓意绝对不会轻易低头
- 意识能动作用的具体表现是什么意思 意识能动作用的具体表现是什么
- 护手霜可以当面霜使用吗 护手霜不可以当面霜使用的原因
- 绅宝X55车门缓冲胶块和哪种车通用 通用的胶块可以相互借用
- 奴隶水干什么用的