贵阳网页设计:Facebook对独立设计的深入分析-极简慕枫

贵阳网页设计:Facebook对独立设计的深入分析

2019-07-23

流线型配置文件页

这,这个配置文件页面重新设计来自Haris Jusovic,一个来自巴尔干地区的欧洲设计师。贵阳网页设计

在这个设计中,他将更多的注意力放在简单性上,用更多的高亮显示页面所有者突出标题照片和个人资料图片.

贵阳网页设计

时间线帖子可以根据你的喜好按“最近”或“流行”排序。这对于可用性来说是很大的,特别是在推特的反弹反对最近强制的算法改变。

同时,许多按钮显示得更大。额外填充和更大的排版..由于Facebook的目的是进行互动,因此增加按钮和超链接等项目的可见性才是有意义的。

总的来说,这个概念紧凑型,浮肿较轻..很高兴看到Facebook将更多的注意力放在交互元素上,或许还会增加它们的字体大小。贵阳网页设计

多列时间线

转向垂直柱状布局是Alejandro Osorio的重新设计..此布局表示Facebook用户在访问用户配置文件页时所看到的配置文件时间线视图。贵阳网页设计

这个设计是惊人的,但可能会让一些用户失望。它依赖于要组织的多个页面列用户的配置文件链接,以及最近帖子的时间线视图。所有的颜色和元素都符合Facebook的设计风格。当然,这感觉就像Facebook的时间表页面。

贵阳网页设计

但是,一些侧边栏元素确实有点令人困惑。例如,一个绿色按钮,在“跟随”按钮旁边有一个加号。一个只使用一个符号,另一个只使用文本。这感觉与设计风格和其他配置文件信息不一致。

我最喜欢的是时间表中数据的清晰结构..每件事都组织得很清楚,甚至还有侧边栏链接,可以在最近的帖子和流行的帖子之间切换。

内容密集重新设计

像Facebook这样的大型网站能够处理更多的数据,并且拥有一个用户群,希望能够轻松地访问这些数据。在主页重新设计通过Magic电压,您将发现一个一致的特性:大量内容被塞进一个页面布局中。

Facebook主页是用户第一次访问该网站时看到的初始时间线视图。它包括最近的帖子,从朋友,聊天列表,游戏,广告和其他相关信息,如即将到来的生日。

贵阳网页设计

这个布局的忙碌使它既伟大又可能引起争议。把所有这些内容都放在一个页面上超级容易导航一旦你真正了解了所有东西的位置左上角的图标链接非常模糊,足以劝阻任何人与他们互动。

但为了维护这一设计,它处理密集的内容非常好。有元素之间有大量空白它的四列设计非常出色。

大容量航行

这个所谓的Facebook2.0重新设计马塞洛·席尔瓦创作的作品确实是一幅值得一看的景象。他的演示布局显示一个更新的主页与时间线和部分隐藏聊天联系人。

贵阳网页设计

这个设计的一个重要部分是分层导航系统..我喜欢主导航的图标链接显示辅助链接。在上面的屏幕截图中,用户选择配置文件图标,该图标具有浏览近况并编辑配置文件.

不像Facebook的传统广场照片,马塞洛的重新设计选择圆形照片..这种样式在时间线和聊天列表中都很普遍。

M助理和最近的活动清单

有很多话要说史蒂文·麦凯布的FB重新设计..事实上,许多领域,如游戏和最近的活动,已经完全重新设计了一个令人印象深刻的整容。

史蒂文的设计是比Facebook目前的配色方案要黑得多..我喜欢这个是因为建立更多的对比在侧栏和主页面内容之间。Facebook目前的主页包含了大部分内容,但随着时间的推移,它可以融入到背景中。

贵阳网页设计

标头仍然使用红色气泡来表示通知。还有一些趋势文章和一个新闻提要,可以从右边的好友那里整理最近的活动。

在最下面你会注意到一个小盒子Facebook的M相当于Siri对Facebook用户来说。

这个特性在重新设计中并没有得到太多的关注,但史蒂文真的全力以赴地让他的概念真正代表了现代Facebook技术。

四列时间线布局

这是另一个网页重新设计由日本设计师Sho Kameya制作。所有这些列跨越整个页面,宽度和高度都是。

这个极左的侧边栏将注意力集中在传统的facebook链接上,用于游戏、应用程序、页面、开发资源和其他类似项目。接下来是内容列,它是所有重新设计中最多样化的。这不保留更新状态/添加照片的传统链接,而是使用带有隐藏选项的极简方法.

贵阳网页设计

两个右手边栏包括更多的照片,如用户化身和游戏图标的其他一切。此设计仍然保存所有更新,如生日、聊天和朋友推荐。

这个设计是非常多样化的,但仍然忠实于Facebook的核心功能。这可能不是完美的重新设计,但它显示四列布局的可能性。.

带有暗聊天列表的简化UI

目标本·哈特利的重新设计简单而微妙。布局使用平面设计概念在较大的页面元素上有几个阴影。

许多品牌商品都保持不变,他依赖的是Facebook传统的蓝/灰色配色方案。但是你会注意到一些图标已经被重新设计了更小或更简单(或两者兼备)。

贵阳网页设计

此布局还依赖于圆形化身为共享图像提供了足够的空间有职位。我真的很喜欢他更新后的聊天列表,颜色更深,状态图标更小。.

虽然本的重新设计仍然感到有点混乱,但它确实感觉简单得多。这将是一个艰难的设计来衡量用户体验,而不需要在浏览器中进行用户体验研究。但一眼看上去更容易浏览为消耗时间线内容提供了更多的空间.

总结

虽然这些例子主要集中在Facebook上,但经验教训可以适用于任何网站。伟大的用户体验设计超越了所有的语言障碍,它是数字创作过程中的一个重要部分。

可以自由地从这个分析中借用一些想法,甚至在你自己的项目工作中实现类似的想法。此外,如果你发现任何相关的Facebook重新设计,你可以自由分享评论与你自己的分析。

贵阳网页设计