对于图片社交网站UI应用的对比分析(图)

所属分类: 网页制作 / 应用技巧 阅读数: 891
收藏 0 赞 0 分享
在我们的生活,工作,学习过程中,社交网络已经逐渐成为未来互联网发展的趋势。今年,Facebook,Twitter,Google+都是时下社交网络的热门产品,每月的用户使用量都在逐渐增多。
然后,今天我要谈的并不是这些我们耳熟能详的热门互联网产品。
而是现如今,随着社交网络的日新月异的变化着,我们越来越多的年轻人都在使用手持无线设备上网,进行他们的交际圈子,这也是图片社交新兴的一个时代。图片分享的社交形式越来越普及,许多的年轻人喜欢用图片的形式去分享自己身边发生的人与事,去show自己的生活,idea和圈子。随着Iphone,Andirod等智能手机的普及,人们可以随时随地的分享图片来丰富自己的社交网络,这就是我今天要谈的关于PIC那些事儿。
在社交网络市场上,热门的Facebook、Google+、Twitter、校内网等为用户提供的是综合性的社交服务,而现在人们更专注于图片的存储和分享。随着网络上用户图片数量的与日俱增,现在还缺乏专业化的服务来满足人们在图片分享方面相应的需求。图片中所蕴含的“人”的信息,没能得到充分的重视;这使得现有的图片分享服务,大多数成为在线的图片储存工具,而没有将图片背后的社交、娱乐等价值充分发挥出来。致力于为用户提供独特的服务,帮助它们在图片和个体之间建立联系,让人们能够更加得心应手地分享和使用图片。
现在在市面上,出现了很多款满足这类需求的APPS,我在这里做一些说明和分析,帮助大家更好的认识图片社交网络的魅力。有2011年接近风靡instagram,照片编辑为主的camera360,私密社交分享的PATH,趣味性十足的picplz等等,这些都是国外做的比较不错几个APPS。
下面我来分享下这些图片类社交应用。主要讲instagram和path这两款,因为它们改版后的经验度尤为震撼到了我,尤其是path改版后的界面风格整个提升不少,给我们国内UI界带来了新启迪,希望能给关注这类产品的同学们有一些帮助。
Instagram:
是一个免费,有趣,简单的方法制作和分享你的iPhone华丽的照片,也可以即时分享到Facebook,Twitter的,Flickr等社交平台上,与你和你的朋友产生互动的的应用程序。
它是一个只有6个人的创作小团队组成,然后在2011年只花了一年的时间,将使用的用户突破1400万,发布图片4亿多张,用户量遍布全球。目前只有IOS平台的介入,Android版应用希望早日开发出来,方便大家使用。我们来看下它的成功之处和吸引人的魅力所在之处究竟何在?
从图片显示:
图片社交网站UI应用对比分析,PS教程,脚本之家
Instagram从1.0到如今的2.0的蜕变,界面和LOGO都发生了很多质的飞跃。LOGO调整的更加精细写实了。从之前的扁平质感的彩带LOMO照相机演变成了现在新版的浓质感立体化的镜头,使得整个APPS更显高贵和升级之感。界面功能增加了很多滤镜效果。图片质量也提高了不少,最主要的是服务器容量做了比较大的改善,速度加快了很多。
我们来看下它的一路蜕变史。
图片社交网站UI应用对比分析,PS教程,脚本之家
2.0的这次的升级改版使Instagram的全球用户量又一次攀升,将它推向了顶点。
1.100%免费的自定义设计的滤镜器;滤镜微创新,比过去处理照片快200倍。
2.镜深和移轴效果的加入;
3.即时分享到Facebook,Twitter,Flick与朋友互动,迈入了独立社交产品的地位。
4.技术上工程师的精挑细选,可以支持无线的海量上传,服务器更加稳定。
5.朋友的喜欢和意见,评论;
6.删去了一些不必要的功能,进行了界面简化;
7.并且还推出了系列周边延展应用;(Insta Rader它可以找到方圆5英里用instagarm分享的照片并标记处地理位置;Insta Rgam是一款增强现实的应用,可以将附近的社区分享的热门优秀照片推送出来。Insta Deck可以将Instagarm的体验迁移到Mac电脑的桌面上。
这就是Instagram的web版体验,方便大家参与和体验。http://statigr.am/
图片社交网站UI应用对比分析,PS教程,脚本之家
UI界面做的也是非常的精致,非常符合时下文艺小青年的审美调子,欢迎大家在上面分享各种有意思的图片哇!
Instagram 在移动端融入了很多社会化元素,包括好友关系的建立、回复、分享和收藏等,这是Instagram 作为服务存在而非应用存在最大的价值。
但非所有的图片分享工具都赞同开放的社交图片与路线,另外一家图片拍摄与分享服务商Path就坚持“私密分享”的另一种选择。
Path:这个APPS是非常值得一提的一款应用程序,这是由两个前 Facebook 员工精心打造出来的“密友社交平台”已经突破了 100 万的用户数量,它在这次2.0改版之后,做了一个华丽光鲜的转身,把许多同类产品都遥遥的甩在了身后。直接领跑整个图片类社交分享圈子,无论是在功能和界面设计上都做的相当的精致出位,很受大家的喜爱追捧。
Path其实是一个私人图片社交圈子,它只能够添加你最亲密的50人作为好友,它让你不能不想部分受众SAY NO。这样也同时很好的建立起互联网上第三种社交网络类别。2.0的path是模拟了一本智能杂志的形式,可以帮助您分享生活,爱人,你的想法,你听的好听的歌曲,视频。新版更增加了时间轴排列的信息,让你更加清晰的看来一路走来的时间、地点、人物和事件,更加好的帮助回忆过往发生的事情。新版还添加了有意思的唤醒功能,当你睡觉和醒来的瞬间,只要玩过Path,就可以轻松识别您的地理位置和睡觉的时间,让你最私密的好友们最清晰的第一时间了解你的动态。还可以让你的朋友知道你在哪里共享路径上的地方。同时也可以看到你好友添加了哪些朋友,从而加密关系链。
最惊艳的是其主页的版式,很大气简洁的排版,也充分的展示了所需的基本信息。新增的一些功能也开始彰显出设计团队对于私密朋友间社交模式的新思考。
图片社交网站UI应用对比分析,PS教程,脚本之家
令人耳目一新的华丽界面,当用户登录新版本的Path时,将可以按照自己的喜好更换自己主页的背景图片,用户可以通过自定义这张“背景图片”,来向好友们展现自己的审美观念,有点个人博客的感觉。这里处理头像的手法也是相当的精致,很巧妙的和主页背景COVER所结合,配以醒目的英文名字和基本信息作为主页标题,整款APPS在首页进入就带给人们不一样的精致度,再加上IOS显示的精细度,将这款转型后的Path展现的凌厉尽致。可以用几个关键词来形容:革命突破性的颠覆;最具独特的创新转型;与同类产品的竞争潜力提升百倍。
图片社交网站UI应用对比分析,PS教程,脚本之家
UI的设计非常精细考究,简洁明了的表达了他们的功能含义。
图片社交网站UI应用对比分析,PS教程,脚本之家
进入应用程序本身,许多细节的精巧构思也令人在使用过程中心生爱意。
用户在轮动浏览的过程中,屏幕右侧会自动出现一个时间轴指示器,指针的动态滚动,帮你记录了所有的动态信息。
用户的操作形式也非常的新颖,都是基于屏幕左下方的那个“+”号图标——点击它,6 个扩展选项按钮随即弹出,此时的红色“+”号已经变成了红色“X”号,提醒用户再次点击将会把扩展出来的选项按钮一并收回。Flash动作的缓动实现带给用户轻松活泼的感觉。
图片社交网站UI应用对比分析,PS教程,脚本之家
菜单的三屏模式左右滚动切换,界面的关联展示,强化了操作过程的连续性,使得信息展示更加直观,这也是2.0非常独出心裁的设计制作,使用户在交互和视觉的体验上都相当的完美。
手机底部左下角区域,在人机交互的逻辑下,更适合右手操作,“X”按钮包含多个常用功能,展示节省空间,直观引导。
还有一个很值得一提的新鲜玩意,记录下每天睡觉苏醒的时间和地点,让最亲密的人感受到彼此的存在。
图片社交网站UI应用对比分析,PS教程,脚本之家
Path带给我与众不同的感觉,很多精心完美的贴心服务让用户倍感有趣和温馨。做产品做到这个程度,真的可以给到用户一种宾至如归的感觉。
Feed的时间轴情感化展示,穿插着这些可爱且识别率高的ICON,让人特别喜欢!留下深刻影响,为这款APPS增添了不少趣味性。
图片社交网站UI应用对比分析,PS教程,脚本之家
这是我觉得时下图片社交网络,做的相当成功的两款应用程序。同样是涉及图片分享来传达信息的APPS。但是他们完全在两个维度都满足了大家渴望了解彼此动态的需求,而且图文并茂,惟妙惟肖。将整个社交网络推向了图片share的一个巅峰时刻。
当然,最后再推荐几款本人用的比较不错的同类产品,希望喜欢share图片的爱好者们多多尝试体验哟!
图片社交网站UI应用对比分析,PS教程,脚本之家
更多精彩内容其他人还在看

更受欢迎 更具创造性的深底色网页设计实例

最新的调查表示,47%的受访者首选浅底色的设计, 主要原因是基于可读性。大多数人不喜欢阅读深色背景上的亮色文字,那样眼睛容易疲劳从而导致不适的阅读体验。
收藏 0 赞 0 分享

有创意的关于我们网页页面设计

本文收集了一些“关于我们”网页页面,60个漂亮的有效果的对用户非常友好的关于我们页面的设计实例。希望你能从中获得设计灵感。
收藏 0 赞 0 分享

整洁漂亮的网页设计的4项原则

我最喜欢的设计书籍之一就是《Robin Williams Design Workshop》.它深入实际的设计理论,并且包含许多极棒的设计实例。其中一个值得关注的地方就是4项主要的设计原则,它们已经在设计中为我所用。这4项原则就是:反差, 重复, 排列, 和分类。
收藏 0 赞 0 分享

设计参考 WordPress建站成功案例

最近国外有个牛人收集了 16 个专门收集 wordpress 精彩建站案例的网站,对于每一个 wordpress 迷来说,这都是一份大礼。
收藏 0 赞 0 分享

新闻风格网站设计实例25个

杂志和新闻风格设计越来越流行了。像Wordpress之类的内容管理系统对此类网站有比较多的模板选择,可以让普通的站长或博主轻松实现一个很像新闻网站的网站。在本文中,我们将推荐25个可以为你提供灵感的杂志风格网站设计。
收藏 0 赞 0 分享

网页文字设计应该像聪明女孩穿衣服

  这世上“没有丑女人,只有懒女人”这是女人美丽圣经里的最精彩的一句话了,一个女人只要舍得花时间琢磨怎么保养,怎么打扮,总能够找到方法展现自己美丽的一面的。界面设计何尝不是如此?那就让我们来看看聪明女人的穿衣之道里有没有什么做设计可以借鉴的地方
收藏 0 赞 0 分享

怎样设计网页?怎样制作网页?

  在网页设计的认识上,许多人似乎仍停留在网页制作的高度上。认为只要用好了网页制作软件,就能搞好网页设计了。   其实网页设计是一个感性思考与理性分析相结合的复杂的过程,它的方向取决于设计的任务,它的实现依赖于网页的制作。正所谓“功夫在诗外”
收藏 0 赞 0 分享

网页可读性提高的几个方法

1. 使用对比色 (Use contrasting colours). 这里说的对比是文字的颜色和背景色的对比。这样用户可以比较容易的看清文字,减少阅读疲劳。有视力障碍的人可能看不清楚低对比度的文字。可以去Vischeck这个网站可以看看你的网站在色弱(或色盲)用户眼中的样子。
收藏 0 赞 0 分享

网页设计心得:页面布局的简单规则

·重复:在整个站点中重复实现某些页面设计风格。   重复的成分可能是某种字体、标题logo、导航菜单、页面的空白边设置、贯穿页面的特定厚度的线条等。   颜色作为重复成分也很有用:为所有标题设置某种颜色,或者在标题背后使用精细的背景。 &middo
收藏 0 赞 0 分享

网页设计人员应该注意的43个Web设计错误

这是一篇关于网站易用性的文章,作者以亲身体会讲述了43条网站设计中常犯的错误,而无疑这些错误会大大影响网站的可用性。如今网站易用性已成为一种趋势,但纵观国内的各大网站,似乎易用性并未成为设计者们广泛理解的概念, 因此希望这篇文章对大家能有作用。 1. 用户必须
收藏 0 赞 0 分享
查看更多