Tony(作者):Facebook最近在他们官方博客发布了他们改版的界面,并且官方已抛出此次改版的目的:新闻Feed流更易读,更方便交流,更容易导航,内容为核心,减少不必要的UI元素。
一般大公司产品改版,可能会带着一些设计趋势,我们作为UI/UX设计师当然要多关注下,这次本着好奇心去研究分析下他们此次改版的视觉风格、交互体验和老版本的一些细微的差别。目前新版本可以看到他们改版的风格,大家可以下载更新体验下。
两个版本初看,首页视觉上变化最大当然还是图标上的优化和卡片。
Facebook为不同的内容流单独设计了6种卡片模式,分别是纯文字、大文字、图片、链接、视频、滚动类型卡片,就类似之前分析Spoify一样,它们通过不同图形模式来区分不同曲风内容,这样便于用户去快速识别内容。
评论区域修改是这次改版的重点区域,Facebook官方表示,这次修改评论区域的目的是为了用户发表的动态能够获得良好反馈,促进用户之间的交流。
评论区域最大的优化是导航的优化,图标整体呈线性,苹果今年刚推出的iOS 11的图标是面性,在这里Facebook的图标是朝着另外一个方向走的。
Facebook整体设计给人的第一印象是更加轻量,焦点色更加年轻、科技感、安全,不像之前旧版颜色比较重,去除一些多余的UI元素,如分割线,灰色底,更加突出用户更关心的内容,更加注重用户之间的互动。
Facebook整体改版上视觉是更加轻量,年轻化,用户目标发生转变,聚集内容,更加注重关心用户发布内容后所得到的反馈,评论区域和内容卡片着重优化设计,以下几点根据facebook改版分析推测出来的一些设计趋势,改版方向。但是这些设计效果优化是否都是令用户满意的呢?我们目前尚不可知道,只有等待用户来评论。
原文地址:http://www.woshipm.com/pd/685123.html
原文作者:Tony
【网页设计 原创文章 投稿邮箱:yuanhttp://www.yinxi.net/】
================明星栏目推荐================
优优教程网: yinxi.net 是巅云旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。
设计导航:国内人气最高的设计网址导航,设计师必备:http://www.yinxi.net/